Awesome Fixed Social Media Widget your Blog

Asslam o aulaikum

Social media is very helpfull for increase yout traffic so every blogger use social medi diffrent style i have a fixed style social media always appear on Blog Always use social media Your Post sharing Subscription
Awesome Fixed Social Media Widget your Blog

Awesome Fixed Social Media Widget your Blog


First go to blogger.com and log in
Go to template and Find (ctrl+f) In code area   </head>
paste Following Code Before </head>



<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>


Now again Find </body> In code Area
Copy this code and paste Before </body>

<div id='floatMenu'>
<ul>
<li><a href='http://facebook.com/OnlinehelperBlog' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg85W7zjsXj0rnGI5EfqV8Mkmtj2QlvTe165OJQI60uHdMR6AJp1irUBHNTVyClbqcD3Qdq9kmINqDeyS1SIH3xKTkalgxxUCcwefggZyJvD_zYvERjOnnwVsmfBuWGLkD0H3kVuqjdD-Y/s1600/btrix-facebook.png' style='margin-bottom: 3px;' title='Follow Me On  Facebook'/></a></li>
<li><a href='http://twitter.com/Onlinehelperblog' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip0JlRe-HscHhtMhntKrbXJBz7H5CoCRv9s1WnJNYxUXi0xs1Uot8Y74e1BsSnLsm2cPk16Zpz1ecnSPqGIYhhyphenhyphenTpmyrpKAOqk5ct8YP4ty3PI2LxZHZAZ6ZAWTXRxuBkAre8QV8wZFME/s1600/btrix-twitter.png' style='margin-bottom: 3px;' title='Follow Me On  Twitter'/></a></li>
<li><a href='http://pinterest.com/OnlinehelperBLog/' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEillEgSk48ap6BS9Hu7K5-WwQvZ4NXBCbqRD96M7zogwascvDNjABjJigJcCAM4Yiid_E4HzEIFr62o8CkGklH4oqjuzgUN9MPfL0XnZOJE_3UsekgeaW-To3ko0l5G83soR3QXTRrR2oo/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/AVvXsEi0vmip6CkHeusC4t7MlDgybm6tj1XnAsld_jQuaApROJLhz9El-TbVikWNAppdH-pcaPydpDgldzvVxj9OzSRbyhoh2kSASPMYRGe2byPNFymQQ46KQ6xAhtHMTpJmkBjKxayr9R0AJ4s/s1600/btrix-googleplus.png' style='margin-bottom: 3px;' title='Add Me your Circle'/></a></li>
</ul></div>


Now Replace Onlinehelperblog    With your Id's


إرسال تعليق (0)
أحدث أقدم