How to add facebook share button at your blog post?

How to add facebook share button at your blog post?

It’s a very useful button for your blog. Facebook share button helps visitor to share your post in his/her wall or any group. This button helps you to get more traffic in your blog. To add facebook share button in your post, follow those steps.

Login blogger.com with your id.

Click Design then click Edit HTML.

Click Download Full Template.

Click Expand Widget Templates. Page will atomically refresh.  

Find the following using Ctrl+F.

 <data:post.body/>

Paste the below code after <data:post.body/>.         

<!-- Facebook Share Button Start-->

<div style='float: left; padding: 5px; '>

<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='TYPE OF BUTTON'/>

<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>

</div>

<!-- Facebook Share Button End -->

If you already add facebook like button at the end of the post body the paste the code just between <data:post.body/>. And facebook like button code.

Click Save Template.

Now you are done.

Can’t  forget to download before edit template.

If you realy satisfy, please share this post.

Read More

How to add social sharing button after below the post title.

How to add social sharing button after below the post title.

At first login your blog with your blog ID.

Go to Design>Edit HTML

Expand Widget Templates.

Search for <data:post.body/> using Ctrl+F.

Place the following code just above it.

<!--GOOGLE+1-TWEET-FACEBOOK-STUMBLE-STARTS-->

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div style='padding:4px;'>

<table border='0'>

<tbody><tr>

<td>

<div style='margin-right:10px;'>

<a class='twitter-share-button' data-count='horizontal' data-via='mybloggertips'

href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>

</div>

</td>

<td>

<div style='margin-right:10px;'>

<iframe allowTransparency='true' expr:src='&quot;

http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp; action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; margin-left:0px; width:100px; height:20px;'/>

</div>

</td>

<td>

<div style='margin-right:10px;'>

<g:plusone expr:href='data:post.url' size='medium'/>

</div>

</td>

<td><div style='margin-right:10px;'>

<a expr:share_url='data:post.url' name='fb_share' rel='nofollow'

type='button_count'/> 

<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share'

type='text/javascript'/>

</div>

</td>

<td>

<div style='margin-right:10px;'>

<script expr:src='&quot;

http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=&quot; + data:post.url'/>

</div>

</td>

</tr>

</tbody></table></div>

</b:if>

<!--GOOGLE+1-TWEET-FACEBOOK-STUMBLE-STOPS-->

Click Save template. You are done.

Read More

How to add beautiful flying twitter bird in your blog.

Now social networking are played an important role to increase visitor to your blog and now Twitter is the second most popular social networking site. So you can use Twitter to increase traffic in your blog just add twitter follow me button. But today I will discuss about how to add twitter “Follow me” and “Tweet This” flying bird in your blog. It is one of the most attractive twitter widget which works on javascript,the animated flying bird goes to every corner of your blog when page is scroll up or down,it generally follow the cursor (mouse),it has a "tweet this" "follow me" link attach to it and this widget is compatible with all browsers.

To add this twitter bird follow those below steps:

Login your blogger account using your Id.

Go to Design>Edit HTML.

Back up your template first.

Now find </body> using Ctrl+F.

Paste the following code just above </body>

Code:

 

<!--Flying twiter bird code Start-->

<script src='http://bloggerblogwidgets.googlecode.com/files/way2blogging.org-tripleflap.js' type='text/javascript'>

 </script>

 <script type='text/javascript'>

 var twitterAccount = &quot; royaltech999 &quot;;

 var tweetThisText = &quot; <data:blog.pageTitle/> : <data:blog.url/> &quot;;

 tripleflapInit();

 </script>

<!--Flying twiter bird code end-->

Replace royaltech999 with your twitter username.

Save the template and go to your page to see beautiful twitter bird.

     

Read More

How to add Facebook like button after blog post title?

In previous post we discuss about’ how to add facebook like button after blog post?’. Some are want to add this button after post title. In the post I will discuss ‘ how to add facebook like button after post title?’. Now you follow those steps to add like button.

1. At first log in your blogger account .
2. Click on Design.
3.  Click Edit HTML.  
4. Backup your template.
5. Check the "Expand Widgets Templates" Box.
6. Search <data:post.body/>
7. Paste the Below code before <data:post.body/>.

<!—Facebook like button  start-->

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp; action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:20px;'/>

<!—Facebook like button end-->

8. Save your template and you are done!

Read More

How to add Facebook like button in your blog post?

Now facebook is the most popular social networking site. You can socialize your post or your blog using facebook. You can add facebook like button at the end of your post so that visitor can like your post and with other. To add facebook like button at your blog post, follow those steps.

1. At first log in your blogger account .
2. Click on Design.
3.  Click Edit HTML.  
4. Backup your template.
5. Check the "Expand Widgets Templates" Box.
6. Search <data:post.body/>
7. Paste the Below code above  <data:post.body/>.

<!—Facebook like button  start-->

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp; action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:20px;'/>

<!—Facebook like button end-->

8. Save your template and you are done!

Read More