Cara Memasang Menu Accordion Tanpa HTML

Cara Memasang Menu Accordion Tanpa HTML

MENU ACCORDION BERGUNA UNTUK MEMPERSIMPLE TAMPILAN BLOG" SELAIN ITU TAMPILAN MENU ACCORDION DINAMIS DAN MEMBUAT TAMPILAN BLOG TERLIHAT LEBIH ELEGAN: JIKA INGIN MEMBUAT /MEMASANG NYA IKUTI LANGKAH BERIKUT:

1.LOGGIN KEBLOG

2.EDIT GADGET

3.PILIH HTML javascript

4.COPY code dibawah ini lalu paste ke dalam kolom yang disediakan

 <style type="text/css"> #accordion{width:100%;margin:auto;border:0px solid white} #accordion h2{background-color:#transparent;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkemTAZmeVkJwvuR_EakZTfgX4TZWxvpXRLIumq3j2L9QJX3mQinSugWuA0m4T1OWwEFANw7qqkFZi4PLrZ25xJLDb2clv5LGm8_hIFQIBISJC2sFOb97psR6Xojgyhc6Dhg8L6apgJKc/s1600/arrow_right.gif);background-repeat:no-repeat;background-position:right center;color:#d0cfce;font:normal 11px Tahoma;border-bottom:1px solid #323333;cursor:pointer;padding:5px 10px} #accordion .content{font:normal 11px Arial;background:#333;padding:5px 10px} #accordion .content li{background-image:url();background-repeat:no-repeat;background-position:left center;text-indent:0;border-bottom:1px dotted #595959;line-height:1.3em;margin:0;padding:2px 0 3px} #accordion .content li a:hover{text-decoration:none;color:#ff3c00} #accordion h2.active{background:#00FFFF;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEwSlW3XF9c4u6a7xDfVFzMnfeI9c7ldTIjdnvDMMstDBiZIxrGE5y9kewhlecdQFE1rGVZn46IW39GbLLlTs3Xe4mUpWzmvOZBotm5ZJBYvl3ytcGT4HHLw5lUxdAp1iIA8Qt3cOsXU8/s1600/arrow_down.gif);background-repeat:no-repeat;background-position:right center;font-weight:700} </style> <script type="text/javascript" src="http://yourjavascript.com/121511228073/accordion-menu.js"></script> <script type='text/javascript'> $(function() { $('#accordion .content').hide(); $('#accordion h2:first').addClass('active').next().slideDown('slow'); $('#accordion h2').click(function() { if($(this).next().is(':hidden')) { $('#accordion h2').removeClass('active').next().slideUp('slow'); $(this).toggleClass('active').next().slideDown('slow'); } }); });

</script>

<div id="accordion">

<h2>Arycode 1</h2>

<div class="content">

Isi Arycode 1 </div>

<div id="accordion">

<h2>Arycode 2</h2>

<div class="content">

Isi Arycode 2 </div>

<div id="accordion">

<h2>Arycode 3</h2>

<div class="content">

Isi Arycode 3 </div>

<div id="accordion">

<h2>Arycode 4</h2>

<div class="content">

Isi Arycode 4 </div>

<div id="accordion">

<h2>Arycode 5</h2>

<div class="content">

Isi Arycode 5 </div>

<div id="accordion">

<h2>Arycode 6</h2>

<div class="content">

Isi Arycode 6 </div>

</div></div></div></div></div></div>

KET :

Arycode      :  Judul heading menu accordion

Isi Arycode  : Silahkan Anda isi dengan widget yang akan dipasang (bisa tulisan, script iklan maupun script widget =================================================================================================================================