16.1.16

[Tutorial] Menú Status


¡Hola! ¿Cómo están? espero que se encuentren bien
Ando muy agotada, el photoshop no me abre, ando en busca
de layouts para previas y así, idk.

espero que disfruten el tutorial, créditos a sus respectivos creadores.



1 Paso : Vamos a ir a 'PlantillaimageEditar HtmlimageControl Fimage Y buscas

]]></b:skin>

2 Paso :Encima de  ]]></b:skin> Va a Pegar este cod
.menudiv {font: 11px Verdana; /* Tamano de letra*/
background: #f7f7f7; /* color del fondo*/
color: #a7a7a7; /* color de letra */
margin-bottom: 3px;line-height: 21px;
padding-left: 3px;border-radius: 4px;
box-shadow: inset 0px 1px 4px rgba(221,221,221,0.6); /* Sombra de reodea */
}.menudiv .heart {width: 16px;height: 10px;
background: url('http://i.imgur.com/mZUBSyv.png') left;
display: inline-block;margin-right: 5px;
-webkit-transition-duration: .80s;
-moz-transition-duration: .80s;
-o-transition-duration: .80s;
-ms-transition-duration: .80s;
transition-duration: .80s;}
.menudiv:hover .heart
{background: url('http://i.imgur.com/mZUBSyv.png')
 right;margin-right: 12px;} 


3 paso : le dan clic en 'guardar plantilla' y luego de guardar se van a ir a diseño.

4 Paso : Van a ir a 

Diseño|Agregar Gadget|HTML Javascrip| Copian y Pegan el codigo de abajo

<div class="menudiv"><div class="heart"></div> <span style="font-weight:bold;">Primer nombre</span>Segundo nombre</div><div class="menudiv"><div class="heart"></div> <span style="font-weight:bold;">Primer nombre</span>Segundo nombre</div>

  • PD: Donde dice Primer nombre lo van a sustituir por el que ustedes quieran al igual que el segundo nombre.
Comenten La Entrada!


¿Les Gusto? 

Espero que sí les Haya Gustado el Post
Adiós Cuídense 
Credits :  

8 comentarios:

  1. Hola
    Que lindo este menú, ojala que puedas llegar a hacer una plantilla nueva *3*

    Saludos

    ResponderEliminar
    Respuestas
    1. Hola!! Aww Gracias , Uff Gracias en serio *-* Saludos

      Eliminar
  2. Lindo menú. ¡Saludos!, pequeña.

    ResponderEliminar
    Respuestas
    1. Holaa ! Gracias , Igualmente .3.

      Eliminar
  3. Hola mi loquera/o (∩ω∩)

    aahh que lindo!! siempre meda por colocarlo pero no se porque nunca lo coloco x3

    ResponderEliminar
    Respuestas
    1. Holaaa! *-* Graciaas jajajaj ay se te olvina no_

      Eliminar
  4. WOW♥ Es un menu hermoso igual que el blog :3 Solo queria preguntarte si tienes botoncito de afiliación porque me gustaría afiliarte :3 Amo tu blog y todo su contenido >3< Besitos♥

    ResponderEliminar
  5. Te recomende en mi blog linda! Si quieres pasate a verlo :3

    ResponderEliminar

¡Gracias por leer la entrada!♡
━ Comenta con respeto ♡
━ No Spam♡
━ Respeta al Administrador y a los usuarios.♡

━ ♡ Símbolos :
♡ ❀ ღ ❀ » ♛ « ✰ ➤ ♪ ✉ ✔ ✖ ♂ ◥ ▶ ☆ ❣ ❂ ℂ


━ ♡Sí tienes alguna duda envíame un correo :
Bethzaliecontre13492@gmail.com

━ ♡Sí te gusto el contenido del blog, no olvides seguirlo.

Att: ━ ada♔ 「admi」