Cara bikin Menu Accordion Pada Sidebar

Opera Seo – Tempat Berbagi Ilmu, dibawah adalah teknik Kesehatan yang saya bagikan

Cara bikin Menu Accordion Pada Sidebar

Cara bikin Menu Accordion Pada Sidebar – Poetra Pakumis | kini saya akan berbagi Cara bikin Menu Accordion Pada Sidebar cara ini saya pelajari template buatan maskolis ialah Johny wuss sesudah melacak-cari bagaimana cara menjadikannya selanjutnya ketemu juga dan langsung saya praktekiin terbukti berhasil. dan saya ngak mau gembira sendiri jadi saya berbagi aja caranya selanjutnya Screentsohtnya :

selanjutnya Cara menjadikannya :

1. Login account situs atau bloggger sahabat.

2. Template – Edit HTML (Jangan lupa centang Expand Widget Templates).

3. Lalu cari kode ]]></b:skin> dan masukan kode di bawah ini diatas ]]></b:skin>.

.sidebar h2{background-color:#1a4d86;background-image:url(http://1.bp.situs atau blogspot.com/-9FCgC3SpZ00/UPMiEedG1VI/AAAAAAAACl0/zLgl3K6_d3I/s1600/arrow_right.gif);background-repeat:no-repeat;background-position:right center;font:bold 12px Arial;color:#eee;margin:0;padding:7px 0 7px 10px;text-shadow:0 1px 1px #000}#sidebar h2.active{background:#1a4d86;background-image:url(http://2.bp.situs atau blogspot.com/-QB-QrnRTSJI/UPMiEYKozJI/AAAAAAAAClw/ieBOFWLIqlM/s1600/arrow_down.gif);background-repeat:no-repeat;background-position:right center}.sidebar{color:#666;line-height:1.3em;border-top:none;font:11px Arial}.sidebar li{line-height:1.3em;margin:0;padding:5px 0 4px;border-bottom:1px dotted #ddd}.sidebar .widget{margin-bottom:1px;padding:0}.sidebar .widget-content{margin:0 auto;padding:0 5px}.sidebar a:link,.sidebar a:visited{font:bold 12px Arial;color:#555;text-decoration:none}.sidebar li a:hover{color:#015bb3}.sidebar ul{list-style:none;margin:0;padding:5px 0}.sidebar1 ul{list-style:none;padding:0;margin:0;}.sidebar1 .widget {margin:0px 0px 0px;padding:0}#Label1 li {float:left; width:50%;}

 4. kalo proses diatas sudah dikerjakan silahkan cari kode </head> dan letakan kode di bawah ini diatas kode </head>.

<script type=’text/javascript’>//<![CDATA[$ (document).ready(function() {    $ ('#sidebar .widget-content').hide();    $ ('#sidebar h2:first').addClass('active').next().slideDown('slow');    $ ('#sidebar h2').css('cursor', 'pointer').click(function() {        if($ (this).next().is(':hidden')) {            $ ('#sidebar h2').removeClass('active').next().slideUp('slow');            $ (this).toggleClass('active').next().slideDown('slow');        }    });});//]]></script>

5. paling akhir tinggal simpan dan lihat hasilnya.

Nah, sekian artikel tentang Cara bikin Menu Accordion Pada Sidebar semoga artikel yang saya catat berguna bagi sahabat seluruh.

Apa bila Anda mendapatkan BROKEN LINK silahkan bersaran pada tempat yang sudah disiapkan.

Terima kasih telah berkunjung, semoga artikel Cara bikin Menu Accordion Pada Sidebar bermanfaat.