Adblock Detectado

Nuestro sitio se mantiene gracias a la publicidad, por favor Desactiva Adblock para seguir navegando

He desactivado Adblock
Hemos visto que las viñetas de Blogger son muy apagas , en este tutorial te mostraremos como darle un toque profesional a esas viñetas apagas. El efecto es que cuando el cursor pasa
por encima de una frase insertada en una viñeta esta cambia haciendo un efecto Rellover


Para verlo solo ve las viñetas de mas abajo

  • Paso 1: Vamos a Blogger>>Plantilla>>Edicion HTML
  • Paso 2: Buscamos con Ctrol + F 
]]></b:skin>

  • Paso 3: Por encima de  ]]></b:skin> pegamos lo siguiente
.post ul {list-style:none;
}
.post ul li {
    line-height: 1.4em;
        background: transparent url(URL IMAGEN) no-repeat scroll 0px 4px;
    margin: 0.3em 0;
    padding: 0 0 0.8em 20px;
}
.post ul li:hover {
        background: transparent url(URL IMAGEN) no-repeat scroll 0px 4px;
}

  •  Paso 4: Guardamos los cambios
Nota:- 
Cambia la URL por las de tus imagenes
Las imagenes no deben de pasar los 16px;16px Alto , Ancho


- - 0 Comentarios
Tag

Comentarios (0)

:))
:((
:D
:(
:)
:-)
;)
=))
:p
=.=
==
^_^
/=he
:*
/=r
/=l
:v
/=ok
/=clap
(y)
(yy)
/=hi
/=j
/=hup
/=hd
/=hl
/=hr
/=s
<3

Instrucciones Para omentar

Incertar Enlace

Utilice el codigo <a href='LINK'> EJEMPLO </a>

Cargar Imagen

[img] LINK_ANH [/img] -Use el codigo para cargar una imagen.

Formato Word

<b> negrita </b>
<i> cursiva </i>
<u> texto subrayado </u>
<strike> texto tachado </strike>

Insertar un Fragmento de codigo

Primero use esta herramienta para codificar el codigo que quiera agregar.
Luego utilice el codigo [code] CODIGO HTML [/code]

Cerrar