Buat Efek Toggle Sidebar Blog

Caranya adalah sebagai berikut :

1. Login ke Akun Blogger anda masing-masing.
2. Klik Design or Rancangan, kemudian pilih Edit HTML
3. Centang (Expand Widget Template)
4. Untuk keamanan lebih baik kita (Download Template Lengkap)
5. Gunakan (Ctrl+F) or (Alt+E+F) untuk memudahkan pencarian
6. Cari kode : ]]></b:skin>
7. Letakkan Kode CSS dibawah ini sebelum atau diatas kode ]]></b:skin>

#sidebar h2 {
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4q03zK-pX13fOU7chRm_XQoQvjc2NFYKR5QqSKxCRAYeTUH9ThqfOx9pM12ylfLurSkuJ4tVIvJ65biQlKMWsO5DswXu57qun7yR58n4GNPaYUKUwYny67XOWagamrF1NzY7hLEq-coH5/")no-repeat 100% 50%;
}
#sidebar h2.headactive {
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTeCVtfjPa2R-Oi8kt0SQzNTYS0cHwxFGbnTVSg4q1JlA90ApJR2Y5Xyk7P4oYnBKeqkvquDhYMT_JaqUxefgSlbfDqUbPGDafpAujNpLDxENqRvXNxxDHdiTuOwQkgcY27Rr-DJgTfni2/")no-repeat 100% 50%;
border-bottom:1px solid #282828;
}
#sidebar2 h2.headactive {
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4q03zK-pX13fOU7chRm_XQoQvjc2NFYKR5QqSKxCRAYeTUH9ThqfOx9pM12ylfLurSkuJ4tVIvJ65biQlKMWsO5DswXu57qun7yR58n4GNPaYUKUwYny67XOWagamrF1NzY7hLEq-coH5/")no-repeat 100% 50%;
}

8. 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'/>

9. Save

♂ Good Luck ♀

Semua ini adalah apa yang pernah aku cobain sendiri . . dan aku dapat/mengerti dari teman2 blogger lainnya karena aku hanya seorang blogger pemula yang ingin mengetahui lebih banyak hal lagi . . . . Thank's

Related Post