Instalar Relog Flash Animados para tu Blog de Blogger

Les dejo unos exelentes reloges flash animados para su blog blogger diseños elegantes y sincillos para su blog y facil de instalar sin mas nada que decir les dejo las instruciones para oder instalar el relog en su blog

1.Entra a tu blogger ve a Diseno --> Elementos de Pagina.

2.Da Click en 'Anadir un Gadget' en la barra lateral.

3.Selecciona 'HTML/Javascript' y añade codigo de abajo :


1. Reloj Digita

<object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-33.swf"><embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-33.swf" width="150" height"150" wmode="transparent"> </embed></object>

2. Reloj de border Black 

<object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-24.swf"><embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-24.swf" width="150" height="150" wmode="transparent"> </embed></object>

 3.Reloj Simple

<object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-23.swf"> <embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-23.swf" width="150" height="150" wmode="transparent"> </embed></object>

4. Reloj Blanco

<embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-175.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed>

 6.Reloj Negro

<embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-179.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed>

 7. Reloj 3D 

<embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-169.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed>

8. Rejoj Hogar

<embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-150.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed>

 9. Rejoj Negro

<embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-165.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed>

 4. Ahora guarde  'Hmtl/JavaScript' Listo.

Seguir leyendo»

Colocar Caja Flotante lateral para chat

En esta ocacion les dejo un tutorial de como colocar un a caja flotante de chat para su web blog Aki les dejo un tutorial de como colocar una caja flotante latetal para un chat en blogger espero que les guste y comenten

Primero para instalar vamos Plantilla - Editar HTML  copiamos el codigo de abajo y buscamos </head> y pegamos antes del head

<script type="text/javascript" src="http://disemuchonet.blogcindario.com/ficheros/jquery-1-4-2-min.js">
</script>
<script type="text/javascript">
//<![CDATA[
var j = jQuery.noConflict();
j(function (){
j(".esthela").hover(function(){
j(".esthela").stop(true, false).animate({right:"0"},"medium");
},function(){
j(".esthela").stop(true, false).animate({right:"-400"},"medium");
},500);
return false;
});
//]]>
</script>
<style type="text/css">
/*<![CDATA[*/
.esthela {
float:right;
width:450px;
height:350px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxh6jyK-qXvhUp2BGv6eaosX3eoF-yaq1K77xMGQ3-gykaN0rU7NjbUMZ7ULx_iYIxqnn70sxWICAGR4nhPgSDmGtIVtEgrfcVLM6tANxYTCOEcT0v-rg0FVmJX2FY-XukxnsDNj9KwT4/s1600/image%5B1%5D.png) no-repeat !important;
display:block;
right: -400px;
padding:0;
position:fixed;
top: 56px;
z-index:1002;
}
/*]]>*/
</style>

Segundo ir a diseño y crear un gadget HTML/Javascript y pegar el codigo de abajo y listo

<div class="esthela" style="right: -400px;">
    <div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 50px;">
        <div class="http://trucosgadgetsblogger.blogspot.com/">
            aqui tu chat o lo que desees
        </div>
    </div>
</div>

Seguir leyendo»

Como colocar otro favicon en blogger

Hola en hoy les dire como cambiar el favicon de blogger 

Que es un favicon?

El favicon es una pequeña imagen que aparece en la parte superior de nuestro navegador cuando accedemos a una pagina web , por ejemplo google:

Como cambiar el favicon de blogger primero ir nos a Diseño de nuestro blog 

 le damos click donde dice Favicon 

Nos mostrara una ventana igual a esta :

Le damos 1 click en  "Seleccionar archivo",seleccionamos la imagen que queremos como Favicon y listo!

OJO 

 El tamaño limite de la imagen es de 100 kb, para eso podemos lo que haremos será ir a esta pagina para modificar  nuestro favicon online y adaptarlo a tamaño limite

Lo primero que debemos hacer es subir la imagen que utilizaremos, ya sea por URL o desde nuesta PC

despues elegiremos el tamaño y podremos previsualizar nuestro favicon

Recomiendo elegir el tamaño 32x32 

Además en la parte de arriba tendremos una herramienta para elegir que parte de nuestra imagen queremos mostrar, basta con dar click y mover nuestro mouse.

Ahora ya solo falta elegir el formato de nuestro favicon que aparecesa en nuestro blog,recomiendo descargar la versión PNG y subirla.

Nota: El favicon puede tardar en aparecer,pueden tratar borrando la caché de su navegador.

Seguir leyendo»

Añadir informacion cuando cuando te copian un contenido

Hola les traego un truco para cuando te hagan copy & pasta pueda salir la url de tu blog que es donde te copiaron la informacion es facil y rapido de instalar

Añadir informacion cuando le copien texto en tu blog

Un demo de como es el truco trata de copiar el texto de abajo y pegar en el cuadro

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ut augue nibh. Aliquam erat volutpat. Nullam sodales nunc eu euismod convallis. Vivamus ornare placerat ipsum, luctus scelerisque libero vehicula nec. Fusce varius quis leo at facilisis. Quisque nec dolor dui. In sed odio non augue lacinia congue. Curabitur et turpis ante. Integer eu turpis a odio accumsan dignissim. Sed id ornare metus. Sed consequat felis non mi molestie, sit amet.

Para instalarlo en tu blog sólo entra en Plantilla | Edición de HTML y antes de </body> agrega lo siguiente:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<script>
//<![CDATA[
// Añadir información extra al hacer copy & paste
$("body").bind('copy', function (e) {
if (typeof window.getSelection == "undefined") return;
var miblog = document.getElementsByTagName('body')[0];
var seleccionar = window.getSelection();
if (("" + seleccionar).length < 10) return;
var nuevodiv = document.createElement('div');
nuevodiv.style.position = 'absolute';
nuevodiv.style.left = '-99999px';
miblog.appendChild(nuevodiv);
nuevodiv.appendChild(seleccionar.getRangeAt(0).cloneContents());
if (seleccionar.getRangeAt(0).commonAncestorContainer.nodeName == "PRE") {
nuevodiv.innerHTML = "<pre>" + nuevodiv.innerHTML + "</pre>";
}
nuevodiv.innerHTML += "<br/><br/>Artículo original: <a href='"
+ document.location.href + "'>"
+ document.location.href + "</a><br/>&copy; Nombre de mi blog";
seleccionar.selectAllChildren(nuevodiv);
window.setTimeout(function () { miblog.removeChild(nuevodiv); }, 200);
});
//]]>
</script>

Si ya tienes jQuery en tu plantilla blog entonces elimina la primera línea. Ahora solo cambias dónde dice el nombre de tu blog, y si lo deseas también puedes cambiar el texto que dice "Artículo original:", puedes ponerle "Más información en:" o lo que gustes. 

No olvides comentar

Seguir leyendo»