Iconos sociales navideños

Ya que estamos en diciembre les quiero dejar estos iconos de compartir en forma de bolas navideñas que crecen cuando se les pasa el cursor por encima para que decoren su blog para esta temporada.

Asi se veran los iconos

Para añadirlos vamos a diseño,añadir un gadget, y luego a HTML\javaScript y pegas lo siguiente
<div class="separator" style="clear: both; text-align: center;">
<a class="hovergallery" href="URL de tu cuenta de Google Plus" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-lu1QN-D7q7Uww18i2Ldz7oBz8lXfs9HC6JY10LY85EJ9SjB8tJWAHZTM2OOX0rlZJO6Y74CeobbV8VvmiPEAKQ2ql6a6oeYCD9CFd-ZFGsZFk1eQjgNXNMga86HDQcgXYJuIeHVCdW4/s1600/g+-ball-64.png" /></a> <a class="hovergallery" href="URL de tu cuenta de Facebook" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj73vd9RqXTf-w8wxvuikbFByQKx196wwPq2VcewH2y8d9k9wch-LDB4UtlW6aTdwXIiP358hMqc8YAVyGW8MGbBYiV7QeFoXCHAT4VNbxBYDyby7pfN3tmYZHLMc9WvV-1K_1tWXBQSGU/s1600/fb-ball-64.png" /></a> <a class="hovergallery" href="URL de tu cuenta de Linkedin" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6IoQu9FrTSlE67l666xhqKexFWxCZ78-KzLDq1K4Z580Yr1svLMlr9pQlXX5cJgKHdFybOnBlqK6abkc84UYi7myRVgNqC9vPc0i3HUkZzy81tBpCyV9pmKoNZVePUMIHM6Y6gML4SMk/s1600/linkedin-ball-64.png" /></a> <a class="hovergallery" href="URL de tu cuenta de Pinterest" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEwWO1s3i4G9yaseI3YyCw1jHW7vn-EgXWl731tzC4Xsi0H9GxsBxfPrHrs62m6uAug1X6G_rK2ZDQOHaU0cyvfYganvu3bs-0xuUwAhUN8HbOLtLqoLonCsjhrnG5FVkdN2JeudQ5n9I/s1600/pinter-ball-64.png" /></a>
<a class="hovergallery" href="URL de tu cuenta de Twitter" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg78WpMhf5DDQNhTKT3WwErPetPu8-4zzW-7aNY1Quz-16IYjHY9UUZb9WjIjsWWcB7FbOEPjyFucPRv2KTuISPFkqNoaE8CK7Jb_3VBtWD3_xp7wIA5w-Aetv_WzKM-MWmwI0sltFYAhs/s1600/twitter-ball-64.png" /></a> <a class="hovergallery" href="URL de tu cuenta de Youtube" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyuQ0iyX8QF2-ZG4uD8vz910JC4pLLguh8JawUQ9xuEsDASFZwMns2u14enxuWOPSzV0CI4spTPLfTuZfCwXDvjLqdsHFnttcrC6772tuf6K38K6evwTFBZMQsG31isRYNtzwbHrwiEQc/s1600/youtube-ball-64.png" /></a></div>
<style type="text/css">
.hovergallery img{
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-o-transform:scale(0.8);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
opacity: 0.7;
margin: 0 1px 5px 0;
}
.hovergallery img:hover{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
opacity: 1;
}
</style>

Por ultimo reemplaza lo que esta en rosado por la respecciva URL de cada una de tus cuentas

Posted in: Trucos blogger