How To Hide/Show (Expand/Collapse:+/-) Labels of blogger blog

Posted by Lasantha Bandara on April 21st, 2009 File Under : change template, html, labels4 Comments

1.Log in to your dashboard--> layout- -> Edit HTML

2.Without expanding your widgets,Scroll down to where you see this:-

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

3.Replace above line with below code:

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

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

<b:if cond='data:blog.url == data:label.url'>
<a expr:href='data:label.url'><></a>

<script type='text/javascript'>
<b:include name='quickedit'/>

4.Click on Save Templates(or Confirm and save) and Refresh your site.

File Under : change template, html, labels

4 Responses to “How To Hide/Show (Expand/Collapse:+/-) Labels of blogger blog”

  1. Alfian J. says:

    how to show/hide bloglist?

  2. OrthodoxMatt says:

    Hello, I am on New blogger and I am trying to get this code to work. Infact, I have tried about 5 different code setups, but no go. Do you think you could check out my page, and tell me what you think? I am trying to list my labels in columns across the page widget.

    Thanks, Matt

  3. Alamin says:

    go here

  4. Makarand says:

    Thanks buddy worked for me :))

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.