Cartelito de aviso! {Editable}

Como habrán visto, había un cartel al costado de mi blog {con un acertijo, que ya fue resuelto}, que solo aparecía en la pagina "Principal" del blog, es decir cuando uno entra & cuando vuelve al comienzo.

Veremos como colocarlo & como elegir "cuando aparezca & cuando no".
Primero ve a Plantilla / Edicion HTML & revisa los WIDGET HTML que ya tienes colocados.

Una ves YA contados, empecemos el tutorial:
Primero, vamos a Diseño & Añadimos un gadget: HTML/javascript
Donde colocaremos el siguiente código:

<style>
#postit a{color: #fff937;} /* COLOR DE LINKS */
#postit{
color: #fff; /* COLOR DE TEXTO */
font: 13px calibri;
position:fixed;
padding:15px;
background: #fff url(URL IMAGEN FONDO); /* COLOR O IMG DE FONDO */
border: 8px solid #fff; /* BORDE DEL CARTELITO */
border-radius: 15px;
visibility:hidden;
z-index:100;
box-shadow: 0 0 7px #fff; /* SOMBRA DEL CARTELITO */
}
</style>
<div id="postit" style="right: 10px; top: 10px; width:250px;">
<center>
<img src="URL IMAGEN"/>
TU TEXTO AQUI♥~
</center>
<b><a href="javascript:closeit()">CERRAR</a></b>
</center>
<script type="text/javascript" language="javascript">
//Post-it only once per browser session? (0=no, 1=yes)
//Specifying 0 will cause postit to display every time page is loaded
var once_per_browser=0
///No need to edit beyond here///
var ns4=document.layers
var ie4=document.all
var ns6=document.getElementById&&!document.all
if (ns4)
crossobj=document.layers.postit
else if (ie4||ns6)
crossobj=ns6? document.getElementById("postit") : document.all.postit

function closeit(){
if (ie4||ns6)
crossobj.style.visibility="hidden"
else if (ns4)
crossobj.visibility="hide"
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) { // if cookie exists
offset += search.length
// set index of beginning of value
end = document.cookie.indexOf(";", offset);
// set index of end of cookie value
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function showornot(){
if (get_cookie('postdisplay')==''){
showit()
document.cookie="postdisplay=yes"
}
}
function showit(){
if (ie4||ns6)
crossobj.style.visibility="visible"
else if (ns4)
crossobj.visibility="show"
}
if (once_per_browser)
showornot()
else
showit()
</script></div>

Edita lo marcado.
Donde se encuentra resaltado "URL IMAGEN" sera la imagen que tu elijas para colocar dentro del cartelito, yo tenia la imagen que decía "nuevo divertido acertijo".
Donde resalto "CERRAR" sera el link, que al presionar, cerrara el cartel. Puedes colocar una imagen es su lugar reemplazando solo la palabra por:

<img src="URL IMAGEN"/>

Ahora presta atencion!¡

Ahora, bien, tenemos nuestro cartel, pero queremos que solo aparezca al COMIENZO del blog.
Nos dirigimos a Plantilla / Edición HTML & buscamos en los WIDGET HTML el nuevo que agregamos, & acuérdate del nro que tenga {Por ejemplo: HTML4}
Luego de saber cual es el nro del gadget, busca en tu plantilla {presiona sobre el codigo & luego CTRL +F} la siguiente linea:

</head>

ARRIBA pega lo siguiente:

<b:if cond='data:blog.url != data:blog.homepageUrl'>
<style type='text/css'>
#HTML {
display: none;
}
</style>
</b:if>

Donde dice HTML, agrega seguido {sin espacio}, el nro del gadget del CARTEL DE AVISO que agregamos a un comienzo.

Espero les sea de utilidad!

{parte del código del cartelito es de aqui!}