The Easiest Way To Add Social Media Widget On Your Blog No need to edit html and java script .
I am sharing a new social media widget for blogger version 2 which is quite beautiful and interesting then previous one. you can visit previous version of social media widget. So in this version there are many new thing added which is when you mouse over the it the icon just little down and it will more attractive then normal.
Social profile links are most important for any website to bring much social points to your social accounts. It never been easier to do so but adding code to the site or blog can bring much positive response to your site.You can see that there are many other social networks came into top ranks and high traffic while if we go just 10 years ago then we can see that there is no much response come from it.
New Google update is also checking the total links on the other social networks which shows that how much this webpage has natural positive votes to it.
- This tool is most useful and eye catching ever to blogger.
- This widget catch the visitors to make a social share.
- Widget is quite beautiful ever.
- Most important it connect your site to social sites.
- This widget include the top 5 sharing sites which are under
2. Twitter.com
3. Plus.google.com
4. Pinterest.com
5. Linkedin.com
So these are the sites that included in this widget. Here is method to add it to your blog.
- Go To Blogger > Layout
- Choose "Add a gadget"
- Select HTML/JavaScript from appeared box
- Paste the following code inside it,
- Here is code to add on the blog
<tr>
<td width="245" height="25"> <!-- START SOCIAL MEDIA WIDGET --><ul id="socialbar">
<li id="facebook"><a target="_blank" href="http://www.facebook.com/username"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/facebook.png" /></a></li>
<li id="twitter"><a target="_blank" href="http://twitter.com/username"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/twitter.png" /></a></li>
<li id="Googleplus"><a target="_blank" href="https://plus.google.com/u/0/profilepageaddress"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/Googleplus.png" /></a></li>
<li id="Pinterest"><a target="_blank" href="http://pinterest.com/username"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/Pinterest.png" /></a></li>
<li id="linkedin"><a target="_blank" href="http://www.linkedin.com/username"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/linkedin.png" /></a></li>
</ul>
<style>#socialbar img {border:0px;}#socialbar li img {width:36px; height:36px;}#socialbar li a:hover {position:relative;top:2px;}#socialbar{list-style: none outside none; margin:0px; position: static;}#socialbar li {display:inline;padding-right:2px;}#socialbar{padding:10px;text-align:center;}</style></td>
</tr>
<tr>
<td height="10"><h6 align="center">
<!-- PLEASE DON"T REMOVE CREDIT --><a href="http://keyyaed.blogspot.com/"></a>Key Yard</h6>
<!-- END SOCIAL MEDIA WIDGET --></td>
</tr>
<td width="245" height="25"> <!-- START SOCIAL MEDIA WIDGET --><ul id="socialbar">
<li id="facebook"><a target="_blank" href="http://www.facebook.com/username"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/facebook.png" /></a></li>
<li id="twitter"><a target="_blank" href="http://twitter.com/username"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/twitter.png" /></a></li>
<li id="Googleplus"><a target="_blank" href="https://plus.google.com/u/0/profilepageaddress"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/Googleplus.png" /></a></li>
<li id="Pinterest"><a target="_blank" href="http://pinterest.com/username"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/Pinterest.png" /></a></li>
<li id="linkedin"><a target="_blank" href="http://www.linkedin.com/username"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/linkedin.png" /></a></li>
</ul>
<style>#socialbar img {border:0px;}#socialbar li img {width:36px; height:36px;}#socialbar li a:hover {position:relative;top:2px;}#socialbar{list-style: none outside none; margin:0px; position: static;}#socialbar li {display:inline;padding-right:2px;}#socialbar{padding:10px;text-align:center;}</style></td>
</tr>
<tr>
<td height="10"><h6 align="center">
<!-- PLEASE DON"T REMOVE CREDIT --><a href="http://keyyaed.blogspot.com/"></a>Key Yard</h6>
<!-- END SOCIAL MEDIA WIDGET --></td>
</tr>
Now you have to edit this codes as your own
- Replace twitter.com/username withyour orignal twitter sharing url
- Replace facebook.com/uername with your facebook fan url
- Replace plus.google.com/u/0/profilepageaddress with your profile adress
- Replace pinterest.com/username with pinterest url
- Replace linkedin.com/username with linkedin url
- Replace digg.com/users/username with digg url
Your widget is added. Enjoy
Facebook
Facebook is now #1 website on internet and this is a social website. Mostly people say them FB, after a sometime Facebook introduce Like button and its spread over all the world and become number one now in 2013. Now FB has more than 1 Billion users and challenging every social website in these days.
Facebook allows you to create a fanpage for your service product or website. Adding this page to your site increase the likes to the fanpage so the people who like your page get updates from there fb account.
Twitter is another social network place which allows you to make ID of your product services or website, you can update you fan of twitter through the follow button.
While adding the follow button increase the followers on you twitter id, with this you can update your users through it.
Google Plus
Google plus Is another social network its provided by Google which is also increase the visibility of your website in search engines. Googleplus provides the follow and add to circle button which can increase the audience of your website or page.
Pinterest and Linkedin
Pinterest and linkedin also another social website which allows you to create an ID for your webpage, services or products. You can increase the audience by adding the button on your website or blog.