PAPAS BLOGUEROS

CAMBIAR EL FONDO DE TU BLOG A TU ELECCIÓN

"PAPAS BLOGUEROS "

En esta entrada vamos a ver como haciendo click en una pequeña imágen, el fondo del Blog cambia. Son 5 fondos totalmente Sevillistas.

Para instalarlo en vuestros blog tan solo deberéis pegar lo siguiente en un elemento HTML/Javascript :

Para añadirlo a vuestro blog o web, basta con copiar el codigo de abajo e insertarlo alli dode querais que aparezca.

1-Un clic en “Diseño”

2-Clic en “Añadir un gadget”

3-Busca el widget que dice “HTML-Javascript” y ábrelo

4-Coloca el siguiente codigo en el interior

<div style="text-align:center;"><span style="font-size: small;"><b>¿No te gusta el fondo del blog?<p>

¡Cámbialo por otro!</p></b></span></div>

</center>

Fecha de la Publicación; 10/11/2020

Fuente; amorsevillista

Publicado por;

noviembre 10, 2020 No comentarios

CAMBIAR EL CURSOR DE TU BLOG.

Cambiar el cursor del mouse no parece ser algo muy importante según algunos Bloggers pero si quieres personalizar tu blog y darle un aspecto único un curioso cursor puede ser la solución,así que veamos como cambiar el cursor.

Este servicio de cambiar el cursor lo presta Gifs Animados,aca te dejo algunos ejemplos para que uses el que mas te guste.

Pega antes de </body> lo siguiente

Para instalarlo en vuestro Bloc solo tenéis que seguir estos pasos:

1 Un clic en “Plantilla”

2 Un clic en “Editar HTML”

Ahora se te abrirá el Editor HTML de tu plantilla

En este punto deberás presionar la tecla “Control” de tu teclado seguido de la tecla “F” para que aparezca el buscador integrado en la parte superior derecha de tu editor,

debes esperar unos segundos hasta que se muestre, aquí es donde tendrás que insertar el código para buscarlo e insertar los códigos correspondientes en el editor,

3 Busca el siguiente código

]</body>

Despues de encontrar el código, inserta el siguiente código arriba del código que encontraste

La imagen solo se ve en movimiento en Internet Explorer,en otros navegadores se vera la imagen sin movimiento.

Si quieres buscar más cursores entonces tienes que buscar alguna página en internet que hay bastantes para bajar cursores GIF y normales.

,allí hay cientos de cursores para que escojas el que mas te guste,seleccionas el código de tu cursor y lo pegas antes de </body> y guardas.

Fecha de la Publicación; 10/11/2020

Fuente miltrucosblogger.

Publicado por:

noviembre 10, 2020 No comentarios

CAMBIAR EL AVATAR ANÓNIMO.

Desde que Blogger cambio su sistema de comentarios antiguo por el actual estilo anidado han habido importantes cambios en la estructura del codigo por lo que cambiar el avatar en los comentarios anonimos ya no es posible con el anterior codigo por lo que en este tutorial les enseñare a cambiar el avatar anonimo predeterminado que trae Blogger y el icono de Blogger que se ve en los comentarios de usuarios que no tienen avatar.

El codigo lo proporciona HelpBlogger y me he enterado de su existencia en Oloblogger.

Para la ejecución de este truco se requiere JQuery.

Para agregar este truco debes agregar antes de </body> lo siguiente:

Para instalarlo en vuestro Bloc solo tenéis que seguir estos pasos:

1 Un clic en “Plantilla”

2 Un clic en “Editar HTML”

Ahora se te abrirá el Editor HTML de tu plantilla

En este punto deberás presionar la tecla “Control” de tu teclado seguido de la tecla “F” para que aparezca el buscador integrado en la parte superior derecha de tu editor,

debes esperar unos segundos hasta que se muestre, aquí es donde tendrás que insertar el código para buscarlo e insertar los códigos correspondientes en el editor,

3 Busca el siguiente código

]</body>

Espues de encontrar el código, inserta el siguiente código arriba del código que encontraste

$("img[src='http://img1.blogblog.com/img/anon36.png']")

