Header Ads

Breaking News
recent

Adding like , tweet, google+ etc button on right side of the Read More link...[Hot]

Hi readers, 

In this tutorial me going to tell u how to add social networking button on right side of the read more link...


So, lets start :- 

  • Go to Design >> Edit HTML >> check Expand Widgets Template...
  • Search this.
<span class='rmlink'>



  •  Add following code at below of the code :-
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=button_count&amp;show_faces=false&amp;width=90&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:none; overflow:show; width:90px; height:21px;'/>
</b:if>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<a class='twitter-share-button' data-count='horizontal' data-via='o2tricks' expr:data-text='data:post.title' expr:data-url='data:post.canonicalUrl' href='http://twitter.com/share'>Tweet</a>
</b:if>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<g:plusone expr:href='data:post.canonicalUrl' size='medium'/>
</b:if>


  • Click on preview (if it show) Then Click Save Template.

NOTE :- Back up First

More Information :- You can add ur social button.... Just add ur button code at the end of the </b:if> ...

I tried this trick on my blog and it worked ! You can also see my blog it working fine !


Hope you like this one....
For more tips, trick and tutorial . Subscribe IT.

Please give me your feedback in comment box...

No comments:

Powered by Blogger.