Hal ini akan memudahkan pengunjung untuk membaca semua postingan sobat. Selain itu, membuat sitemap atau daftar isi blog, akan menambah kesan profesional dari blog itu sendiri. OK langsung saja.
2. Pilih menu Template - Klik Edit HTML
3. Terapkan kode berikut tepat sebelum kode ]]></b:skin> atau kode </style>.
Cara Membuat Sitemap Untuk Blog ala Arlinadzgn
1. Buka akun blogger.2. Pilih menu Template - Klik Edit HTML
3. Terapkan kode berikut tepat sebelum kode ]]></b:skin> atau kode </style>.
/* CSS Full Sitemap */
#bp_toc {background:#2ea9da;color:#666;margin:0 auto;padding:5px;}
span.toc-note {padding:20px;margin:0 auto;display:block;text-align:center;color:#ffffff;font-family:'Open Sans';font-weight:700;text-transform:uppercase;font-size:30px;line-height:normal;}
.toc-header-col1 {padding:10px;background-color:#000000;width:250px;}
.toc-header-col2 {padding:10px;background-color:#000000;width:75px;}
.toc-header-col3 {padding:10px;background-color:#000000;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:'Open Sans';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:#e76e66;}
#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;}{codeBox}
Sobat bisa mengatur warna sesuai selera masing-masing melalui kode CSS diatas.{alertInfo}
5. Simpan Template.
Menampilkan Hasil Sitemap ala Arlinadzgn
6. Pilih menu Laman - Klik Laman Baru.
7. Ubah tab Compose menjadi HTML
8. Terapkan kode berikut:
7. Ubah tab Compose menjadi HTML
8. Terapkan kode berikut:
<div id="bp_toc"></div><script src="https://cdn.rawgit.com/Arlina-Design/redvision/master/sitemap-content.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 {display:none;}</style>{codeBox}
9. Publikasikan dan selesai.
Selanjutnya, sobat juga bisa lho mencoba trik blogging Cara Memberi Pesan Peringatan di Blog Saat di Klik Kanan.
Sekian tutorial blogger pemula mengenai Cara Membuat Sitemap Untuk Blog ala Arlinadzgn. Semoga bermanfaat!