Cara Buat Label (Expand dan Collapse:+/-)





Sesuai bagi mereka yang menggunakan label berbentuk senarai pada sidebar dan mempunyai banyak label di dalamnya.Ia akan menjadikan blog anda lebih kemas dan mempunyai lebih ruang untuk gadget yang lain

1.Log in ke dashboard--> layout- -> Edit HTML

2.Cari kod merah(*kod label korang) di bawah ni (*tak perlu klik pada kotak expand widget)

<b:widget id='Label1' locked='false' title='Labels' type='Label'/>

3.Gantikan kod tersebut dengan kod ni:


<b:widget id='Label2' locked='false' title='Labels and Feeds' type='Label'>
<b:includable id='main'>
<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(&quot;' + rnd + '&quot;); tmp.style.display = (tmp.style.display == &quot;none&quot;) ? &quot;block&quot; : &quot;none&quot;; return false;" style="float:left;margin-right:5px;">');
//]]>
</script>[+/-]
<script type='text/javascript'>
//<![CDATA[
document.write('<\/a>');
//]]>
</script>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script type='text/javascript'>
//<![CDATA[
document.write('<div id="' + rnd + '" style="display:none;">');
//]]>
</script>

<ul>
<b:loop values='data:labels' var='label'>
<li>


<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
</li>
</b:loop>
</ul>

<script type='text/javascript'>
//<![CDATA[
document.write('<\/div>');
//]]>
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>




Ulasan

  1. aku dah buat bende nie.....tp ko punyer tutor cm nmpak simplified plak...hehhee

    BalasPadam

Catat Ulasan

Catatan popular daripada blog ini

KOLONEL SANDERS-PENGASAS KFC

Blog Tutorial:Aneka Gambar Untuk Header Bertukar-Tukar