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
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">
<style type="text/css">
Baca Juga
- Cara Terbaru Membuat Dan Memasang Meta Tag SEO Friendly Di Blogspot
- Cara Terbaru : Membuat Social Sidebar Blogger Professional
- Cara Terbaru Membuat Kotak Script Dalam Postingan Blog
- Cara Mudah Menambahkan Kolom Widget Di Samping Header Blog
- Cara Membuat Breaking News Dibawah Navigasi Menu
- Cara Mendatangkan Ribuan Pengunjung Ke Blog
- Tip Ampuh Cara Tukar Link Yang Bagus
- Apakah Fungsi dari Backlink dan Bagaimana Cara Mendapatkannya
#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/AVvXsEjYsIwBRNJL9s701raB5KgZBTTcLuBlk-QccvllhKao9q0lPXxF9XVSFXjJfr_o78sudS7ZOay4YjHuocUN7EYknf8yaEtlgfMDR6c4TIq8rWQhVfZ9GDwFaDzBXyy9TZHO0moxnf3bSdc/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/AVvXsEiiXk3mB8ZPHsfFng86sgCoEx3YPgvlsppbHXoSDyXLDI7JpNwoMWM-O0qczSI4B-BRHc96R4p_yDGQ6Kos1WQ6ONJSmuPml5jDfT-BAG2UryisnEpD_wzl4iKMbs6kD01MSrON-OOmOqg/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/AVvXsEgrCDcJmC4utmv046NPzU-Zj_F6fX13zgZNfUDzuACN_FgtvxIyED1lYQL1dZt0PCUP16ojW-riXGC64gjZfIatFEru53nD7gUo472xbmyNNdLYgrIpOdqi-ocw7KjCP9o3zOjBVvnM-pQ/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>
</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
