Showing posts with label collapse. Show all posts
Showing posts with label collapse. Show all posts
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.
Subscribe to:
Posts (Atom)