Search Now

Custom Search

Hide dan Show Labels

Cara mudah untuk mempercantik menu widget label anda dengan menambah kan Hide dan Show labels +/-


Lansung saja pada pokok permasalahnya

- Login terlebih dalahulu ke blogspot


- Pilih menu layout => edit html


- Cari kode berikut



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



 


Ganti kode html diatas dengan


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

 


Jangan lupa save template...



Related Posts by Categories



0 comments:

Post a Comment