Como la mayoria de los usuarios, no leen los avisos que estan en los post o en alguna parte de la sidebar o barra lateral, quizas les interese este código.
¿Que es lo que hace?, Aparece un cuadro flotante, con el mensaje que ustedes quieran, este mensaje se puede mover y también cerrar.
Aquí les dejo una imagen de como queda en el blog:
Ahora los pasos para que lo hagan en sus blogs:
Paso 1:
Primero deben copiar el siguiente codigo entre las etiquetas <style> y </style>
/*Post-it note script- by javascriptkit.com
Visit JavaScript Kit (http://javascriptkit.com) for script
Credit must stay intact for use*/
#postit{
position:absolute;
width:250; //ESTA LINEA CORRESPONDE AL ANCHO DEL AVISO
padding:5px;
background-color:lightyellow; //AQUI EN ESTA LINEA CAMBIAN EL COLOR POR EL DE USTEDES
border:1px solid black; //EN ESTA LINEA CAMBIAN EL COLOR DEL BORDE
visibility:hidden;
z-index:100;
cursor:hand;
}
-->
y este segundo código entre las etiquetas <body> y </body>
<div id="postit" style="left:180px;top:160px">
<!--FIN DE LA LINEA EN DONDE PUEDEN CAMBIAR LA POSICION-->
<div align="right"><b><a href="javascript:closeit()">[Cerrar]</a></b></div>
<!--AQUI INSERTAN EL CONTENIDO DEL ANUNCIO(ESTO LO CAMBIAN POR LO QUE QUIEREN)-->
<b>Recordatorio:</b>
<p><font size="2" face="Arial">
<a target="_new" href="http://ayudaparatublog.com/directorio">DIRECTORIO DE BLOGS</a>
Si quieres mas visitas inscribe tu blog en nuestro directorio</font></p>
<p> </p>
<!--FIN DEL CONTENIDO DEL ANUNCIO-->
</div>
<script>
//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 NECESITAN CAMBIAR NADA DE AQUI///
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()
</script>
<script language="JavaScript1.2">
//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")
</script>
Todo lo que tienen que hacer es pegar estos dos codigos dentro de las etiquetas mencionadas y listo, ya estara funcionando.
En el codigo puse mensajes que muestra en donde deben cambiar el mensaje que yo tengo por el de ustedes, ademas en la linea:
<div id="postit" style="left:180px;top:160px">
pueden cambiar la posicion en donde aparece el aviso, solo deben cambiar los numeros 180 para variar la distancia entre el margen izquierdo y 160 para variar la distancia con el margen superior del blog.
Suerte!!
(No Ratings Yet)
Loading ...
hola
en varias ocasiones tu blog me ayudó mucho. Las enlaces externos muy bien seleccionados, y esto es muy buen trabajo patricia. Soy nuevo en el mundo de los blogs, y me gusta. Gracias y un saludo.
Ghanem xD
vaya!! los enlaces, quise decir
He probado este post y me ha resultdo de ayuda. Excelente, felicidades y gracias, Patricia
HOLA NO ES LA PRIMERA VEZ QUE LOS VISITO, EXCELENTE BLOG, GRACIAS A USTEDES ESTO DE REMODELAR O DARLE UN TOQUE PERSONAL A LOS BLOGS ES MAS FACIL, INSISTO EN AGRADERLES, YA QUE EN GRAN MEDIDA POR USTEDES HE PODIDO CAMBIAR MIS BLOGS, ESPERO ME VISITEN E IGUAL DE IMPORTANTE QUE ME DEN SU VALIOSA OPINION…GRACIAS
jgrajalesfotodigital.blogspot.com
chiapaznatural.blogspot.com
hola: quiero hacerte una pregunta haber si me la puedes responder…. tenia un blog normal y lo cambie a beta…. y me encontre es todo el ingles…. hay alguna posibilidad o espacio donde este el beta en español?….. espero tu respuesta
Gracias Patricia. Cada día aprendo un poco más.
Tus aportes son valiosísimos.
Saludos desde Buenos Aires!!!
Hola! queria decirles que me impresionó mucho este blog, la verdad es que es impresionante la variedad que tiene y ha sido muy útil para mí.
Deseaba preguntarles además una duda ya que hice los pasos para poner el recordatorio, pero el problema es que mi blog es negro y el recordatorio también, osea que no se distingue bien, quisiera saber como hacer para cambiarle el color al recordatorio. Gracias!!!
que raro, porque esta linea que esta en el primer codigo define el color del fondo del mensaje
background-color:lightyellow;
y como ves es amarillo..
Deja tu blog para echarle una mirada.
si la verdad es que es raro, intente arreglarlo pero no se que pasa, te dejo entonces la URL:
http://www.futbolenelmundo.blogspot.com
Tal vez te interese también el directorio de blogs: the house of blogs.com. Te permite añadir tu código de adsense y el 50% de los anuncios se publican con tu cuenta.
oye, sera que me podes ayudar a hacer una ventana de avisos que este en la sidebar y que estos se muevan porque el texto es largo. asi como las ventanas de noticias en la sidebar, paro con avisos mios.
gracias!
Hola… esta ventana sirve para blogger beta? pk me tira errores y no puedo ponerla
entre otras cosas, me salía esto:
The entity name must immediately follow the ‘&’ in the entity reference
PD: cualquiera sea el caso… su blog es muy bueno y siempre me ha sido de mucha utilidad
SOY SEGUIDOR TUYO DESDE EL BETA Y PORLO REGURAL SI ME SALEN LAS COSAS ESTABES NO ENCUENTRO LAS ETIQUETAS DE STYLE EN DONDE ESTAN???
Hola, necesito ayuda con lo de la ventana de aviso. No se donde se pega el codigo entre las etiquetas de Style?? donde es eso?? alguien si me puede ayudar gringocarraza@hotmail.com
yo tampoco encuentro las etiquetas style, alguien me puede decir donde estan?
Puede que estes en la nueva version de blogger, echale una mirada a la pagina principal, ya he escrito algunas cosas para explicar el cambio de blogger.
), suerte!!!
Si estas en la nueva version debes mirar el post en esta plataforma, para esto simplemente pinchas la imagen que esta abajo del titulo que corresponde a Beta-Blogger (