Cara Mudah Membuat Daftar Isi/Sitemap Keren Pada Blog

Daftar Isi/Sitemap merupakan hal penting dalam sebuah blog. Daftar isi berfungsi untuk mempermudah pengunjung mengetahui artikel apa saja yang ada di dalam blog yang sedang dibacanya secara keseluruhan walaupun sebenarnya hal tersebut bisa dilihat di arsip blog. Itupun kalau arsip blognya dipasang, tapi kalau tidak? Karena sebagian blogger berpendapat, arsip blog sedikit mengurangi pemandangan indah bagi blognya itu. So, untuk tetap mempertahankan kecantikan blog yaitu dengan memasang Daftar Isi. Bagaimana cara membuatnya? Berikut cara mudah membuat daftar isi/sitemap keren pada blog, silahkan disimak.

Baca juga cara mudah memasang burung twitter terbang di blog

1. Pertama, seperti biasa login terlebih dahulu ke Blogger

2. Pilih Laman

3. Ketik Judul "Daftar Isi"

4. Jangan Lupa pilih HTML, bukan Compose

5. Masukkan kode di bawah ini

<style type="text/css">
#dafis-acc{ font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; background:url(http://lh3.ggpht.com/_xcD4JK_dIjU/S-KAWJugl3I/AAAAAAAAEBg/bY_3UzrECSg/d/bg5.gif) repeat-y scroll left center #E7F7FB; padding:2px 0; border:1px solid #339DC6; } .dafis-label{ background:url(http://lh6.ggpht.com/_xcD4JK_dIjU/S-KAVk09KSI/AAAAAAAAEBc/Tqfaca2nwmo/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(http://lh3.ggpht.com/_xcD4JK_dIjU/S-KAVlLiuVI/AAAAAAAAEBU/Hd-n_8N7qak/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://bangdadan.googlecode.com/files/daftar.isi.js" type="text/javascript"></script>
<script src="http://copasange.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>

6. Sekarang Pilih Compose lalu klik Perbaharui

Sekarang lihat hasilnya, keren kan! Demikian cara mudah membuat daftar isi/sitemap keren pada blog, semoga dapat membantu dan bermanfaat. Terima kasih atas kunjungannya.

► Copas Sange ◄

Sobat sedang membaca artikel tentang Cara Mudah Membuat Daftar Isi/Sitemap Keren Pada Blog. Jika sobat ada pertanyaan atau pesan mengenai artikel diatas, salurkan pada kolom berkomentar !! Dan untuk mendapatkan tambahan pahala, silahkan LIKE and SHARE ♂

<a href="http://copasange.blogspot.com/2016/04/cara-mudah-membuat-daftar-isisitemap.html" target="_blank">Cara Mudah Membuat Daftar Isi/Sitemap Keren Pada Blog</a>

:: Salam Blogger ! ::