Powered by Blogger.

FACEBOOK SHARE BUTTON FOR BLOGGER | FACEBOOK SHARE BUTTON


 Facebook Share Button For Blogger , Facebook Share Button , Facebook Share Button For Blogger , Facebook Share Button , Facebook Share Button For Blogger , Facebook Share Button , Facebook Share Button For Blogger , Facebook Share Button , Facebook Share Button For Blogger , Facebook Share Button , Facebook Share Button For Blogger , Facebook Share Button




 Hi Friends !


A new widget is a much awaited Facebook Slide Out Share button for Blogger blogs.

This widget has many features such as :


  1. Lightweight Size
  2. Compact Design
  3. Supports all Major Browsers
  4. Attractive and ElegantMade with CSS3 and beautiful transitions
  5. Shown only on Post pages

To add this widget in your blog you can use the following method

  • You can copy the below code and paste it in the HTML/JavaScript widget.
<b:if cond='data:blog.pageType == "item"'>
<style>
/* Widget by http://topnetguide.blogspot.com */
#fixed-share {background: none repeat scroll 0 0 #4C6699;border-bottom: 3px solid #30476F;bottom: 60px;box-shadow: 0 8px 8px #888888;font-family: Arial;font-size: 16px;padding: 15px 30px 15px 15px;position: fixed;right: -147px;text-align: left;text-transform: uppercase;transition: all 1s ease 0s;z-index: 10;}
#fixed-share:hover {right: 0}
#fixed-share:hover > #share-box {right: 147px}
#share-box {

-----+: none repeat scroll 0 0 #4C6699;bottom: 72px;box-shadow: 0 8px 8px #888888;height: 40px;position: fixed;right: 1px;text-align: center;transition: all 1s ease 0s;width: 40px;}
</style>
 <div id="fixed-share">
 <div id="share-box">
<img src="http://s10.postimg.org/s1a8ghl6t/Fb_Logo.png" />
</div>
<span>Support Us<br/> <script>(function(d){ var js, id =
'facebook-jssdk'; if (d.getElementById(id)) {return;} js =
d.createElement('script'); js.id = id; js.async = true; js.src =
"//connect.facebook.net/en_US/all.js#xfbml=1";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>  <fb:share-button expr:href='data:post.url'
type='button_count'/> </fb:share-button>
</span></div>
<!-- Widget  by http://topnetguide.blogspot.com -->
</b:if>


After adding save the widget and template.

You are done now . Now you and your visitors can see this awesome Facebook Share button on your blogger blog.

Thank You.....

If You Have any doughts comment me..............

 Facebook Share Button For Blogger , Facebook Share Button , Facebook Share Button For Blogger , Facebook Share Button , Facebook Share Button For Blogger , Facebook Share Button , Facebook Share Button For Blogger , Facebook Share Button , Facebook Share Button For Blogger , Facebook Share Button , Facebook Share Button For Blogger , Facebook Share Button

0 comments:

Post a Comment