Cara Membuat Akordion Widget Blogspot

Cara Membuat Akordion Widget Blogspot | Kali ini saya akan share tutorial Cara Membuat Sliding Widget Blogspot. Jika Anda ingin menempatkan banyak informasi di widget blog Anda, sudah dipastikan template blog Anda akan membutuhkan banyak space.

Dengan menggunakan Akordion Widget ini Anda bisa menyembunyikan/menggulung widget blog Anda. Ketika diklik maka widget tersebut akan membuka kebawah dan memperlihatkan isi widgetnya.

Cara membuatnya sangat mudah. Kalau Anda menyukainya silahkan ikuti petunjuknya dibawah ini.

Step 1:
- Login ke akun blogger Anda.
- Backup dulu template Anda.
- Pilih Design -> Edit HTML
- Cari kode <b:skin><![CDATA[
- Copy dan pastekan kode javascript dibawah ini tepat diatasnya.

<!-- Acordion Widget -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
var sidebarnameacc1=&quot;sidebar&quot;;
var accordionside1=false;
var sideshow1=new Array(0,0);
</script>

Step 2:
- Carilah kode </head>
- Copy dan pastekan kode javascript dibawah ini tepat diatasnya.
- Simpan template Anda dan lihat hasilnya.

<!-- +++++ Start of Acordion Widget +++++ -->
<script type='text/javascript'>
//<![CDATA[
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('g q=J.K;6(q.L("M.N")==-1){g $0=O.P()}d r(){$0("#"+7+" .2-4").s();$0("#"+7+" .2 8").t("u","v");w(i x o){$0("#"+7+" .2-4:h("+o[i]+")").y();$0("#"+7+" .2 8:h("+o[i]+")").j("5")}$0("#"+7+" .2 8").z(d(){6(Q){g a=$0(3).e();6((a.9(".2-4"))&&(a.9(":f"))){$0(3).e().k("b");$0(3).l("5");m n}6((a.9(".2-4"))&&(!a.9(":f"))){$0("#"+7+" .2-4:f").A("b");$0("#"+7+" 8").B("5");a.C("b");$0(3).j("5");m n}}D{$0(3).e().k("b");$0(3).l("5")}})}6(E(7)!="F"){$0(G).H(d(){r()})}d I(){$0("#"+c+" .2-4").s();$0("#"+c+" .2 8").t("u","v");w(i x p){$0("#"+c+" .2-4:h("+p[i]+")").y();$0("#"+c+" .2 8:h("+p[i]+")").j("5")}$0("#"+c+" .2 8").z(d(){6(R){g a=$0(3).e();6((a.9(".2-4"))&&(a.9(":f"))){$0(3).e().k("b");$0(3).l("5");m n}6((a.9(".2-4"))&&(!a.9(":f"))){$0("#"+c+" .2-4:f").A("b");$0("#"+c+" 8").B("5");a.C("b");$0(3).j("5");m n}}D{$0(3).e().k("b");$0(3).l("5")}})}6(E(c)!="F"){$0(G).H(d(){I()})};',54,54,'jx||widget|this|content|headactive|if|sidebarnameacc1|h2|is||normal|sidebarnameacc2|function|next|visible|var|eq||addClass|slideToggle|toggleClass|return|false|sideshow1|sideshow2|home_page_tab|initMenu1|hide|css|cursor|pointer|for|in|show|click|slideUp|removeClass|slideDown|else|typeof|undefined|document|ready|initMenu2|location|href|indexOf|blogger|com|jQuery|noConflict|accordionside1|accordionside2'.split('|'),0,{}))
//]]>
</script>
<!-- +++++ End of Acordion Widget +++++ -->

Perhatikan kode new Array(0,0) untuk menentukan widget mana yang akan dibuka/tutup.
Jika Anda ingin membuka 2 widget ganti dengan new Array(1,0) atau new Array(1,2,3).
Silahkan dicoba sendiri dengan mengganti nilai new Array(0,0) diatas sesuai dengan selera Anda.

Semoga artikel Cara Membuat Akordion Widget Blogspot bermanfaat untuk Anda.