Automatic Hide Facebook Like Button And Twitter Follower On Blogger/Blog

Social media could be great source of quality traffic for any blog and websites. There are many popular social media sites like twitter,stumble upon,Digg and Facebook.There are many social media widgets available for blogger like Pop Up Fixed Bookmarking Gadget For Blogger and Twitter one Click Follow button For Blogs. It will increase your blog’s Facebook likes and twitter Followers and you will get more Followers and likes. It is Very easy to install in your Blog. This Plugins is made Compatible to work with all browsers especially with IE8. Today i’m gonna give you this automatic hide facebook like button and twitter follower.

Automatic Hide Facebook Like Button And Twitter Follower

[button link=”” type=”big” newwindow=”yes”] LIVE DEMO[/button]

How To Add Automatic Hide Facebook Like Button And Twitter Follower To Your Blogger/Blog

  • Login to Blogger > Dashborad
  • Click on Drop Down Menu and select Layout
  • Add a HTML/JavaScript Gadget
  • Paste below code in it.
<script src="" type="text/javascript"></script>
<div id="fbslidebox" style="position: fixed; width: 310px; overflow: hidden; bottom: 150px; right: 5px; background: #fff;) repeat scroll 0% 0% transparent; -moz-border-radius: 15px 15px 15px 15px; border: 5px ridge Black; display: block;">
 <div style="width: 295px; padding: 10px; margin: 0pt auto; overflow: hidden;">
   <a id="fbcloseslidebox" style="float: right; color: rgb(0, 0, 0); padding: 0pt 2px; border: 1px solid rgb(0, 0, 0); text-decoration: none; font-size: 10px; font-family: Verdana;" href="">Get This!</a>
 <strong style="color: rgb(0, 0, 0);">Like Blogger Heroe</strong>
  <a href="" title="Blogger Heroe" class="twitter-follow-button" data-button="grey" data-text-color="#000000" data-link-color="#ffffff">Follow @bloggerheroe</a><script src="//" type="text/javascript"></script>
  <iframe src="//;width=300&amp;height=290&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;appId=274499205992567" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:290px;" allowtransparency="true"></iframe> 

Make This Changes

  • Replace Code in red Id Replace with your Twitter ID.
  • Replace Code Replace in red Id with Id Like Your Facebook Name.
  • Replace Code appId =274499205992567 “Replace in red Id with Id Like Your Facebook Name.
  • To arrange Like Facebook Width and height are the way you change the code width: 300px; Height: 290px; “to suit your taste.

That’s the easy way to make Like Facebook In Blogspot Hopefully the above methods can be a little help for those of you who are in need. To own the result Demo In Senior slidebar Blog Blogger Heroe.You can appear when the rool scrool down and disappear again when rool in tarikg on

Be sure to subscribe to the Blogger Heroe newsletter and get regular updates about awesome posts just like this one and more!

About kasper

Hey Guys I am Avinash a.k.a Kasper.I am one of the founder of this blog.I love blogging,gaming and other fitness activities.Blogging has taught me many things in my life and made me different from others.The only thing I believe is that if you ain't First your Last!


  1. Sebin Thomas says:

    Nice widget Bro..

  2. Hafeez Khan says:

    Nice bro keep it up well explanations

    …▄▀▄▀▄▀▄ ▀ Top Bloggers In India of 2013 ▀▄▀▄▀▄▀▄…

  3. julie magon says:

    Do you like the blog, information on more than enough.
    Affordable Dissertation Writing

  4. julie magon says:

    I enjoyed reading your blog and I wanted to tell you that I totally agree with you. It is hard to find people that think alike these days. Keep it upAffordable Dissertation Writing

  5. Ndubest Obineme says:

    Very nice posting mostly for bloggers. Thanks you so much.

Speak Your Mind