share all free for you

Advertiser Here

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("http://2.bp.blogspot.com/_b8IA1ajBJG8/TGItG7_uANI/AAAAAAAABlY/Dpm_OgLxnqE/toggle_down_light.png")no-repeat 100% 50%;
}
#sidebar h2.headactive {
background:url("http://3.bp.blogspot.com/_b8IA1ajBJG8/TGItHe6dMFI/AAAAAAAABlg/YI5ZKE9raNI/toggle_up_dark.png")no-repeat 100% 50%;
border-bottom:1px solid #282828;
}
#sidebar2 h2.headactive {
background:url("http://2.bp.blogspot.com/_b8IA1ajBJG8/TGItG7_uANI/AAAAAAAABlY/Dpm_OgLxnqE/toggle_down_light.png")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..

Title : Buat Efek Toggle Sidebar Blog dengan "jQuery"
URL : http://blogcunayz.blogspot.com/2011/07/buat-efek-toggle-sidebar-blog-dengan.html
Anda boleh menyebar Luaskan atau Meng Copy-Paste Artikel ini bila dapat bermanfaat bagi teman-teman anda, Namun jangan lupa untuk meletakkan Link Buat Efek Toggle Sidebar Blog dengan "jQuery" sebagai Sumbernya.

Sudah ada [ 1 komentar

  1. Follow selesai Gambar balck green itu ( 523 )

    ReplyDelete

Untuk menyisipkan kode,gunakan tag
[code]KODE ANDA[/code]
Untuk menyisipkan quote,gunakan tag
[blockquote]KATA-KATA ANDA[/blockquote]
Untuk menyisipkan gambar,gunakan tag
[img]URL GAMBAR ANDA[/img]
Untuk menyisipkan video,gunakan tag
[youtube]URL VIDEO ANDA[/youtube]
Anda juga bisa menggunakan emoticon seperti biasa.

Pasang Iklan Anda Disini

 
Copyright © 2011 Blogcunayz Template Design By Rizky Wardiansyah