Menu para redes sociales { tutorial }

Muy buenas! ~ como estan? espero que muy bien.. Yo super mega bien con todas las ganas de subir nuevos tutos al blog, y pensando en una que otra cosillas como por ejemplo cambiar el diseño del blog. que piensan? ami ya me aburrio un poco creo que es hora de empezar a hacer una nueva plantilla.

muy buen comenzemos con el tuto es super facil y queda muy lindo en el blog aqui la imagen de la vista previa:


si tu quieres colocar este menu, no te olvides de dar creditos a korean suite :D

muy bien lo primero que debemos hacer es ir a plantilla/ editar plantilla o html ya ni me acuerdo y eso que siempre paso por ahi D:

bien una ves que entremos alli abrimos el buscador que para hacerlo precionamos dentro del recuedro blanco y apretamos CTRL + F { como siempre digo no apreten el + } y buscamos ]]></b:skin> una ves que lo encontramos pegamos ENCIMA de ese codigo el siguiente:

/***************** Menu by Se Hun **/.caixasm{width:auto;top:-2px;left:5px;position:fixed;z-index: 100;}.navsm img{width:15px;}.navsm{background:rgba(255,255,255,0.4);line-height:16px;height:18px;margin: 1px; display: inline-block;width:18px;font-size:18px;color:#777;padding:4px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out;float:left; }.navsm:hover {padding-top:20px; margin-top:0px; }


No quites los creditos.
una ves echo eso le das guardar y ahora nos vamos a diseño/ añadir gadget html javaScrip y pegamos el siguiente codigo:

<div class="caixasm"><a href="LINK DE TWITTER" title="follow me"><div class="navsm"><img src="http://cdn1.iconfinder.com/data/icons/Helveticons_Social/128/twitter.png" /></div></a>
<a href="LINK DE FACEBOOK" title="Facebook"><div class="navsm"><img src="http://cdn4.iconfinder.com/data/icons/black-icon-social-media/128/099304-facebook-logo.png" />
</div></a>
<a href="LINK DE INSTAGRAM" title="Instagram"><div class="navsm"><img src="http://cdn1.iconfinder.com/data/icons/windows8_icons_iconpharm/26/instagram.png" />
</div></a>
<a href="LINK DE AYUDA" title="help"><div class="navsm"><img src="http://cdn4.iconfinder.com/data/icons/defaulticon/icons/png/64x64/help.png"
 /></div></a></div>

Una ves echo eso editas lo que te deje en Mayuscula y listo tendran su menu de redes sociales





XOXO SE HUN ~

13 comentarios:

  1. Wow realmente útil :D Lo tendré en cuenta para próximas plantillas que haga *A*
    Gracias por compartirlo >w<~
    Saludos <3

    ResponderEliminar
  2. aww me alegro que les guste y si de verdad esta bien practico haha saluditos

    ResponderEliminar
  3. Que bonito menú, me gusto mucho!!! gracias por compartirlo!

    ResponderEliminar
  4. Hola, soy Aygul, del blog sweetworldofyuuki.bs.com.es gracias por haberte pasado por mi blog y más aún haberme dejado tu link para poder ver tu bloggie. De hecho me ha gustado mucho así que decidí seguirte. Un abrazo nwn!

    ResponderEliminar
    Respuestas
    1. Espera. No me creo que seas de The Eyes Never Lye. -_____- eso se avisa jo ;^; que a mi me gustaba mucho el anterior blog uwu

      Eliminar
    2. de verdad? kya! muchas gracias por pasarte por korean suite

      Eliminar
  5. Donde puedo afiliarte? no encuentro tu boton >.<

    ResponderEliminar
    Respuestas
    1. my¡uy buenas Shori chan! ahora podras ver el menu es que estaba remodelando disculpas x3

      Eliminar
  6. Esta muy bonito el menu.. gracias por compartirlo lo usaré en mis próximas plantillas ;D saludos~

    ResponderEliminar

- No de spam.
- No malas palabras.
- Respeta al administrador y a los usuarios del blog
- Deja tu hermosa firma
Aqui algunos Emoji que puedes usar:
(ノ◕ヮ◕)ノ*:・゚✧ (=ω=;) (◕‿-) (✿ ♥‿♥) (づ。◕‿‿◕。)づ (•⊙ω⊙•)