Una ves aquí, buscamos {Ctrl + F}:
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>Encontraras la misma linea DOS veces. La segunda es la importante.
Cambiala {Ambas lineas por las dudas} Por:
<div class='date-circle'><data:post.dateHeader/></div>
Guardas & Buscas {Ctrl + F} ]]></b:skin>
ARRIBA Pegas Lo Siguiente:
h3 {Por Ultimo Editas Lo Que Esta En Cursiva:
padding-top:10px;
padding-left:13px;
}
.date-circle {
padding: 3px;
width:80px;
height:60px;
font-size: 12px;
font-family: calibri;
color: #fff;
background: #f22574;
padding-top:20px;
text-align:center;
border: 3px double #c11b5a;
border-radius: 100%;
margin-left:-80px;
margin-bottom:-80px;
bottom: 100%;
-moz-transition: all 0.4s ease-out;
-webkit-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
-ms-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}
.date-circle:hover {
-moz-transition: all 0.4s ease-out;
-webkit-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
-ms-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: rotate(360deg) ;
background: #fff;
border: 3px solid #fdce03;
color:#f22574;
}
date-circle [circulo normal]
color: #fff; COLOR DE LETRA
background: #f22574; FONDO DEL CIRCULO
border: 3px double #c11b5a; BORDE DEL CIRCULO
date-circle:hover [circulo al pasar el cursor]
background: #fff; COLOR DE FONDO
border: 3px solid #fdce03; BORDE DEL CIRCULO
color:#f22574; COLOR DE LETRA

no se puede en forma de corazon? :c
ResponderEliminarLOL lo intentare para mi plantilla de navidad wiii :D
ResponderEliminarHola cariño :D perdona las molestia cambien el link de mi blog haora es este http://world-desu.blogspot.com perdon las molestias U.U
ResponderEliminarQue lindo esta ^^
ResponderEliminarera justo lo que buscaba, pero habra con otras formas???
ResponderEliminarNo me funciona >.< hice todo pero no aparece D: mi blog:
ResponderEliminarhttp://yuki-miku-blog.blogspot.com.ar
espero que me puedas ayudar n.n
Hola! esta re lindo ese detalle en la fecha pero en mi blog no lo puedo pones xq? ayuda pliis
ResponderEliminarmi blog es: lalocura-lafelicidad.blogspot.com
Esta precioso! Lo puse y se que me sale, pero... detrás de la entrada :$
ResponderEliminarMira:
http://enlasmalasyenlasbuenas.blogspot.com.es/
¿hay solución?
BESAZOS! Feliz Navidad (:
Estaba buscando este tutorial por todos lados! Y sirvió, lo coloqué y todo, pero aparecía solo la mitad del círculo debido al diseño de mi blog. No se podrá poner de otra forma? Algunos tienen como si fuera una etiqueta pequeña, no sé si me explico xD Responde en mi blog si podés, por favor :)
ResponderEliminarHola! no encontre, los códigos.
ResponderEliminarMi plantilla es simple.
Besooos!
Como se puede poner el código con la plantilla nueva?
ResponderEliminares un lio --'
Seguí el tutorial y ya coloqué el efecto! Te di los créditos en la sección correspondiente!
ResponderEliminarSaludos, muchas gracias.
Muchas gracias por este hermoso tutorial, sin dudas tu blog es el mejor! e aprendido mucho gracias a tus tutoriales y me han servido muchisimo c:
ResponderEliminar