Home » » Buat Efek Toggle Sidebar Blog

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
Share
Related Post

0 comments:

Archives

Label


ShoutMix chat widget
Guest Book
 

Subscribe Via Email

Enter your email address:

Delivered by FeedBurner

My Blog

Show

Exploration


Show

[Valid Atom 1.0]
Google PageRank Checker Powered by  MyPagerank.Net

Powered by FeedBurner

SEO Stats powered by MyPagerank.Net

Show

Show

Exploration

Welcome To My Blog

I hope you find what you're looking for here . . Thank you for visit to my simple blog . .

Rizky Maulana

This life is a sacrifice and struggle . . and I am just a man who wants to be better than ever . .