Cara membuat Sitemap Keren Apa itu Sitemap? Sitemap Adalah Halaman Yang Di dalamnya Berisi daftar Semua Postingan Kita dengan kata lai...
Cara membuat Sitemap Keren
Apa itu Sitemap? Sitemap Adalah Halaman Yang Di dalamnya Berisi daftar Semua Postingan Kita dengan kata lain adalah Daftar Isi
Nah Halaman ini Wajib Kita buat Agar Pengunjung Bisa Lebih Mudah Mencari Apa yang Mereka Cari .Bukan Hanya Sebagai Pelengkap,Tapi memang Wajib Menurut saya.
Penasaran Seperti apa Penampakan Sitemap Keren Ini?
Lihat Demo Di sini
Penampakan Seperti Ini :
Langsung Saja Tutorial Membuat Sitemap Keren Ala Seputaronline.tk
1. Masuk Kedalam Blog Anda
2. Buat Satu Halaman baru
3. Pilih Di Tab HTML bukan Di tab Compose
4. Copy Code Di bawah Ini Dan Pastekan Di mode HTML
<div id="bp_toc">
Loading TOC. Please wait....</div>
<script src="https://cdn.rawgit.com/Arlina-Design/redvision/master/daftar-isi-simple.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&max-results=9999&callback=loadtoc" type="text/javascript"></script>
<style scoped="" type="text/css">
#comments,#Label1,#FollowByEmail1 {display:none;}
#HTML3 {visibility:hidden;}
/* CSS Full Sitemap */
#bp_toc {background:#ffaaa4;color:#666;margin:0 auto;padding:5px;}
span.toc-note {padding:20px;margin:0 auto;display:block;text-align:center;color:#ffcfcc;font-weight:700;text-transform:uppercase;font-size:30px;line-height:normal;}
.toc-header-col1 {padding:10px;background-color:#f5f5f5;width:250px;}
.toc-header-col2 {padding:10px;background-color:#f5f5f5;width:75px;}
.toc-header-col3 {padding:10px;background-color:#f5f5f5;width:125px;}
.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {font-size:13px;
text-decoration:none;color:#aaa;font-family:'Roboto';font-weight:700;letter-spacing: 0.5px;}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
text-decoration:none;}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {background:#fdfdfd;padding:5px;padding-left:5px;font-size:89%}
.toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a{color:#666;font-size:13px;}
.toc-entry-col1 a:hover, .toc-entry-col2 a:hover, .toc-entry-col3 a:hover{color:#cdb280;}
#bp_toc table {width:100%;margin:0 auto;counter-reset:rowNumber;}
.toc-entry-col1 {counter-increment:rowNumber;}
#bp_toc table tr td.toc-entry-col1:first-child::before {content: counter(rowNumber);min-width:1em;margin-right:0.5em;}
td.toc-entry-col2 {background:#fafafa;}
#bp_toc a{text-align:left;float:none;font-size:90%;padding:0}
</style>
5. selesai Klik Publish Dan Lihat Hasilnya
Baca Juga Cara Menginstal Custom Rom Lenovo A7000 Bagi Anda Yg mempunyai Android Lenovo A7000
Dapatkan Info Dan Tips Menarik Di Seputar Tips
COMMENTS