Adauga iconite sociale care se invartesc in Blogger

Iconitele sociale sunt printre cele mai populare widgeturi pe net. Exista o mare varietate de modele si marimi disponibile. Aceste iconite care se invartesc sunt printre cele mai indragite.

Codul folosit la crearea lor este CSS si Java nu a fost folosita, asa ca acest cod este foarte usor si nu ingreuneaza sistemul.

Iata cum puteti sa le puneti pe blogul vostru :


Deschideti pagina de control a blogului si dati click pe "Aspect" , apoi cautati o casuta libera "Adăugaţi un obiect gadget" si dati click.
Din optiunile pe care le aveti alegeti "HTML/Java Script.

Copiati codul de mai jos in interiorul casutei. Salvati . 

<style>
#wc-rotico
{
background:#ffffff;
border:1px solid #dcdcdc;
padding:10px;
box-shadow:1px 1px 4px  #dcdcdc;
-moz-box-shadow:1px 1px 4px  #dcdcdc;
-web-kit-box-shadow:1px 1px 4px  #dcdcdc;
-goog-ms-box-shadow:1px 1px 4px  #dcdcdc;
}
#wc-rotico img{ 
-moz-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}

#wc-rotico img:hover{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}

</style>
<div id="wc-rotico">
<a href='https://www.facebook.com/pages/Tutoriale-si-resurse-blogspot/757840897619305' target='_blank' rel="nofollow">
<img border="0" src="http://4.bp.blogspot.com/-FLrQQv4zXYY/Uh3H5HMmtLI/AAAAAAAACSo/CNjUCyfZY9E/s1600/Facebook.png" /></a>
<td valign="top" width="33"><a href='https://twitter.com/omaebazooka' target='_blank'  rel="nofollow">
<img border="0" src="http://2.bp.blogspot.com/-zsElLEeWt_s/Uh3H7UcozEI/AAAAAAAACTE/wuU-BI1CZAc/s1600/Twitter.png" /></a>
<a href='http://feeds.feedburner.com/HelpBlogger' target='_blank' rel="nofollow">
<img border="0" src="http://4.bp.blogspot.com/-i8XfPimO5lo/Uh3H7NLikpI/AAAAAAAACTA/b81bQXaDtVM/s1600/RSS.png" /></a>
<a href='https://plus.google.com/+OmaeBazooka' target='_blank' rel="nofollow">
<img border="0" src="http://4.bp.blogspot.com/-aBIFDEM9KR8/Uh3H5tRMZQI/AAAAAAAACS0/z6u6L8WXFgY/s1600/Google+plus.png" /></a>
<a href="#" target='_blank' rel="nofollow">
<img border="0" src="http://2.bp.blogspot.com/-YFcScg8c5M8/Uh3H5QygjhI/AAAAAAAACSs/vvGO9oPWwZs/s1600/LinkedIn.png" /></a>
</td></div>

Nu uitati sa modificati textul in verde cu adresele voastre !