Cara membuat sitemap diblog dengan mudah karena sitemap merupakan salah satu kelengkapan yang ada di blog. Membuat halaman sitemap di blog secara otomatis tentu disukai oleh blogger pemula seperti saya ini. Untuk itu saya akan share pengalaman saya membuat halaman sitemap.
Sebelum memulai membuat sitemap kita perlu tahu kegunaan sitemap dulu. Sitemap merupakan halaman web yang berisikan artikel-artikel yang telah kita publikasikan di blog kita selayaknya daftar isi blog kita. sitemap mempunyai peran penting dalam blog untuk memudahkan pengunjung blog kita agar dapat melihat artikel yang ingin dibaca sesuai dengan judul yang tampil pada halaman sitemap.
Seperti gambar berikut ini sitemap tanpa scroll dan untuk live demo nya bisa lihat
disini.
Kita langsung saja membuat halaman sitemapnya. langkah yang harus dilakuka adalah kita masuk pada blogger.com pada dashboard kita pilih "laman" atau "page" .
Selanjutnya pilih laman baru atau new page.
Maka akan tampil halaman seperti dibawah ini.
Keterangan gambar diatas adalah sebagai berikut:
Pada nomor 1(satu) kita pilih dulu mode "html" jangan mode "compose".
Pada nomor 2(dua) kita isikan judul laman kita , bisa kita isikan dengan judul "sitemap"
Pada nomor 3(tiga) kita copy pastekan script berikut ini:
tampilan sitemap tanpa scroll :
<script src="https://sites.google.com/site/script4shared/sitemap.js"></script><script src="http://
updatenewbie.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
tampilan sitemap ber-scroll :
<div style="background-color: #dde1e3; border: 1px solid #999999; height: 100px; overflow: auto; padding: 10px; width: 100%px;">
<script src="https://cdn.rawgit.com/D-dig/js/gh-pages/sitemap1.js"></script><script src="http://
chordliriklaguku.blogspot.co.id/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
</div>
Kita dapat mengatur tampilan div nya dengan mengatur tinggi dan lebarnya sesuai dengan apa yang kita inginkan.
JANGAN lupa ganti kode yang tebal berwarna merah itu dengan alamat blog kita masing-masing.
setelah semua selesai dan tidak ada masalah kita klik tombol "publikasikan". maka akan muncul tampilan seperti berikut:
Setelah tampil seperti gambar diatas kita klik "lihat" , ini berfungsi untuk melihat link nya
Keterangan pada gambar diatas adalah adalah sebagai berikut:
Pada nomor 1(satu) Kita COPY link tersebut untuk membuat tombol sitemap di blog kita.
Pada nomor 2(dua) adalah tampilan sitemap ber-scroll.
untuk live demo bisa klik
disini.
Langkah selanjutnya adalah kita menambahkan tombol sitemap pada blog kita. Cara yang harus dilakukan adalah kita masuk pada dashboard blog kita dan pilih "
Template" selanjutnya kita pilih "
Edit html" dan cari kan kata
"href='/'>Home</a></li>" atau dengan cara cepatnya tekan ctrl+f dan ketikkan kata tersebut atau kata "beranda", atau "Menu" pada intinya kata yang menunjukan pembuatan navigasi menu pada blog.
maka akan muncul tampilan seperti ini.
Pada halaman ini copy tulisan berikut ini
" <li><a href='http://chordliriklaguku.blogspot.co.id/p/blog-page_16.html'>Sitemap</a></li> "
dan gantikan link merah tersebut dengan link kita tadi. setelah itu simpan template dan jangan sampai ada kesalahan. Dan kita bisa lihat blog kita atau bisa juga refresh blog kita maka akan muncul tampilan menu dibawah ini.
Muncul tombol sitemap pada navigation menu diblog kita yang akan memudahkan pengunjung untuk melihat semua artikel yang telah kita publikasikan. Untuk yang belum jelas bisa komentar dibawah ini , terimakasih semoga bermanfaat.
