Cara Memasang Daftar Isi Accordion-2012 Di Blogspot

Daftar Isi Accordion-2012- Terkadang kita sangat sulit untuk mencari artikel terbaru dan yang tepat dan sesuai dengan apa yang kita inginkan, Tapi tenang sobat semua kali ini saya akan share tentang sesuatu yang berkaitan dengan hal tersebut, selain memudahkan pembaca Daftar Isi Accordion-2012 ini juga dapat memperindah tampilan blog anda dengan gaya terbaru. Silahkan saja dilihat di bawah ini ni sobat semua contoh tampilannya..:

Jika sobat tertarik dan ingin membuatnya ikutin aja sob.. langkahnya di bawah ini :

Langkah Pertama :

1. Login Ke Akun Blog Sobat
2. Pada Dasbor Pilih Rancangan-->Edit HTML 
3. Copy Paste CSS Berikut Tepat Diatas Kode ]]></b:skin>

.judul-label{background:-moz-linear-gradient(top,  #393E41,  #000000);font-weight:bold;line-height:1.4em;margin-bottom:5px;overflow:hidden;white-space:nowrap;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: 0 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 #AAAAAA;box-shadow: 0 1px 2px rgba(0,0,0,.2);color: #e9e9e9;border: 2px solid white !important;background:#000 url("http://2.bp.blogspot.com/-6OcDgB9yXXI/TVfIh9HaUYI/AAAAAAAABUk/PUZFTYOTg-8/s1600/1m3.gif") no-repeat}.data-list{line-height:1.5em;margin-left:5px;margin-right:5px;padding-left:15px;padding-right:5px;white-space:nowrap;text-align:left;font-family:kristen itc;font-size:12px;}.list-ganjil{background-color:#000;color:#51A104;border-top:1px solid #FF0000;border-bottom:1px solid #FF0000}.headactive{color: #FFFFFF;border: 2px solid:#C0C0C0;!important;background: #D11717;background: -moz-linear-gradient(top,  #D11717,  #8C0000)}

    4. Lalu Simpan Templatenya

Tahap Kedua :

• Setelah Template Di simpan Sobat Langsung Ke Tab POSTING Dan Pilih Entri Baru
• Isikan Judul Entrinya Atau Judul Postingnya Dengan Judul Daftar Isi Atau Sesua Keinginan Sobat
• Setelah Itu Masukan Kode Berikut Pada Tab HTML Postingan

<script src=" http://andoprasetya.googlecode.com/files/accordion1.js">
</script>
<script src="http://infoteknomedia.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=" http://andoprasetya.googlecode.com/files/accordion.js " type="text/javascript">
</script>

• Terakhir Tinggal Mengubah Url Yang Berwarna Hijau Diatas Dengan Url Blog Sobat 
• Terbitkan Entrinya Dan Lihat Hasilnya

Semoga Bermanfaat, Thank's..
Artikel Terkait di Bawah posting