Showing posts with label labels. Show all posts
Showing posts with label labels. Show all posts

Home » Posts filed under labels

How To Add Feed Link Button Before All Labels in Blogger

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

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this code:

<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<span dir='ltr'/>
</li>
</b:loop>


4.Now replace above code with below code.

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

<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default/-/&quot; + data:label.name'><img alt='Subscribe' src='http://www.feedburner.com/fb/images/pub/feed-icon16x16.png' style='vertical-align:middle;border:0'/></a>

<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<span dir='ltr'/>
</li>
</b:loop>


5.Now save your template and you are done.It will look like this.

READ MORE - How To Add Feed Link Button Before All Labels in Blogger
0 comments
Labels: , , , ,

How To Show Only The Title Of Posts For Searches, Archives And Labels

If you use this hack, when users will click on Archives, search or labels, they will see only the titles of the post, this will decrease the loading time of your template.Follow below steps to do it.

1.Login to your blogger dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this:

<b:include data='post' name='post'/>


4.Now Replace above line with below code.

<!--ARCHIVE-TITLES-STARTS--><b:if cond='data:blog.homepageUrl !=data:blog.url'><b:if cond='data:blog.pageType != "item"'><a expr:href='data:post.url'><li></li><data:post.title/></a><br/><br/><b:else/><b:include data='post' name='post'/></b:if><b:else/><b:include data='post' name='post'/></b:if><!--ARCHIVE-TITLES-STOPS-->


5.Now save your template and you are done.
READ MORE - How To Show Only The Title Of Posts For Searches, Archives And Labels
0 comments
Labels: , ,

How To Remove Label Posts Count From Blogger

To remove the label count just follow the below simple steps:

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

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this:

<span dir='ltr'>(<data:label.count/>)</span>


4.Now delete above code.

5.Click on "Save Templates" and Refresh your site.
READ MORE - How To Remove Label Posts Count From Blogger
1 comments
Labels: , , ,

HOW TO REPLACE THE NAME "LABELS" BELOW YOUR POST WITH AN IMAGE

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

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this:

<p class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>

4.Replace the line <data:postLabelsLabel/> with below code.

<img src="URL OF YOUR IMAGE " alt="BLOG TITLE" />

5.Click on "Save Templates" and refresh your site.

READ MORE - HOW TO REPLACE THE NAME "LABELS" BELOW YOUR POST WITH AN IMAGE
0 comments
Labels: , , , ,

HOW TO CHANGE THE NAME "LABELS" BELOW YOUR POST

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

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this:


<p class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>

4.Replace the line <data:postLabelsLabel/> of above code with your own name,like" CATEGORIES".

5.Click on "Save Templates" and refresh your site.

READ MORE - HOW TO CHANGE THE NAME "LABELS" BELOW YOUR POST
0 comments
Labels: , , ,

How To Add Flash Animated Label Cloud Widget For Blogger



This is very nice widget designed by Amanda Fazani.(http://www.bloggerbuster.com/)

If you like this widget follow simple steps below.

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

2.Without "Expand Widget Templates",Scroll down to where you see this:-

<b:section class='sidebar' id='sidebar' preferred='yes'>

3.Now Paste the below codes immediately after the above code.

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>

&lt;object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="200" allowscriptaccess="always" &gt;
&lt;param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" /&gt;
&lt;param name="bgcolor" value="#ffffff" /&gt;
&lt;param name="flashvars" value="tcolor=0x000000&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;
<b:loop values='data:labels' var='label'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'><data:label.name/></a>
</b:loop>
&lt;/tags&gt;" /&gt;
&lt;p&gt;Blogumulus by &lt;a href='http://www.roytanck.com/'&gt;Roy Tanck&lt;/a&gt; and &lt;a href='http://www.bloggerbuster.com'&gt;Amanda Fazani&lt;/a&gt;&lt;/p&gt;
&lt;/object&gt;


</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>

4.Click on "Save Templates" and Refresh your site.
READ MORE - How To Add Flash Animated Label Cloud Widget For Blogger
0 comments
Labels: , , ,

How To Add Technorati Tags using Beta Labels

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

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this:-

<div class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</div>

4.Replace above code with below code:

<div class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
<br/>Technorati:
<b:loop values='data:post.labels' var='label'>
<a expr:href='"http://www.technorati.com/tag/"+data:label.name' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</div>

5.Click on Save Templates and Refresh your site.

READ MORE - How To Add Technorati Tags using Beta Labels
0 comments
Labels: , ,

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.
READ MORE - How To Hide/Show (Expand/Collapse:+/-) Labels of blogger blog
0 comments
Labels: , ,
Subscribe to: Posts (Atom)
 

Support By Blogger