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.

LIVE DEMO

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="http://dl.dropbox.com/u/81212926/andikwin-like-fb%20(1).js" 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="http://www.bloggerheroe.com/">Get This!</a>

 <strong style="color: rgb(0, 0, 0);">Like Blogger Heroe</strong>

  <a href="https://twitter.com/bloggerheroe" title="Blogger Heroe" class="twitter-follow-button" data-button="grey" data-text-color="#000000" data-link-color="#ffffff">Follow @bloggerheroe</a><script src="//platform.twitter.com/widgets.js" type="text/javascript"></script>

  <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fbloggerhero&amp;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>
  </div></div>

Make This Changes

• Replace Code https://twitter.com/bloggerheroe in red Id Replace with your Twitter ID.
• Replace Code k.com%2Fbloggerhero&amp 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

Share it Please

Tweet