Sunday, December 31, 2017
How To Hide Show Expand Collapse Labels of blogger blog
How To Hide Show Expand Collapse Labels of blogger blog
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>
//<![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: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>4.Click on Save Templates(or Confirm and save) and Refresh your site.
Help Others by Sharing this post... THANKS.
