Sitemap adalah menampilkan dan menempatkan semua artikel yang pernah anda posting menjadi satu halaman. Sitemap ini berperan sangat penting yaitu memudahkan pengunjung melihat semua postingan anda, karena sitemap ini menempatkan semua artikel dalam satu halaman. Walaupun itu artikel baru maupun artikel yang sudah lama. Alangkah baiknya blog anda dipasangkan Sitemap. Tujuannya adalah supaya Pengunjung atau Visitor tidak kebingungan mencari artikel apa saja yang ada di blog anda. Selain itu Sitemap tidak perlu diubah-ubah. Kerena ketika kita membuat "Postingan baru" dan anda memposting nya, maka secara otomatis Sitemap ini akan mengindex postingan tersebut. Baik, ikuti langkah-langkah ini jika anda ingin membuatnya.
Screenshoot :
3. Cara Membuat Sitemap Otomatis (Versi Anchor Text)
Screenshoot :
View Sitemap
Cara Pertama :
1. Buka Blogger, kemudian login.
1. Buka Blogger, kemudian login.
2. Dashboard - Laman.
3. Laman kosong - Buat Laman baru.
Proses Pembuatan :
1. Pilih bagian HTML Jangan Compose pada laman baru tersebut.
Proses Pembuatan :
1. Pilih bagian HTML Jangan Compose pada laman baru tersebut.
2. Copy&Paste kode berikut ini, dan Letakkan dibagian HTML.
<style type="text/css">#bp_toc {border: 3px solid #FF9934;color: #666;float: left;margin: 0 auto;padding: 0;width: 99%;}span.toc-note {display: none;}#bp_toc tr:nth-child(2n) {background: #ecf3f4;}td.toc-entry-col1 a {font-weight: bold;}.toc-header-col1,.toc-header-col2,.toc-header-col3 {background:#FF9934;}.toc-header-col1 {padding: 10px;width: 250px;}.toc-header-col2 {padding: 10px;width: 75px;}.toc-header-col3 {padding: 10px;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: 15px;text-decoration: none;color: #374760;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 {padding: 5px;text-align: left;}.toc-entry-col3 {padding-left: 10px}#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;min-height: 4em;float: left;border-right: 1px solid #fff;padding: 0 5px;text-align: center;margin-right: 10px;}td.toc-entry-col2 {text-align: center;}</style><br />
<div id="bp_toc">
<script src="https://cdn.rawgit.com/aramdan/share/master/sitemapsf.js" type="text/javascript"></script><script src="/feeds/posts/summary?alt=json-in-script&max-results=9999&callback=loadtoc"></script></div>
<div id="bp_toc">
<script src="https://cdn.rawgit.com/aramdan/share/master/sitemapsf.js" type="text/javascript"></script><script src="/feeds/posts/summary?alt=json-in-script&max-results=9999&callback=loadtoc"></script></div>
Sekian dulu Tutorial Blogger kali ini. Semoga Bermanfaat!