TrixKing | How To Blogger

Pages

  • Home
  • SEO
  • Softwares
  • Games
  • How-Tos
  • Sitemap

10 Nov 2012

Add Social Networks Buttons Below every Post Title in Blogger

Tweet
Facebook Like and Social activities

How To Add Facebook Like Button Below Every Post Titles in Blogger:

As we know Facebook is a traffic source for all bloggers, By adding facebook like button to a Blog or Website enhance users  to increase social activity and to let they recommend your article(post) to their friends on Facebook.
Now a days Most of the Peoples are using facebook a social network.and they are familiar with social icons.   
Facebook Like Button
The More You have quality contents(posts,articles) The More you will get shared(your post will be shared)
Also Depends on user interest.

How To Add Facebook Like Button below every post title in Blogger?:

Below are the Steps.
  1. Go to your Blogger Dashboard(template) then click Edit HTML.
  2. Now Check the Expand Widget Template box
  3. Search For <data:post.body/> Tip: Use CTRL+F 
  4. And Paste The Below Code Just Above Code
<p><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;'/></p>

Done.
Note : You might see that the code in step-3 is 3 times. Don't worry about this. anyone will work fine.
Still if you have any Problem then Comment.
Thanks To You!

UPDATE:: Dear Friends I bring More for You Peoples to increase Social activity on Your Blog.
How To Add Social icons +1,Pin it,tweet it, Like And shares below post Titles:

The is How To Social icons will appear below post title
The Method is Same as Above Steps.
Use the Below Code for Like button, tweet it, pin it, and more shares.

Here's is the list of Social Bookmarking and sharing widgets, give them a try.
Social Bookmarking widgets for Blogs - Websites

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_pinterest_pinit"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=xa-50a0cc372048d2d7"></script>
<!-- AddThis Button END -->

Advance : if you don't want a button appear below your post title in blogger, then remove one of those.
For example if i want to remove facebook like button to not appear, then i will remove the 3rd Line.
i hope you understand.
Still if You have any question then comment.
Please Share it! :)
Posted by Unknown at Saturday, November 10, 2012 Email This BlogThis! Share to X Share to Facebook
Labels: How to Blogger

11 comments :

  1. Unknown10 November 2012 at 03:27

    We Appreciate any comment related to this Post.

    ReplyDelete
    Replies
      Reply
  2. Salman11 November 2012 at 07:51

    Very Useful. Thanks For This Post. i really Like your Blog and found usful posts as i am new Blogger, and i learn a lot from your Blog For my Blog. i also joined your Blog and a fan of you on facebook. Please publish templates for Blogger.
    Thanks

    ReplyDelete
    Replies
      Reply
  3. Kiran11 November 2012 at 07:54

    Your Blog is so nice. i was thinking that it is wordpress. cool design and user friendly.
    I like Games in Your Blog and most of the time when i need Games. i download from your Blog. Keep working.

    ReplyDelete
    Replies
      Reply
  4. Amir11 November 2012 at 07:56

    Nice and useful. can we use other social icons with facebook button. i mean if you also use google plus and pinterst plugins(codes) by the method of this post. so it will work?

    ReplyDelete
    Replies
      Reply
  5. Unknown20 November 2012 at 00:06

    Thank you friends for commenting.

    ReplyDelete
    Replies
      Reply
  6. Mohsin Ali28 December 2012 at 05:49

    thanks

    ReplyDelete
    Replies
      Reply
  7. Khalid Rashid2 February 2013 at 07:08

    nice info

    ReplyDelete
    Replies
      Reply
  8. Unknown20 February 2013 at 11:25

    Thank you for your help! In my opinion this is the best how to for this topic

    ReplyDelete
    Replies
      Reply
  9. Unknown16 March 2013 at 02:33

    Hi, I added the above as you stated and it worked. Thing is i have 58people liking my post on each and every post it is the same, how can i change it and make it my own?
    Thanks

    ReplyDelete
    Replies
      Reply
  10. Unknown16 March 2013 at 23:04

    There are two methods to add like button.
    which one you applied. Please mention.
    i am also going to publish TrixKing post style social network buttons below post. Stay tuned

    ReplyDelete
    Replies
      Reply
  11. Sarfras30 August 2013 at 08:03

    dude its not working on my blos http://statuscollage.blogspot.com/ plz help me i copy paste the second code Above this

    ReplyDelete
    Replies
      Reply
Add comment
Load more...

Newer Post Older Post

Search

Follow on Google+

Blogger

  • Blogger Widgets
  • How to Blogger
  • Tips and Tricks
  • Free internet phone calls

Like Facebook Page

Powered by Blogger.

Total Pageviews

 
Copyright © 2013 TrixKing | How To Blogger . Designed by Kamran Khan | Privacy policy