Buat Efek Toggle Sidebar Blog dengan "jQuery"

baiklah langsung saja.

Gimana tertarik untuk mencobanya??

Berikut langkah - langkah pembuatannya.
1. Login ke Akun Blogger anda masing-masing
2. Klik Design atau Rancangan, kemudian pilih edit html
3. Centang Expand Widget Template (saya anjurkan download dahulu template anda)
4. Cari kode : ]]></b:skin>
Lalu letakkan Kode CSS dibawah ini sebelum atau diatas kode ]]></b:skin>

#sidebar h2 {
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTwT9lMtQhnSuV3YOCmDSgFPDw24Dr1GZkQPHOn5zDeTpOo11yYUG_PN0D-6bX_5RK3eHLXderpgJoVqPSmZ7BwudAu0DY63BFF-8dOtlmxwppCOjXq4nu1-Wjh6KNO9L7jenqgXTBwsMT/")no-repeat 100% 50%;
}
#sidebar h2.headactive {
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-717vZbkidQoZCM1k6H0ohCiMh-ItUexIK0kQ7gcC_FUjEUJ7Kwsge94bpsEDFZdZUoc7oeUcTnnOABzgwEVCx3OdY0IiPnLv3QOIsi4yttt92TUExLOjFaRkU2-MfPyqq6kUvb1djA87/")no-repeat 100% 50%;
border-bottom:1px solid #282828;
}
#sidebar2 h2.headactive {
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTwT9lMtQhnSuV3YOCmDSgFPDw24Dr1GZkQPHOn5zDeTpOo11yYUG_PN0D-6bX_5RK3eHLXderpgJoVqPSmZ7BwudAu0DY63BFF-8dOtlmxwppCOjXq4nu1-Wjh6KNO9L7jenqgXTBwsMT/")no-repeat 100% 50%;
}

::: Sobat dapat mengedit code CSS diatas sesuka anda,

5. Setelah Itu taruh kode dibawah ini dibawah kode ]]></b:skin> , atau diatas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>
var sidebarnameacc1=&quot;sidebar&quot;;
var accordionside1=true;
var sideshow1=new Array(0,0);
var sidebarnameacc2=&quot;sidebar2&quot;;
var accordionside2=false;
var sideshow2=new Array(0,0);
</script>
<script src='http://introbloggerscripts.googlecode.com/files/accordionscriptv101-min.js' type='text/javascript'/>

6. Langkah terakhir Save, dan lihat hasilnya..

Ditulis Oleh : Unknown ~ KRJ_Team

Anda sedang membaca sebuah artikel yang berjudul , Semoga artikel tersebut bermanfaat untuk anda, Mohon maaf apabila konten yang anda baca rusak atau salah dalam penulisan. Jika ada pertanyaan, kritik, dan saran yang ingin di sampaikan silahkan tulis di kotak komentar

:: Terima Kasih ! ::

Bagikan ke teman : FacebookTwitterGoogle+LinkedinTechnoratiDigg

Artikel terkait :