Social Media Share Widget / Buttons Code For Website/Blogger
Friends to day I m going to explain about how to add
Social Media Share Widget/ Button code for website. I have made some unique and beautiful Social Media Widget For Blogger .But first I will discuss why the social network widget is necessary for your blogger. As I told you in my last post (Promote Your Website Free) about advantage of social network .Every blogger want to drive people form search engines. But first show your blog/site to people .what actually is this .I mean your blog/site. If you want to get more visitor then you must need to add this social network widget to your blogger .the widget will help you. and this widget will show your blog to people. I mean when you share you blog/site posts the people will visit and followed you. In this widget I add all social network .Not only that for following this widget will make your blogger most attractive and responsive.
If you want to add some more stylish and beautiful widget to your blogger to make him more attractive
Now How To InstallSocial Media Share Widget
First of open you Blogger dash board
Go> Layout >Click on +Add a Gadget
A page will open select HTML-java script
Copy the code from here (which is given below) and past it in content area No need to give any title.
and save it .
This is the code of Social Media Share Widget
Copy the Code From Here
<style type="text/css">#socialslide{background: rgb(41, 40, 40) url(http://tinyurl.com/bloggertipssandtrickspng22) left top repeat-x;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
-moz-box-shadow: inset 0 0 3px #FFFFFF;
-webkit-box-shadow: inset 0 0 3px #FFFFFF;
box-shadow: inner 0 0 3px #FFFFFF;
padding: 12px 14px 12px 14px;
width: 300px;
position: fixed;
bottom: 13px;
right: 2px;
display: none;
z-index: 3;
height: 65px;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script><script type="text/javascript">$(window).scroll(function(){if($(document).scrollTop()>=$(document).height()/4)$("#socialslide").show("slow");else $("#socialslide").hide("slow");});function closesocialslide(){$('#msocialslide').remove();$.ajax({type:"POST",url:"/facebookpage.php"});}</script>
<div id="socialslide" style="display: none;"><a href="javascript:void(0);" onclick="return closesocialslide();" style="position:absolute;top:14px;right:10px;color:#FFFFFF;font-size:10px;font-weight:bold;">(X)</a> <span style="font-family: Tekton Pro; font-size: 20px; margin: 10px 0; text-shadow: 1px 1px 0 #66FF00;">Don't forget to join our community!</span>
<div style="float:left; margin:15px;"><g:plusone annotation="none"></g:plusone></div>
<div style="float:left; margin:15px;"><iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/like.php?href=https://web.facebook.com/bloggertipssandtricks/&send=false&layout=button_count&width=80&show_faces=false&action=like&colorscheme=light&font=arial&height=21" style="border:none; overflow:hidden; width:80px; height:21px;"></iframe></div>
<div style="float:left; margin:15px;"><a class="twitter-follow-button" data-show-count="false" data-show-screen-name="false" data-size="large" href="https://twitter.com/MoqaddarKhan">Follow @MoqaddarKhan</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></div>
</div>
<div class="clear"> </div>
Replace this with your User name
Facebook : bloggertipssandtricks
Twitter : MoqaddarKhan"
Thank you for watching our article if you face any problem then contact us or comment us .it will very gladness for us to do your task thank you.
0 comments: