Slide Out Facebook Share Button for Blogger

It has been long time since I have not posted a new widget so here is a much awaited Facebook Slide Out Share button for Blogger blogs. ...

It has been long time since I have not posted a new widget so here is a much awaited Facebook Slide Out Share button for Blogger blogs.


This widget has many features such as -

  • Lightweight Size
  • Compact Design
  • Supports all Major Browsers
  • Attractive and Elegant
  • Made with CSS3 and beautiful transitions.
  • Shown only on Post pages
The live demo of this widget can be seen by clicking the below button.



Live Demo

  Once you have seen the demo, to add this widget in your blog you can use the following methods -

Method 1 : One Click Installation


You can add this slide out share button to your blogger blog with the click of a button. To add this widget just click the below button and choose the blog in which you want to add this widget.



Save the layout and you are done. The slide out share button will be on your blog and would be shown on all the post pages.

Method 2 : Adding Manually


Many people would like to add and customize the code on their own. If so, you can copy the below code and paste it in the HTML/JavaScript widget.

<b:if cond='data:blog.pageType == "item"'>
<style>
/* Widget by AllBloggerTricks.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 {background: 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 AllBloggerTricks.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.

COMMENTS

BLOGGER
Loading...
Loading...
Name

Ads,1,Affiliate,4,AI (Artificial Intelligence),3,Apple,1,Blogging,9,Design,1,Downloads,3,Earn from PTC Sites,2,Earning,3,easy1up,2,Europe,2,Examination Tips,2,Forex,5,Freelance,1,Gadget,1,Gallery,5,Health,2,History,1,How To,1,Insurance,4,Jobs,7,Journey,1,Lifestyle,1,Make Money from Android,6,Malta,1,Mortgage,1,Movies,3,OMG,1,Online Jobs,25,Online Learning,3,online marketing,2,Other,19,Photo Feature,2,Referal,1,Relationship,1,SEO,5,Slider,100,Social,1,Social Media,6,Software,3,Study,1,Tech,4,Tourism,2,Travel,1,Uncategorized,10,Videos,6,Yoga,1,
ltr
item
TEEK RC: Slide Out Facebook Share Button for Blogger
Slide Out Facebook Share Button for Blogger
https://4.bp.blogspot.com/-rZkA81M5JuM/V6GgzNgCyGI/AAAAAAAAAH4/pdF4Ql53Q6gNzsh3k9xB07RVbqDstyRvwCLcB/s640/SlideOut%2BFacebook.png
https://4.bp.blogspot.com/-rZkA81M5JuM/V6GgzNgCyGI/AAAAAAAAAH4/pdF4Ql53Q6gNzsh3k9xB07RVbqDstyRvwCLcB/s72-c/SlideOut%2BFacebook.png
TEEK RC
https://www.teekrc.com.np/2018/01/slide-out-facebook-share-button-for.html
https://www.teekrc.com.np/
https://www.teekrc.com.np/
https://www.teekrc.com.np/2018/01/slide-out-facebook-share-button-for.html
true
7825366121621062026
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy