Sitemap. (foto : jahetbungas.blogspot.com) |
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/AVvXsEgAUaBuQLiHuG8XCVFQlI6XvpkwUEFvwn_D1Qn4BDwZfjUvbwvGXHabr3FIgvAHSFBisTTkSHJ7v1mQq2zDAboGA0QHXLoCN3c1dUIW_nTsBjFqg1Y4TsGPHh5F8JANtxhc-cUtU_l57qo/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/AVvXsEjBzCeO2UbJwVwY9wIBwRorAebj3sf1d7mthn4a67Eal4iZtCIVbqt_tQTS6J3DJDkyr8dRHxL-0mqIWu15WJMDWTvu_VNX2vyfgPZh16ZG4CE_dgqSVVqg7eR_GrAUCrG35kGfVy3k-9o/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/AVvXsEjl6Ee_w07dv9frn3lgGR251AopzCi7tfhxJ0IUKbXn72RMd8rwCGQf4Huuyp8FMlF6TdXrytS0sI24EFAxRa5DZLieO8O1AZQQsgqLrqHzdZmCGLCK_v0X2oIUq_D0txmROF9V-aMtPxw/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://duniasejutawarna.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
</div>
<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/AVvXsEgAUaBuQLiHuG8XCVFQlI6XvpkwUEFvwn_D1Qn4BDwZfjUvbwvGXHabr3FIgvAHSFBisTTkSHJ7v1mQq2zDAboGA0QHXLoCN3c1dUIW_nTsBjFqg1Y4TsGPHh5F8JANtxhc-cUtU_l57qo/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/AVvXsEjBzCeO2UbJwVwY9wIBwRorAebj3sf1d7mthn4a67Eal4iZtCIVbqt_tQTS6J3DJDkyr8dRHxL-0mqIWu15WJMDWTvu_VNX2vyfgPZh16ZG4CE_dgqSVVqg7eR_GrAUCrG35kGfVy3k-9o/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/AVvXsEjl6Ee_w07dv9frn3lgGR251AopzCi7tfhxJ0IUKbXn72RMd8rwCGQf4Huuyp8FMlF6TdXrytS0sI24EFAxRa5DZLieO8O1AZQQsgqLrqHzdZmCGLCK_v0X2oIUq_D0txmROF9V-aMtPxw/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://duniasejutawarna.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 ??
sumber : jahetbungas
gan, mau tanya. saya udah coba pakai script ini di blog, tapi kok judul yang muncul cuma sebagian ya, nggak muncul semua? apa memang begitu gan? terima kasih.
BalasHapusMungkin g cocok dg templatenya gan, ane dh pernah cb awalnya jg bermasalah dg tampilan sitemapnya, tp stlah cb gnti template sitemap normal tampilan judulnya.
BalasHapusTrims gan atas kunjungannya...