Trucos para blog

Imagen flotante en la página:

<a style="display:scroll;position:fixed;bottom:0px;right:0px;"/><img src="ACA "/></a>

Debe introducirse el código dado en Diseño – Añadir un gadget – Lo básico – HTML/Javascript - Guardar

Para cambiar la imagen se deve introducir el URL de la imagen en lugar de ACA.

La imagen siempre ba a aparecer en la esquina inferior derecha, para cambiarla de lugar hay que modificar el espacio en este lugar. Se logra asi:

Hay que cambiar el número de pixeles manualmente:

Bottom: aleja la imagen de la parte inferior de la pag.

Right: aleja la imagen de la parte derecha de la pag.

Monitor Nevando

<script src='https://sites.google.com/site/juanjujuy5/Home/efectodenievemosa.js' type='text/javascript'>

</script>

Vamos a: Plantilla – Editar Html - Pegamos el codigo dado antes del siguiente codigo </body>.

Para facilitar la búsqueda presionar ctrl+F e introducir el nombre.

  

Punteros para el blog

http://it.punteros.org/

Copiar el código del cursor deseado y luego ir a:

Diseño – Añadir un gadget – Lo básico – HTML/Javascript – Guardar

Reloj

http://www.websmultimedia.com/reloj-blog-gratis

Pegamos el código en:

Diseño – Añadir un gadget – Lo básico – HTML/Javascript - Guardar

Imajen móvil:

Pegar antes de </head>:

<script type='text/javascript'>

//<![CDATA[

var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session

var startX = 30 //set x offset of bar in pixels

var startY = 5 //set y offset of bar in pixels

var verticalpos="fromtop" //enter "fromtop" or "frombottom"

function iecompattest(){

return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body

}

function get_cookie(Name) {

var search = Name + "="

var returnvalue = "";

if (document.cookie.length > 0) {

offset = document.cookie.indexOf(search)

if (offset != -1) {

offset += search.length

end = document.cookie.indexOf(";", offset);

if (end == -1) end = document.cookie.length;

returnvalue=unescape(document.cookie.substring(offset, end))

}

}

return returnvalue;

}

function closebar(){

if (persistclose)

document.cookie="remainclosed=1"

document.getElementById("anuncio").style.visibility="hidden"

}

function staticbar(){

barheight=document.getElementById("anuncio").offsetHeight

var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;

var d = document;

function ml(id){

var el=d.getElementById(id);

if (!persistclose || persistclose && get_cookie("remainclosed")=="")

el.style.visibility="visible"

if(d.layers)el.style=el;

el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};

el.x = startX;

if (verticalpos=="fromtop")

el.y = startY;

else{

el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;

el.y -= startY;

}

return el;

}

window.stayTopLeft=function(){

if (verticalpos=="fromtop"){

var pY = ns ? pageYOffset : iecompattest().scrollTop;

ftlObj.y += (pY + startY - ftlObj.y)/8;

}

else{

var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;

ftlObj.y += (pY - startY - ftlObj.y)/8;

}

ftlObj.sP(ftlObj.x, ftlObj.y);

setTimeout("stayTopLeft()", 10);

}

ftlObj = ml("anuncio");

stayTopLeft();

}

if (window.addEventListener)

window.addEventListener("load", staticbar, false)

else if (window.attachEvent)

window.attachEvent("onload", staticbar)

else if (document.getElementById)

window.onload=staticbar

//]]>

</script>

Pegar antes de </body>:

<div id='anuncio'>

<a href='Javascript:void' onClick='closebar(); return false'><img align='right' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZIpRGRPAmgrR-c6GkK4BH5x54R-wRlb2VhYZzy2gkisGKJi0tZ_5N7VeXuSnKAkPJEBGTrK_2m0D-WNhskUBIqe5qBV3jiIgkupd3_l7kXPoUp63L1tAav6mV-UBUehhBer-avyUNKas/s200/icono-cerrar.png'/></a><br />

<a href='URL del enlace'><img src='URL de la imagen'/></a>

</div>

Poner el URL de la pagina en donde dice y el de la imagen en donde dice.

Flecha IR ARRIBA

Ingresar al blog y buscas Diseño - Editar HTML:

-Buscas: </body> y antes de el ingresar:

<a href='#'><img alt='ir arriba' border='0' src='dirección de la imagen' style='position:fixed; bottom:0; right:0;'/></a>

Pegar el url de la imagen en donde se indica.

Para editar hay que cambiar:

Bottom: distancia con el fondo.

Right: distancia con el lado derecho.

Subir un video de youtube al Blog

Primero elegimos el video: buscamos el que te gusta le das click a reproducir. Lo pausamos y con el segundo botón le damos click elegimos la opción “Copiar código de incercion”.

Luego vamos a “Nueva Entrada” en el blog y cambiamos a la opción “HTML”, pegamos el código del video y publicamos.

Reproductor de música:

Entrar en scmplayer.net.

Una ves allí elegir el estilo, luego realizar la lista de reproducción y configurar el estilo de reproducción.

Dar click en aceptar y copiar el código dado. Ir a diseño – añadir gadget – HTML/Javascript – pegar el código y aceptar – guardar cambios.

Radio en blog

Primero que nada debemos buscar en Internet la radio que queramos sintonizar en nuestro blog. Luego de encontrarla le damos click derecho sobre el reproductor, vamos a propiedades y veremos la url de la radio, copiamos la url o presionar CTRL+U.

Podremos encontrar muchas radios en RadiosOnlineFM.com.

En nuestro panel de Blogger vamos a Diseño > Elementos de la página > Añadir un gadget y pegamos dentro lo siguiente:

<embed pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" showgotobar="false" transparentatstart="true" autostart="false" showstatusbar="true" src="URL de la emisora" type="application/x-mplayer2" height="45" width="300" bbclient="0" name="MC1"></embed>

Modificamos lo que dice url de la radio por la url que obtuvimos en el paso 1.

A tomar en cuenta:

Para que la radio comience a reproducirse, el visitante deberá hacer click en el botón de play, si nosotros queremos que se reproduzca automáticamente solo cambiamos lo que dice AutoStart=False por AutoStart=True.