script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'>

.

Monday 24 February 2014

Widget for Blogger Dynamic Floating Social Bookmark

Social media networks always great resource to get traffic.Every bloggers love to get huge traffic for their blog.Therefore we have to be active in social medias site.Because we need  get lot of followers and friends.In this tutorial im gonna explain How to add Dynamic Floating Social Bookmark Widget for Blogger.It helps to increase your followers and friends.This Floating Social Bookmark Widget shows on every pages in bloggers. You can link your social media profile Facebook, Twitter Pinterest and Google plus. It will help to get new followers and friends to your profile.Check below link for demo.
Floating-Social-Bookmark





How to Add Unique Rss Subscribe Widget For blogger


1. Log in to blogger account and Click drop down.
blog-post-option
2. Now select "Template"

3. Find this tag by using Ctrl+F   </head>
    Note: First click on template code (anywhere of code), After that press  Ctrl+F

4. Paste below code before </head> tag

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> 
<script language='javascript'> 
var name = &quot;#floatMenu&quot;;
var menuYloc = null;
$(document).ready(function(){menuYloc = 
parseInt($(name).css(&quot;top&quot;).substring(0,$(name).css 
(&quot;top&quot;).indexOf(&quot;px&quot;)))
$(window).scroll(function () { offset = menuYloc+$(document).scrollTop()+&quot;px&quot;;$(name).animate({top:offset},{duration:1000,queue:false});});}); 
#floatMenu {
position:absolute;top:150px;float:left;width:45px;}
#floatMenu ul {list-style: none;}
#floatMenu ul li a {-webkit-transform:scale(0.6);-moz-transform:scale(0.6);-o-transform:scale(0.6);-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;opacity: 0.8;}
#floatMenu ul li a:hover {-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);opacity: 1;}
</style>



5. Now again Find this tag by using Ctrl+F   </body>
    Note: First click on template code (anywhere of code), After that press  Ctrl+F

6. Paste below code before </body> tag

<div id='floatMenu'>
<ul>
<li><a href='http://facebook.com/bloggertrix' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvoQlMnTFsR0bvFvBWRVGTkKKMzjHK1ajIhioFLHNmu4Zx1cVGoDmm5oKORKt-RyMsDdL8GJjR2xZ2_0Zqt4ZDHV2tgMcg0qFwbhYaDDH0Kmf__La4I0DoK9_RKDHXOHoF57_7x71yR_U/s1600/btrix-facebook.png' style='margin-bottom: 3px;' title='Follow Me On  Facebook'/></a></li>
<li><a href='http://twitter.com/bloggertrix' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWMbb-7mk9av3iuYWXG9r6q5ujofrFzJGwlBaYs4ovsvD-xD8R71Jp-UeOgA0HxJIKpdYEqHKcwDJWNKVsVq7FxU4_XXLJetOsb_p4ggyJqakBTx5tsDS_uYl1YmSQ49Nqcv5D2BVWOBE/s1600/btrix-twitter.png' style='margin-bottom: 3px;' title='Follow Me On  Twitter'/></a></li>
<li><a href='http://pinterest.com/bloggertrix/' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9w_oWa7npfL4LYJHeuND2hhew4wYhro-dPW__xZXGRtPrnku1UGwX501WgXqEasiDBjTw2et2YqF0bwGnJXDDHZSTO429yazPA3CfeoG27wAEp7hzNZej2lzQkC2UluOgz3ZGlYVi680/s1600/btrix-pinterest.png' style='margin-bottom: 3px;' title='Follow Me On  Pinterest'/></a></li>
<li><a href='https://plus.google.com/107955298793879607964' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi5Ci1Un5QtRnXINZokn43sq86QzFAdInM3p0jAGJgbDOHvL_3e_FApVz9GSkQfFYG7luUbMDoXBBkK2U8bUXT3Lvz_nFzGxlyVZ7mzs7bcIlD1-1qaJ4m6Lo4m6jQOszwNNZi3Ububnw/s1600/btrix-googleplus.png' style='margin-bottom: 3px;' title='Add Me your Circle'/></a></li>
</ul></div>

Replace bloggertrix with your Facebook username
Replace bloggertrix with your Twitter Username
Replace bloggertrix with your Pinterest Username
Replace 107955298793879607964 with your Google plus id Username

7. Now click Save Template You are done...
If you need any help for Dynamic Floating Social Bookmark Widget, Just leave a comment.

Share This!



1 comment:

  1. Thank you for sharing and esp. the step by step instructions. I am currently using add this. I love it cos it looks nice and very fast loading. It will be great if it could tell us how many people actually share our content page. - Jason, godirect.info

    ReplyDelete

Follow us on Facebook
Powered by: Internetsmash