Cara membuat sitemap atau daftar isi keren ringan sangat di blog

Salam buat blogger Indonesia, sebelumnya saya mendapatkan pertanyaan lagi dari kawan blogger saya Cara membuat sitemap atau daftar isi bagaimana ?. Okeh pada kesempatan yang baik ini saya akan menjawabnya dengan menuliskan tentang bagaimana Cara membuat sitemap atau daftar isi yang keren dan ringan saat di load di blog. Langsung saja sobat ikuti cara berikut ini :

1. Buka blogger.com.
2. Masuk dengan akun sobat.
3. Pilih Laman, kemudian pilih Laman kosong

4. Setelah itu Pilih HTML disamping Compose

5. Kemudian copy dan pastekan script di bawah ini :

<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/AVvXsEhnKHAFCD-X9hJD9RoJHnKUjhudp7Nyz7NirI5IsQUddgU3pMMkpkbWZLf7a_S7p6Yf0w3gmP0YQfRZieUwkCDbdZdwslId-Dgy6L3iy_IvKbdsmg2QCfgzZUa34p732EUZ2ZwhEzkZtkE/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/AVvXsEj4QlmmTDKJMFuu-1VZ2rSi33n4EhXD2qN0_-qSL3hMXKaW9gPGl_0nmIirXht19pKpPdgJQHSgqLCn2Xf2a1R5LZOaQpuHIUs42zIoZHGOrjHeaXMfKAwCZxdGRA-pVqsOvGE7mBgMgqE/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/AVvXsEh4FPk-gt9mMCjP5upBMisfvytIa1gfvLwsJ1K-41tGuDHiYXizZ6owERAkfO9S5svqgS02cW8IDidrVlZSt9CgsqBJqy2VvSM9WMRT1KbZQfegGmZj8nTAPgu8kN1JdEk2FlzXqnINhvw/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/javascript"></script>
<script src="http://ilmu-blog.googlecode.com/files/sitemap.js" type="text/javascript"></script><script src="http://jahetbungas.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
</div>

Keterangan : Gantilah yang berwarna merah dengan URL blog sobat

6. Kemudian simpan dan selesai lau lihatlah hasilnya. Keren kan ??. Semoga bermanfaat by +Bungas Zahid

Tag : Dunia Blogger