.attr('src', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHTpsw7Hn48abqaCd6Pu1GR5SH0BueTz6yANCa_TPfTS7UTTJgGjCYRHqw4arD-l8nK2fx1TeImlUS_Zwhyphenhyphenc93YZ7m0nOE6e3rMQdfuNprFgmqBK_usYFXrtFXnAvbWK9mgtMZF78XUmA/s1600/default_avatar.gif')

.ssyby('blank')

</script></blockquote><script src='http://code.jquery.com/jquery-latest.js'/>

$("img[src='http://img2.blogblog.com/img/b36-rounded.png']")

.attr('src', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWnRAQzTr5sk8yZjY0upOu75UWkqC0vQuz-f4-4o-CsIRSiGLPZLiQwsrrOfE3Qn-_TRy3F7-zYmaFEc4HFrCM3qt3AEYZ1p7Ktdxii6QhqaU7c2TelRMQaGS6ZpsFRsqXxLudeD9lkEg/s1600/blogger-user.png')

.ssyby('blank')

</script>

La segunda parte que esta señalada en verde corresponde a la URL del avatar del comentarista sin imagen de perfil.

Fecha de la Publicación; 10/11/2020

Fuente miltrucosblogger.

Publicado por:

noviembre 10, 2020 No comentarios

CAJA SENCILLA DE AVISOS PARA TU BLOG DE BLOGGER.

Esta caja de aviso es una caja muy sencilla y bonita con opciones de colocar tu facebook y twitter , es una mezcla del mensaje tipo Post-it,

y de etiquetas Fieldset esta caja de aviso sencilla para tu blog blogger espero que les guste

Para la colocación es muy fácil prácticamente un solo paso únicamente tienes que seguir estos pasos:

1. Diseño

2. Elementos de la pagina

3. Añadir un gadget HTML/Javacript

Para instalarlo en vuestro Bloc solo tenéis que seguir estos pasos:

Ir a Blogger

1-Un clic en “Diseño”

2-Clic en “Añadir un gadget”

3-Busca el widget que dice “HTML-Javascript” y ábrelo

4-Coloca el siguiente codigo en el interior

Despues de haber insertado el código, un clic en "Guardar"

#aviso{

width:500px; /* Ancho de la caja */

padding:5px; position:absolute; z-index:5000;}

.caja-aviso{

border:4px double #0080FF; /* Color del borde */

-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 8px 8px 6px #808080; -moz-box-shadow: 8px 8px 6px #808080; box-shadow: 8px 8px 6px #808080;

background-color: #CEECF5; /* Color de fondo */

padding: 10px; font-family: Verdana, Geneva, sans-serif;

color: #0B173B; /* Color del texto */

}

.letrero-aviso { /* Estilos de la palabra AVISO */

font-size:18pt;

font-weight:bold;

color:#B4045F;

text-shadow: 0px 0px 10px #BA55D3;}

</style>

<div align="right" style="margin-bottom:-30px;"><b><a href="javascript:closeit()" ><font face="Arial" size="1">[CERRAR]</font> <img valign="middle" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp1iqTKlQv9maJjiIIBS8bHNByJmiGgi7IOzB8V5sDatX1gEqAT-94qUvGUwVN8YifAJw8Ru8tlAOhv3Wf8C_otL_lZDHinor8PdW5d72uX45fCejeEZKDjsmAKgQdmwJQ5IA9Z42lzR1W/" style="vertical-align:middle;"/></a></b></div>

<br/>

<legend class="letrero-aviso" align="center">AVISO</legend>

...Aquí va el mensaje...<br/><div align="right"><a href="http://www.facebook.com/usuario" target="blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT1M2YNZpRjJYlX3C0fnQy5axIXFkamRg3y8yBAYo-VnYzQeYzvPKsUfvyTfy-Cf2EqVCkD1r9bY64xKu_qUMZo320Aw9blk3UjCm6uyAxX1cUnmuP3D0veBK5wAVIrf3K-2fGd-VrACkh/" width="26"/></a>

</fieldset>

function closeit(){

document.getElementById("aviso").style.visibility = "hidden";

}

</script>

</div><div class="clear"/></div>

Solo tienes que agregar agregar el mensaje donde te indica , y tu usuario de facebook y twitter si esque tienes no olvides dejar tu comentario gracias..

En donde dice left:300px; top100px; se puede controlar la posición de la caja de aviso , left es la distancia desde la izquierda y top la distancia arriba