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(&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>
4.Click on Save Templates(or Confirm and save) and Refresh your site.

Help Others by Sharing this post... THANKS.


visit link download
Read more »