How To Add Twitter Tweet Button To Blogger?
Here we are giving all types of twitter tweet button choose anyone of them add add them just after below code.To find below code you need to "Tick the Expand Widget Templates" check box.Also take backup your template before making any changes.
<data:post.body/>
Tweet Button Styles
You can add tweet button in three styles :
- Vertical Count
- Horizontal Count
- Without Count
Vertical Count
<b:if cond='data:blog.pageType != "static_page"'>
<div style='text-align:left;padding:5px 5px 5px 0;'>
<a class='twitter-share-button' data-count='vertical' expr:data-text='data:post.title' expr:data-url='data:post.url' data-via='bloggerhero' data-related='' href='http://twitter.com/share'>Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>
</div>
</b:if>
Horizontal Count
<b:if cond='data:blog.pageType != "static_page"'>
<div style='text-align:left;padding:5px 5px 5px 0;'>
<a class='twitter-share-button' data-count='horizontal' expr:data-text='data:post.title' expr:data-url='data:post.url' data-via='bloggerhero' data-related='' href='http://twitter.com/share'>Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>
</div>
</b:if>
Without Count
<b:if cond='data:blog.pageType != "static_page"'>
<div style='text-align:left;padding:5px 5px 5px 0;'>
<a class='twitter-share-button' data-count='none' expr:data-text='data:post.title' expr:data-url='data:post.url' data-via='bloggerhero' data-related='' href='http://twitter.com/share'>Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>
</div>
</b:if>
Now replace bloggerhero with your twitter username.
Customizations (Options)
- This button is aligned to left of page if you want to align it to right or middle then replace text-align:left; with text-align:right; and text-align:center; respectively.
- This button will visible on below of post if you want to add it before the post then add code just above of <data:post.body/>
Now save your template and you are done.
Hello There!Happy for reading the article and don't forget share this article on your social network.Thanks You ^_^
Posted by 10:00 PM and have
0
comments
, Published at Writed by : Admin ID-Netblog
My friend was reading the article onHow To Add Twitter Tweet Button To Blogger?. Admin, buddy permitted copying and pasting or disseminate this article, but do not forget to put the source link below.
ARTIKEL TERKAIT:
No comments:
Post a Comment