Nah, ibarat yang saya bilang tadi, sitemap atau daftar isi ini bersifat otomatis, jadi anda tidak perlu lagi berepot-repot menciptakan link satu-satu yang menautkan masing-masing post di blog kita.
Selain memudahkan pengunjung untuk menemukan indeks blog kita, kita juga sanggup memudahkan search engine untuk menemukan keseluruhan post yang ada di blog kita, jadi apabila ada postingan yang belum terindex, maka search engine sanggup mengetahuinya.
Oh iya sobat, berbeda dengan beberapa daftar isi lainya, sitemap yang satu ini mempunyai tampilan yang cukup menarik, alasannya bersifat open close ibarat terbuka dan tertutup, jadi akan lebih menghemat daerah atau space di blog kita.
Dari pada berlama-lama lagi, yuk mending eksklusif praktek aja, kita cuma membutuhkan beberapa bait isyarat j4vascript doang kok untuk menciptakan widget ini, hehehe.
Cara Membuat Sitemap / Daftar Isi Otomatis di Blog
Langkah pertama yang harus anda lakukan tentunya yaitu login ke blogspot terlebih dahulu, dikala sudah masuk ke halaman dasbor, pilih Laman > Klik Laman gres > Pilih Laman kosong > Pilih Opsi "HTML" pada postingan laman (bukan compose) > Lalu pastekan isyarat dibawah ini kedalamnya:
<div dir="ltr" style="text-align: left;" trbidi="on"> <style type="text/css"> #dafis-acc{ font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq7c9OdwdYwF6uwf_l7GaXENpQ2NqbNwbh_1VGPuw-euooQvGi-eoeor7-v30Ly5lAAbS7JtDQoq9bgG_k_gG5NQ8sn60jE2KmHgvppgWkweGs00zPJ0XpchQ32JNScO9BdEWO7hgal_o/d/bg5.gif) repeat-y scroll left center #E7F7FB; padding:2px 0; border:1px solid #339DC6; } .dafis-label{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6qa7Q7JOuGrQ-zm1xUYpsG38bnItSqK7pIoeqno3F3dtopZIx-XkxyfKZleUHLn00cx1FubJo_UGJ2MlMtTdhjkV8IIHgbqbhKykZhEAMw3JtXGZ1JpEmgs_-qqKvLTEQ3Yn4PiyWlEY/d/bg4.gif) repeat-x scroll 0 0 #E1F4FB; font-weight:bold; line-height:1.4em; overflow:hidden; white-space:nowrap; vertical-align: baseline; margin: 1px 3px; outline: none; cursor: pointer; text-decoration: none; padding: 2px 10px; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.3); border:1px solid #2F94BA; } .dafis-label:hover{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQWJxfnOV2AwvCNNIeH8D7XDLiN1G4EA63SYfKSkHznmoFqdv4c7w8B4ktUR-hi6HBrrsmpSvXJI2qJQyLLFLzxj1weymu5M3eNsmORogi7NK2mMN1ZDRki0j8A33FAnEgnb_FN-yV8VM/d/bg2.gif) repeat-x scroll 0 0 #E1F4FB; color:#003366; } .dafis-daf ol{ margin:0 0 0 30px !important; padding:0 !important; } .dafis-daf ol li{ background-color:#C9E9F4; line-height:1.5em; margin:1px 3px !important; white-space:nowrap; text-align:left; border:1px solid #339DC6; } .dafis-daf ol li a{ text-decoration: none !important; color:#333 !important; display:block; padding-left:10px; } .dafis-daf ol li a:hover{ background: #7BC4DF; border-left: 5px #333 solid; padding-left: 5px; text-shadow: 0 1px 1px rgba(0,0,0,.3); } </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/j4vascript"></script> <script src="https://farhanshare-blogspot-com.googlecode.com/files/sitemap%20%281%29.js" type="text/j4vascript"></script><script src="http://farespo.blogpsot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script> </div>
Keterangan: ganti isyarat yang berwarna biru dengan URL blog anda
Terakhir klik save atau publikasikan. Nah, bagaimana sobat? gampang sekali bukan cara menciptakan daftar isi otomatis di blog.
Demikian postingan wacana cara menciptakan sitemap / daftar isi otomatis di blog, simak juga artikel menarik lainya seputar widget blog wacana Cara Membuat Pesan Pembuka Ketika Masuk Blog.