14 jul. 2012

Poner una ventana de bienvenida en tu blog :D

Hola! ¿Cómo están? Esta vez les traigo algo que podría interesarles:
Corazón rosa desenfoque gato (otomedojo)
Supongo que muchas veces han visto esos lindos mensajes de bienvenida en algunos blogs, y se preguntaron ¿cómo puedo hacer eso?. Aquí está la respuesta:



Pega entre  <body> y </body> :



<div id=postit style="left: 420px; top: 150px">
<div align=right><b><a href="javascript:closeit()"><img src="http://yaplog.jp/deco~otomedojo~3540.gif" /></a></b></div><br /><center><img src="IMAGEN PRINCIPAL" /></center>
<!--INSERT YOUR CONTENT HERE--><i>
<div style="text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b>LÍNEA1 &#9829;</b></span></div>
<div style="text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b>LINEA 2</b></span></div>
<div style="text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b>LINEA 3</b></span><img border="0" src="http://yaplog.jp/deco~otomedojo~2787.gif" style="background-color: none;" /></div>
<div style="text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b><br /></b></span></div>
<div style="text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b>LINEA4</b></span><img border="0" src="http://yaplog.jp/deco~otomedojo~2847.gif" style="background-color: none;" /></div>
<div style="text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b>LINEA5</b></span></div>
<div style="text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b><br /></b></span></div>
<div style="text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b>LINEA6<span style="color: black;">LINEA7</span><span style="font-size: x-small;"></span><span style="font-size: xx-small;">&nbsp;</span></b></span><img border="0" src="http://yaplog.jp/deco~otomedojo~2747.gif" style="background-color: none;" /></a><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><b><br /></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><b> FIRMA &#9829;</b></span></div></i>
<!--END YOUR CONTENT HERE--><br /></script>

Imagen principal: Pega la url de imagen de un gif animado que te guste
Lineas 1,2,3,4,5,6: Escribe lo que quieras! puedes omitir líneas dejándolas en blanco.
Firma: Un hasta luego, o tu nombre :D

Luego, pega entre <head> y </head> :


<style>
#postit{
position:absolute;
width:350px;
border:2px dotted blue; <- diseño y color del borde (solid, dashed, pink, hotpink, etc..)
border-radius: 15px; <- Para que los bordes sean redondeados, puedes cambiar el radio
padding:10px;
background-color:pink; <- elije el color que quieras
visibility:show;
text-align:justify;
z-index:500;
}
</style>

Y te quedará algo más o menos así: (Click para ver en tamaño real)


Nota: No olvides guardar tu blog antes, en caso de que cometas un error, o no te guste el resultado.

Espero que les sea de utilidad, cualquier duda, consulta, queja, sugerencia, sólo díganla en un comentario y les responderé ^^

Besos!Rosa derecho de la cinta (otomedojo)




Photobucket

10 comentarios:

  1. holaaaa!!!! paso a saludar.. que buen tuto.. por cierto tu blog sigue tan lindo como siempre :)besos!!

    ResponderEliminar
  2. ESTA MUY LINDO MIAUU
    tbm tu blog de gatitos *oo*
    yo adoro los gatitos tbm jejejejeje
    bueno intercambiamos botones de afiliación??
    ya tome el tuyo un saludo okis
    a tbm me gusto mucho ese tutorial :D

    ResponderEliminar
  3. aaaaawwww esta muy linda la bienvenida del gatito :3
    me gusta tu blog, maru, por que siempre encuentro cosas graciosamente tiernas xD
    cuidate mucho si?
    te quiero! marumon... ok no xD

    ResponderEliminar
  4. Hola
    gracias por seguirme
    ya te sigo :)
    esta muy tierno tu blog de gatitos xD <3

    dejo mi blog por aqui:

    historiasviolet.blogspot.com

    ResponderEliminar
  5. holaa maryy ya see mil años sin pasar disculpa esque eh tenido muchos problemiyas pero ya estoy aqui al pendiente jaja excelente entrada
    que tengas muuy lindo dia gracias por pasar al blog
    xoxo C:

    ResponderEliminar
  6. hola mary ps vengo a avisarte que hice un menú despegable como el que tu tienes espero no te importe pero tome tu idea de poner el CBOX hay y pues no es igual pero lo pinte así como tu no rosa pero blabla espero no te importe no se si creas que te copie así que te aviso si te molesta coméntame y ps lo quito no problem bye bye

    ResponderEliminar
  7. Hii ^w^ ... Paso a saludar, que andes muy bien y a agradecerte por tus comentario :D tan dulces como siempre !! ... Nos estamos leyendo ... Me gusto la entrada ... Besos ♥ ~

    ResponderEliminar
  8. Me encantaron los mensajes! Puede seguir mi blog? Él es brasileño,soy brasileño.Besos Lelê.
    http://sweet-cupcake-leti.blogspot.com.br/

    ResponderEliminar
  9. Hola Mary-san~
    Mio Dios que blog hermoso *--------*
    nee nee, paso aqui para agradecerte por seguir mi blog!
    Muchas Gracias ( 0 >///<)0 Ya soy una seguidora♥
    Ah! Y desculpe se mi español no es muy bueno ^ ~ ^' Tu blog es muuuuy lindo!!!

    Kissus >//3//<
    http://okami-animes.blogspot.com/

    ResponderEliminar