11 jul. 2014

Tutorial: Como poner un aviso de ''blog en construcción''

Hoolis Como ven ya acabé el nuevo diseño, perdonen por tardar tantos días :c Espero que les guste este diseño, dejenme opiniones buenas o malas todas las aceptaré~ 
Me apetecía hacer algo ''cute'' sin la necesidad de usar tanto el color rosa, ya que algo puede ser lindo sin tener que ser siempre rosado, a mi parecer. Y bueno, por cambiar un poco, ¿no? Además tenía ganas de que predominara el azul porque siempre ha sido mi color favorito
Como vieron (algunos(?)) mientras ediaba el blog tenía puesto un aviso de blog en consrucción a la entrada del blog porque mientras vas editando algunas cosas quedan feas o raras y es horrible que personas vayan entrando y eso ahí todo..asquerosillo .-. Y entonces les voy a poner rápidamente un tuto de como poner ese ''aviso''
Vamos a Plantilla>>Editar HTML y pulsamos Ctrl+F y buscamos el siguiente código:

<body>

A los que no les sale busquen: (en mi plantilla es que sólo sale con el ''menor que'')

<body

Ahora debajo de eso pega el siguiente código:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style type='text/css'>
body {margin:0; padding:0; overflow:hidden;}
.entrar, #navbar-iframe, .navbar {display:none;}
.BlogOculto {z-index:-100;} #Intro {z-index:5000;}
#Intro {text-align:center;
background:#FFFFFF;
position:absolute;
width:100%;
height:100%;
overflow-x:hidden;
}
p.btnEntrar a:hover {position:relative; top:1px; left:1px;}
body#layout #Intro {display:none !important;}
</style>
<div id='Intro'>
<div style='margin-top:200px;'>
<img src='Imagen aviso'/>
</div>
</div>
</b:if>
<div class='BlogOculto' id='BlogContenedor'>

Lo que está en verde es el color del fondo (ese código es el color blanco)
Y lo que está en rojo pues es la imagen de tu aviso como yo tenía, coges una imagen que quieras y la editas con el textito que quieras~

Nota: Recomiendo que suban sus fotos editadas a Photobucket 

Por último ahora busca </body> y arriba pega: (para cerrar el código anterior, no te olvides de esto)

</div>

Y eso es todo espero les haya gustado y lo utilizen cuando tengan en reforma sus blogs

image
Créditos por la base del código: {x

5 comentarios:

  1. Me encanta el nuevo diseño Yani, quedó precioso <33333333333

    ResponderEliminar
  2. ¡Que guay el nuevo diseño de tu blog! ;D Está genial de verdad, yo cabé ayer el diseño de otro blog que tengo, aquí te dejo su url:
    http://topsecretnotansecret.blogspot.com.es/
    Byekawaii!!

    ResponderEliminar
  3. Esta genial el nuevo diseño esta todo muy bien <3

    ResponderEliminar
  4. gracias por el tuto!!! :D
    saluditos! ^^
    PD: me encantó el diseño *0* es hermoso :3

    ResponderEliminar
  5. lindo tuto >0<!!! y me encanta el diseño de tu blog :3

    ResponderEliminar

Gracias por dejar tu saludito ·ω· Si tienes algún error o necesitas ayuda con un tutorial, dale a ''haz click aquí'' en la cabecera y mándame un e-mail diciéndome lo que necesitas y si sólo tienes dudas de algo te contestaré en tu blog para que puedas verlo♥♥
––––•(-•RECUERDA: Si quieres afiliar y/o que visite tu blog, pídemelo en ''Afiliados'' en el menú de la cabecera, o en la C-Box (sólo en esos dos sitios, o sino no aceptaré)`•.¸¸.•´´¯`••._.•