Hola Amigos, Este es un widget de social media widget,esta hecho con codigo de CSS..Este luce como un cuatrado en 3D con efecto hover que rota en su eje 360 grados cuando movemos el cursor sobre la misma.Utilice este estilizado widget para hacerlo mas atractivo.Si desea instalar este widget, Solo sigue estos simples pasos.
Para ver Ejemplo da Click en Siguente Boton:
Entra cuenta de Blogger
- Selecciona Diseño
- Da Click en Añadir un Gadget
- Selecciona HTML/JavaScript de la lista de opcion
- Copie y Pegue el siguiente codigo en encasillado de HTML/Javascript .
<style>
</*Blogger Industries Presents CSS 3D Icons Start*/>
#social a:hover {background-color: transparent;opacity:0.7;} #social img { -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; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
<*Blogger Industries Presents CSS 3D Icons End*/>
</style>
<div id="social">
<!--Start Rss Icon--> <a href="http://feeds.feedburner.com/TU-URL-FEED-AQUI" target="_blank" title="Grab Our Rss Feed"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgePR1hHTSKXc5RfIyHWvGbkgb5lbjziOSiglP1fIpGVC88U_GnjEFBZBMeYGiVp1vGfdXAemCW1IAHq85h_p4ygGOmqbf0B0g58jGfGmd2Ls9ZWUvl7QYL3IlULPEJddFP4LuHt9GOPqeO/s1600/RSS-48x48.png" style="margin-right: 1px;" /></a> <!--End Rss Icon—>
<!--Start Email Rss Icon--> <a href="http://www.TU-EMAIL-RSS-URL-AQUI/" rel="nofollow" target="_blank" title="Get Free Updates Via Email"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjyiIXMIfNyf2M0Ua1f1NQ9tjVa-U9gM3jPtgyY7RP2krKE6ZOUiqVLRlObKS4puQGKxRGhLqCNz92wBjB1gCUbxpI2mPWIXDnRU86IfcJuS2_h5XVKdUAMDzkMJGcrJq2Yc4wIlsvk8k8/s1600/RSS-EMAIL-48x48.png" style="margin-right: 1px;" /></a> <!--End Email Rss Icon—>
<!--Start Facebook Icon--> <a href="http://www.facebook.com/TU-FACEBOOK-PAGINA-URL-AQUI" rel="nofollow" target="_blank" title="Like Our Facebook Page"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjARykrYOhbPQWQj_Jdsbbomh-w7wsimASGkDk1kRhk4QJYMdIx3bes4oHENQCzlphFRpBcXhpt2gwoHcSEGjftdv_8zlkWLQxrqF1EABmlsw9uXfCaBArX9RsHst_jUFL78lWmokSB0wEq/s1600/FACEBOOK-48x48.png" style="margin-right: 1px;" /></a> <!--End Facebook Icon—>
<!--Start Twitter Icon--> <a href="http://www.twitter.com/TU-TWITTER-URL-AQUI" rel="nofollow" target="_blank" title="Follow Our Updates On Twitter"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixlhLIdn0g8map8jPYznIBBYt147cRw7xg2tavHEUR6nhx_6vih4CfzLQBojcrcek9TFlmbEjmTBAJEvNeJPOTUbhTp3nAlWBOwcvURiNGKGWGEELbqF7MPhv5IAuiuiGjN_hFWTfgoaTX/s1600/TWITTER-48x48.png" style="margin-right: 1px;" /></a> <!--End Twitter Icon—>
<!--Start Google+ Icon--> <a href="https://plus.google.com/TU-GOOGLE-PLUS-URL-AQUI" rel="nofollow" target="_blank" title="Follow Us On Google+"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRoJ6xs8-sKynAey2DU8ucGB0rHQJ5mTR3Nl8yUYc67xhBz8wmwOIMZganpp7bIf3PBniiFmF8lKFT65d8QlPTGSBDwh00JxgDMU45xd_s5UKSKzvs3gPoog_DNGWpfrVi8JbdrTqYJOZz/s1600/GOOGLE-PLUS-48x48.png" style="margin-right: 1px;" /></a> <!--End Google+ Icon—>
<!--Start Pinterest Icon--> <a href="http://pinterest.com/TU-PINTEREST-URL-AQUI" rel="nofollow" target="_blank" title="Follow Our Pins"><img alt="Follow Me on Pinterest" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDln4Y3KUwSiLZz0mE6bViozfcWzVeVPSm_zSYqMLb-GOYhdVC7L1QM2u5Ue9OU2eCnjqhGebh_SslUvL5xpVys4LnhYY_BGfwSaTe3ULNu2J4zPYjNUlR8aeZMnNuF8KPyOmj6h4EvDkd/s1600/PINTEREST-48x48.png" style="margin-right: 1px;" /></a> <!--End Pinterest Icon--> </div>
<!--Start Feed Count Button--> <a href="http://feeds.feedburner.com/TU-FEEDBURNER-URL-AQUI" target="_blank"><img alt="spice up your blog" src="http://feeds.feedburner.com/~fc/dulshan?bg=ff9933&fg=000000&anim=1" style="border: 0;" /></a>
<!--End Feed Count Button—>
Cambia todo lo que esta en ROJO con tus enlaces de Social Media.
- Para terminar guarde la plantilla y disfrutara de este widget elegante para social media en tu blog de blogger.
0 comentarios:
Publicar un comentario