Simple DropDown Menu CSS para Blogger

Aveces tenemos mucho desorden en nuestro blog con esto de que se suscriban, de que nos sigan todo este embrollo de las redes sociales, y suele pasar que aveces solo falta un simple dropdown como este, sencillo pero efectivo claro, basado en css3 y con una linda apariencia hace este sencillo dropdown una buena herramienta y lo mejor de todo no consumiría nada en nuestra carga del sitio.

La instalacion en sus bloggers es sencilla, el primer paso es: ir a Plantilla --> Editar HTML --> presionar control+f y buscar </head> y antes de esto pegar el siguiente codigo:

 <link rel="stylesheet" type="text/css" media="screen, projection" href="http://sites.google.com/site/recursosbit/dropmenu.css?attredirects=0&d=1" />

El segundo paso depende de donde piensen ubicar el DropDown, pero como comunmente lo hacemos en los widgets pues Vamos a Diseño - Añadir Gadget - Hmtl/JavaScript y pegamos el siguiente codigo:

<div class="drop-menu">
  <span class="plus">+</span>  Como seguirnos?
  <ul class="sub-menu">
   <li><a href="URL DE TU FEED"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4eCYBkkPnn5IqmLRFdIjrZAtVk51OdNKWD2le2bLnLZ50YLdBUO8T_t-gmAMVSQuK_LXFNMRgnZUkfNWPlfPpTZ52bz1A9fuKhPAr0KzIRzV6HmNlJ37bIrtM-vHdyFfDqneOVn4jQpya/s1600/rss.png" border="0" alt="rss"> Suscribete a nuestro RSS Feed</a></li>
   <li><a href="URL DE FEED MAIL"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBo3fcjt5u3fsH8drOJA1-leCuIuB_5syUFNvQSzrA7Ou4cfKeOxIwpfWgt2jSVW4xPtnB_qhKW9s9EYR7BOst3w8kfIxJLO5u8P1PD9fmvhjjy2g5VFaJh0v8v89MesNfSKxAnv7lprtq/s1600/email.png" border="0" alt="email"> Suscribete a nuestro Email</a></li>
   <li><a href="URL DE TU TWITTER"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsD22aeIPEc4t3HyxlvlIHy0mWfkL5zE4KDT_DbOvsWYMf5KVmkF7nGBNgStx1Us1YMWkSb6sokisWBLj8_rJgYcx5laqrolY9NKunXFTJ2XCbsbj5y6mReL4I39wDOxwFIJf-pgkriLzP/s1600/twitter.png" border="0" alt="twitter"> Siguenos en Twitter</a></li>
  </ul>
 </div>

Por ultimo deben editar URL DE TU FEED, URL DE FEED MAIL y URL DE TU TWITTER en el código anterior, si les gusto no olviden darle me gusta y compartir (sonó tan video blog cierto) Saludos! NO OLVIDEN COMPARTIR!!

Compartelo! Be Social♥

Unknown

Diseñador gráfico y creativo, desarrollador de sitios web y un futuro iluminatis, blogger en tiempos libres y me encanta compartir conocimientos con los demas. José Castro en Google+

Bienvenidos:

domingo, 14 de julio de 2013