Add Inside Floating Social Bookmark Widget For Blogger

By : Follow Trends

On : 9/02/2015

In : Widget

0 comments

1. Log in to blogger account and Go to Design >> Edit HTML
    (make sure backup your template first)

2. Find this tag by using Ctrl+F    ]]></b:skin>

3. Paste below code Before ]]></b:skin> tag

.bt-wdt{
 position: fixed;
 right: 10px;
 top: 43%;
}

.bt2-wdt{
 position: fixed;
 right: 30px;
 bottom: 22%;
}

.bt-wdt img{
 float: right;
 clear: right;
 margin: 5px;
 -webkit-transition: all .2s ease-in-out;
 -moz-transition: all .2s ease-in-out;
 -o-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out;
}
.bt-wdt img:hover{
 -moz-transform: scale(1.2) rotate(6deg);
 -webkit-transform: scale(1.2) rotate(6deg);
 -o-transform: scale(1.2) rotate(6deg);
 -ms-transform: scale(1.2) rotate(6deg);
 transform: scale(1.2) rotate(6deg);
}

4. Now Go to Design >> Page Element

5. Click Add Gadget and select 'HTML/Javascript'

6. Paste  below code.

<!-- www.bloggertrix.com -->
<div class="bt-wdt">
 <!-- Facebook -->
 <a href="http://www.facebook.com/Page-Name" title="Join me on Facebook" target="_blank"><img alt="Join me on Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM6iz_-mzqE1Reqx45U2agWO7mHVn4Hfvp60sGaKF0Xjo_iHBqENvu3JDM6IYl04I2yD1Qq4zfmqDzy0g3v7cQZAjIel_e661cOWZsJzv-8nqrZkvcT3aiMf38lkAIWOlj9vQJmzl7cV43/s1600/inside-facebook-icon.png" /></a>
 <!-- Twitter -->
 <a href="http://twitter.com/USERNAME" title="Follow me on Twitter" target="_blank"><img alt="Follow me on Twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-HVkRzurRaDlL71719fxU1yuEMUAeLk721WYDIySV_mN8ZTulRYCOMW4l6AOlv2p6CPx95snaFyco8w2dDOuRnaoDbhERiW9yKDhvKPRskRt9ZFYVIhpSQB8wWhkXdkWBzneyFeVT6K-3/s320/inside-twitter-icon.png" /></a>
 <!-- RSS -->
 <a href="http://feeds.feedburner.com/feed-address" title="Subscribe to RSS" target="_blank"><img alt="Subscribe to RSS" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7ezA4nTpafxEt31-grvnO3j2fe34X30xUNsM9MFopjFoFGlNV7DkosFGRS7QMS0aGPjd-9M1JIxTpX_KhIQEqf0Zi6adsBF6zMIceCLfs_HJsTCfzhHEYl5-YYrT9kE-htIshiEELThfs/s1600/inside-rss-icon.png" /></a>
</div><div class="bt2-wdt"><a style=" font-size:9px; color:#3B78CD; text-decoration:none;"href="http://www.bloggertrix.com/2012/05/how-to-add-smooth-jquery-facebook-like.html"> Get This</a>
</div>
<!-- End -->

*Replace Page-Name With your facebook page name
*Replace USERNAME with your twitter username
*Replace  feed-address with your feedburner address.

7. Now save your template
 you are done.

- See more at: http://www.tiwcher.com/2015/09/Add-Inside-Floating-Social-Bookmark-Widget-For-Blogger_2.html#sthash.zMNrZzmn.dpuf