Free Access Easy Tutorial Best Update
TEMPAT BERBAGI ILMU | BERBAGI INFO | BERBAGI SOFTWARE KOMPUTER GRATIS

Efek Toggle Sidebar Blog JQuery


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/AVvXsEjhDhlrFKgUd-W6u0PzYyuoS0887Bm-xi4VcW_mz0za_8T9rj7juVxvB8h6b5-dezYPCbltMey7bMFVdIXECxXQOcZo1Ad5XYt97Oziegmqw6XwV8N8St6Hdm27FHGI7TFPtPYIUKMvngj5/")no-repeat 100% 50%;
}
#sidebar h2.headactive {
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwLa42K0atjFiZrd8EMwWosif02ZkAwm6Zi1oz-HMsrOX95Jn3p9KK42gLKU6INZNm6LJlm2Vd_SU4K1fp9G9h_ts1v0bdjCvYYn7QUsiBrQp-MJ9poyytsq6NNRtXtGb8LYUQrOBNNZDc/")no-repeat 100% 50%;
border-bottom:1px solid #282828;
}
#sidebar2 h2.headactive {
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhDhlrFKgUd-W6u0PzYyuoS0887Bm-xi4VcW_mz0za_8T9rj7juVxvB8h6b5-dezYPCbltMey7bMFVdIXECxXQOcZo1Ad5XYt97Oziegmqw6XwV8N8St6Hdm27FHGI7TFPtPYIUKMvngj5/")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..

 
;