MatrixAdapt | Logiciel de gestion d'Entreprise, Création et référencement des sites web

Seo Master present to you:

 

Friends, Now i share a stylish social media widget with spinning effect. Social media like Facebook, Orkut, Myspace,Google Plus are provide important traffic source to our blog. So we cannot avoid social media sharing widget from our blog. You can install it with effortless. Follow this post and enjoy..

Live Demo

 

Log in to your Blogger account

• Select  Layout

 

• Click on  Add a Gadget

 

• Select HTML/JavaScript from the options listed

 

• Copy and Paste the following code in HTML/Javascript box.

 

 

<style>
#MH_socialicons img {
/* Spinning Social Icons Widget By www.www.matrixar.com */
    -moz-transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}
#MH_socialicons img:hover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

/* Spinning Social Icons Widget By www.www.matrixar.com */</style>

<center><p id="MH_socialicons">
    <a href="http://www.facebook.com/masterhacksindia"><img src="http://www.matrixar.com/-eG9bPvyOXro/UPBYTmI8VEI/AAAAAAAAJqI/TFBZzBxJ59c/s1600/NBT+facebook+icon.png" /></a>
    <a href="http://www.twitter.com/arunjohnson001"><img src="http://www.matrixar.com/-dB0P2JmL6QA/UPBYVfvhyII/AAAAAAAAJqU/HFD5UeTJck8/s1600/NBT+twitter+icon.png" /></a>
    <a href="https://plus.google.com/109278971237541628404"><img src="http://www.matrixar.com/-XU8OI90JZQc/UPBYUKmev_I/AAAAAAAAJqM/FPgdcMimraQ/s1600/NBT+google+plus+icon.png" /></a>
    <a href="http://www.feeds.feedburner.com/masterhacksindia"><img src="http://www.matrixar.com/-YPkJD-sewC8/UPBYWk9dzBI/AAAAAAAAJqg/D3FVlAJz4VE/s1600/NBT+rss+feed+icon.png" /></a>
    <a href="http://www.youtube.com/arunjohnson001"><img src="http://www.matrixar.com/-YNToKMeHx9A/UPBYWVeeq5I/AAAAAAAAJqc/HEpC_PsZBsY/s1600/NBT+youtube+icon.png" /></a>
</p></center>

 

Change RED color (Include rotation time (8s) & rotation angle (360deg)) with your Values and Links

 

• Save It

 

 

 

Are you happy …….. Leave a comment below……………………….

2013, By: Seo Master

خلفيات للحاسوب محمول خلفيات سطح المكتب خلفيات بلاك بيري خلفيات ايفون خلفيات سامسونج خلفيات نوكيا خلفيات سوني اريکسون خلفيات موتورولا خلفيات ال جي خلفيات القران الكريم خلفيات إسلامية خلفيات جهادية خلفيات سوداء خلفيات زرقاء خلفيات بنية خلفيات خضراء خلفيات رمادية خلفيات برتقالية خلفيات وردية خلفيات حمراء خلفيات بنفسجية خلفيات بيضاء خلفيات متحركة خلفيات طبيعية خلفيات أنيقة خلفيات بسيطة

Seo Master present to you:

Friend, This is a funny social sharing widget for your blogger. Social medias are provide more traffic for blogs. People always spend  more times in front of Facebook,Twitter,Myspace,Linkdin etc. So It has an important role in blog traffic. So social medias are important part of a blogger. So add this stylish egg widget for your blogger and enjoy…

 

Go to your  Blogger

• Select Template option

 

• Click on Edit HTML

 

• Tick on Expand Widget option

 

• Find (Ctrl+F)   </head> tag

 

• Copy below code and paste it above  </head> tag

 

 

<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/><script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><script type='text/javascript'>stLight.options({publisher: &quot;bea50586-2b9f-448d-947a-01385f28e305&quot;, onhover:false}); </script><link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>

 

• Now find (CTRL+F) for </body> tag.

 

• Place the following code just above it.

 

 

<div style='position: fixed; bottom: 2%; left: 2%;'><div class='shareEgg' id='shareThisShareEgg'/></div><script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareEgg&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;googleplus&#39;,&#39;linkedin&#39;,&#39;blogger&#39;,&#39;stumbleupon&#39;,&#39;sharethis&#39;],{title:&#39;<data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareegg&#39;});</script>

 

• Save your Template. Enjoy.....

 

 

 

Leave a comment below................................

2013, By: Seo Master