Cara Mudah Mengubah Sidebar Menjadi Show/Hidden Admin : Unknown

Manfaat dari sidebar show/hidden yaitu ngirit tempat atau tidak terlalu memakan tempat..

kali ini saya akan berbagi tutial bagaimana Cara Mengubah Sidebar menjadi Show/Hidden. Baiklah yuk kita simak cara-caranya:

Pertama Login >> Template >> Edit Template

Cari kode </body> ,kemudian Copas kode script berikut letakkan tepat diatasnya :

<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>

Kemudian cari lagi kode .sidebar h2 ,kalau sudah silahkan ganti dengan kode script ini:

.sidebar h2{background-color:#3366cc;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3KcPZWCgNWkAabZnHgRuIKJvZ7vej9iOPfKY7nUKBQjkem6xh8nv48fOFZWd1EJnEVYW-FZ6o4fN6_pRhyphenhyphenHGZwkW1CXxNQk6Qr1ESsA4v_Kz_Di_YisOvpKs_mX2KoBSzV4j0gPcoLYZi/s1600/arrow_right.gif);background-repeat:no-repeat;background-position:right center;font:bold 12px Federant;color:#eee;margin:0;padding:7px 0 7px 10px;text-shadow:0 1px 1px #000}#sidebar h2.active{background:#3300cc;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq0CupK6AjabnfP_dWziMxWjFeOTmrACQAc6gXUOj4GsnhYcCdElXgbuhHQ0EDiEn3HcIDTCNQfVOCgBcKYaFX2p3Tnoe2-shF3X3d8ZfGKnB2vWCNALoXaEdkIjrXZEpSMElIJx71wlUD/s1600/arrow_down.gif);background-repeat:no-repeat;background-position:right center}

Oke dah selesai simpan template sobat..
Demikian tutorialnya,sobat bisa baca juga Cara Mudah Mengubah Sidebar Auto Slide Blog Melayang ,
itu akan mempercantik lagi blog sobat.. terima kasih semoga bermanfaat..

Baca juga tutorial blogging berikut :

• Cara mematikan fungsi klik kanan pada blog
• Cara mudah memasang kotak komentar facebook diblog
• Cara membuat bingkai foto pada blog

Trik SEO Blogging :

• Cara membuat breadcrumb SEO valid Html5
• Cara membuat Meta Tag SEO valid Html5
• Cara membuat Geo Tag Generator SEO

Baca Artikel Kisah-kisah Hidayah :

• Bertaubat setelah menyaksikan sakaratul maut
• Perjalanan seorang atheis mencari agama yang haq
• Taubatnya seorang gadis punk dibulan ramadhan