Jumat, 06 Januari 2012

Cara membuat Daftar Isi Otomatis di Blog versi 2

setelah dulu saya sudah pernah mosting tentangCara membuat Daftar Isi Otomatis di Blog kali ini saya akan membahas hal yang sama tapi daftar isi yang satu ini lebih bagus dari sebelumnya screenshotnya disebelah kanan(klik untuk memperbesar) oke deh kalo udah penasaran langsung aja kita mulai tapi sebelum itu follow blog saya dulu dong kalo udah follow kita mulai:

1.Login ke akun blogger anda
2.Pilih tab rancangan
3.Pilih Edit html 
4.Cari kode <b:skin><![CDATA[ (gunakan f3 agar lebih mudah mencari)
5.Kalo udah ketemu letakkan kode dibawah ini dibawah kode<b:skin><![CDATA[

.judul-label{background:-moz-linear-gradient(top,#393e41,#000);font-weight:bold;line-height:1.4em;margin-bottom:5px;overflow:hidden;vertical-align:baseline;margin:0 2px;outline:none;cursor:pointer;text-decoration:none;font:14px/100% Arial,Helvetica,sans-serif;padding:.5em 2em .55em;text-shadow: 1px 1px rgba(0,0,0,.3);-webkit-border-radius:.5em;-moz-border-radius:.5em;border-radius:.5em;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:1px 1px 4px #aaa;box-shadow: 1px 2px rgba(0,0,0,.2);color:#e9e9e9;border:2px solid white !important;background:#0000fff }.judul-label,.data-list{white-space:nowrap}.data-list{font:12px comic sans ms /1.5em;margin-:5px;padding-left:20px;15px;text-align:left;left}.list-ganjil,.list-genap{background:#000;color:#51a104;border-top:1px solid #f00;border-bottom:1px solid #f00}.headactive,.headactive{color:#fff;border:2px solid:#c0c0c0;!important;background:#d11717;background:-moz-linear-gradient(top,#d11717,#8c0000)}

6.kalo udah tinggal di simpan deh



LANGKAH INI BELUM SELESAI MASIH ADA LANGKAH SELANJUTNYA

untuk memanggil kode tersebut kita harus membuat sebuah postingan baru ikuti langkah-langkah berikut:

1.Login ke akun blogger anda
2.Pilih tab entri baru
3.Pilih Edit html

masukkan kode dibawah ini dikotak yang telah disediakan

<script src="https://sites.google.com/site/webmiftah/js/wm2.js">
</script>
<script src="http://webmiftah.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc">
</script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="https://sites.google.com/site/webmiftah/js/wm.js" type="text/javascript">
</script>
<script src="https://sites.google.com/site/webmiftah/js/wm3.js" type="text/javascript">
</script>

kalo udah tinggal di terbitkan deh

contoh bisa dilihat disini

keterangan:kode yang berwarna biru ganti dengan url blog anda 

SELAMAT MENCOBA

0 komentar:

Posting Komentar