Tips buat kali ini adalah cara bagaimana menyembunyikan widget pada side bar. Widget ini boleh dibuka dan ditutup dengan hanya klik pada butang tajuk widget pada sidebar dan boleh juga pada footer.Kebaikan dengan menggunakan cara ini sidebar nampak lebih tersusun rapi
Kalau ingin membuatnya ikuti langkah seterusnya:
Backup template terlebih dahulu
Pada Design >> pilih edit HTML >>dan tandakan pada Expand Template Widget
Kemudian cari widget yang hendak disembunyikan:
Untuk contoh ini, saya pilih widget Top Post untuk disembunyikan
Cara lebih mudah gunakan Crtl + F untuk mencarinya, taipkan
title = 'Top Post'
Kemudian enter.
Keluar code sebegini.
<b:widget id='HTML12' locked='false' title='Top Post' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
Ganti code begini <h2 class='title'><data:title/></h2>
Dengan code dibawah ini.
<h2 class='title'><script type='text/javascript'> /* <![CDATA[ */ if(typeof(rnd) == 'undefined') var rnd = ''; rnd = Math.floor(Math.random()*1000); rnd = 'id-' + rnd; document.write('<a href="#" onclick="tmp = document.getElementById("' + rnd + '"); tmp.style.display = (tmp.style.display == "none") ? "block" : "none"; return false;" style="float:right;margin-right:0px;font-weight:bold; color:#FFFFFF;">[Open -+]</a>'); /* ]]> */ </script><data:title/></h2><script type='text/javascript'> /* <![CDATA[ */ document.write('<div id="' + rnd + '" style="display:none;">'); /* ]]> */ </script>
Salin code dibawah ini pula.
<script type='text/javascript'> /* <![CDATA[ */ document.write('</div>'); /* ]]> */ </script>
Letak diatas code dibawah ini pula.
</b:includable>
preview terlebih dahulu dan kalau tiada eros save template
Home »
Tutorial Blog
»
Sembunyikan widget pada blog dengan buka dan tutup
0 comments:
Post a Comment