Si quieres que aparezca un mensaje estilo post-it en tu blog para informar a tus lectores de algo importante, deberemos hacer lo siguiente:
1) Vamos a Diseño
2) Elementos de página
3) Añadir un gadget
4) HTML/Javascript
5) Pegamos el siguiente código:
Aquí va el mensaje que se mostrará
//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_cookie4(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie4.length > 0) {
offset = document.cookie4.indexOf(search)
if (offset != -1) { // if cookie4 exists
offset += search.length
// set index of beginning of value
end = document.cookie4.indexOf(";", offset);
// set index of end of cookie4 value
if (end == -1)
end = document.cookie4.length;
returnvalue=unescape(document.cookie4.substring(offset, end))
}
}
return returnvalue;
}
function showornot(){
if (get_cookie4('postdisplay')==''){
showit()
document.cookie4="postdisplay=yes"
}
}
function showit(){
if (ie4||ns6)
crossobj.style.visibility="visible"
else if (ns4)
crossobj.visibility="show"
}
if (once_per_browser)
showornot()
else
showit()
//drag drop function for ie4+ and NS6////
/////////////////////////////////
function drag_drop(e){
if (ie4&&dragapproved){
crossobj.style.left=tempx+event.clientX-offsetx
crossobj.style.top=tempy+event.clientY-offsety
return false
}
else if (ns6&&dragapproved){
crossobj.style.left=tempx+e.clientX-offsetx
crossobj.style.top=tempy+e.clientY-offsety
return false
}
}
function initializedrag(e){
if (ie4&&event.srcElement.id=="postit"||ns6&&e.target.id=="postit"){
offsetx=ie4? event.clientX : e.clientX
offsety=ie4? event.clientY : e.clientY
tempx=parseInt(crossobj.style.left)
tempy=parseInt(crossobj.style.top)
dragapproved=true
document.onmousemove=drag_drop
}
}
document.onmousedown=initializedrag
document.onmouseup=new Function("dragapproved=false")
Si deseas cambiar el tamaño debes modificar width (largo) y height (ancho). También puedes cambiar ese color amarillo chillón por el que tu quieras en background-color. Sólo nos queda poner el mensaje que queramos.
En donde pone var once_per_browser=0 podemos cambiar el 0 por un 1. De esta forma sólo nos aparecerá una vez el mensaje.
De nuevo mil gracias a ciudadblogger.





¡Un saludo!
visita my blog ^_^
Gracias por tu mensaje y gracias por comentar.
pues sigo tus pasos y no me sale nada ¿Por que sera? espero y me ayudes con mi problema.
Pd Creo que no me especifique es que no me aparece el mensaje.
Comprueba que has copiado correctamente todo el código, ya que es muy largo y puede haber un descuido al copiar-pegar.
Bueno pues este truco es que el que andaba buscando tanto pero como siempre tengo problemas…
en este me va todo bien cuando dejo el valor de “var …” en 0 pero como me parece algo molesto lo pongo en 1 y al abrir la pagina tarda mucho en cargar y despues aparece con errores (no se ve el mensaje).
No se si me has entendido lo que te quiero decir.
Saludos
Saludos y bienvenido.
Trate de poner el post …. pero no hay forma, hice todos los pasos y no me lo permite….solo me deja poner la frase, sin el post en amarillo
Agradecida en lo que me puedas ayudar !!!
Namasté
Gracias, Gracias, Gracias
Namsté