Cara membuat Sidebar Show/Hide di Blogger

Soree Semua..!!! Kali ini N1St Akan share tentang Blogging yaitu Cara membuat Sidebar Show/Hide di Blogger seperti blog ini [ Liat Sidebar ] yuk langsung kita ke TKP;
1. Masuk Blogger -> edit HTML
2. Find </head> taruh kode dibawah ini diatas kode tadi

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

3. Simpan Tmplate
Note : yang bergaris bawah [  sidebar-wrapper ] ganti dengan sectionID blog kamu.
Caranya :
Masuk Blogger -> Ke Blog kamu -> pilih salah satu widget -> edit widget
Lihat di URL widgetnya CARI KATA SECTION ID nanti kamu akan temukan apa yang kamu cari yaitu sidebar-wrapper atau sejenisnya....
dah mudahkan?
kalau ada pertanyaan and kalau ada yg g ngerti Komen aja...!!

See you in the Next Post!!

Read More