EL MUNDO DE FAMAG: truco

Mostrando entradas con la etiqueta truco. Mostrar todas las entradas

MOSTRAR Y OCULTAR EL CONTENIDO EN TU BLOG DE BLOGGER.

Ocultar contenido en Blogger es algo muy fácil de hacer, solo debemos agregar un código en nuestras entradas en modo HTML. Es importante también que cuando se vaya a editar la entrada se haga en modo HTML, porque o sino se perderá el efecto, y será mejor volver a agregar el código. Un buen consejo es realizar primero la entrada, y al final pasar a modo HTML y agregar los códigos.

Los siguientes códigos corresponden a la forma de ocultar contenido con un texto y con una imagen.

Ocultar contenido con un texto

<a href="javascript:void(0);" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}" >Mostrar / Ocultar ▼▲</a>

</div><div><div class="spoiler" style="display: none;">

Aquí el contenido que queremos ocultar

</div></div>

Ocultar contenido con una imagen

</div><div><div class="spoiler" style="display: none;">

Aquí el contenido que queremos ocultar

</div></div>

Cabe mencionar que al tener que agregarse el código en modo HTML, el contenido que ubiquemos dentro de él puede ir personalizado, es decir, admite contenido ya editado en su tipo de fuente, tamaño, color y otros, igualmente puede ir video incrustado, por ejemplo un código iframe de YouTube.

El contenido de estos códigos o el código en sí, también puede ir centrado o dentro de un div de alineación, la forma básica de centrarlo sería agregando al inicio la etiqueta <center> y al final la etiqueta </center>.

En el código que muestra una imagen, podemos usar el código que muestra dos imágenes en una, tendríamos que reemplazar la parte en color verde.

</div><div><div class="spoiler" style="display: none;">

Aquí el contenido que queremos ocultar

</div></div>

Código con dos imágenes en una:

</div><div><div class="spoiler" style="display: none;">

Aquí el contenido que queremos ocultar

</div></div>

Fecha de la Publicación; 14-11-2020

Fuente; charkleons.com

Publicado por;

NOTICIAS EN MOVIMIENTO PARA TU BLOG DE BLOGGER.

Hoy revelare un truco para blogger muy fácil de implementarlo en su blog de blogger, en algunas plantillas para blogger que regale se podía ver este truco, llevaba el nombre de Headline o Noticias, y en otras plantillas no, en vista que me han llego cientos de emails pidiéndome que publicara este truco para blogger, lo voy hacer. La inserción del código es muy simple y fácil de realizar. Lo que hará este código es mostrar las últimas publicaciones en texto en movimiento incluyendo la fecha de publicación, el cual se mostrara en la cabecera principal de su blog de blogger. Bueno no voy hacer tan largo este post, a continuación mire su demostración en mi blog de demos, la barra de noticias tiene como nombre Noticias y se encuentra en la cabecera principal de mi blog de demos:

1 Ir a Blogger

2 Da un clic en “Plantilla”

3 Presiona “Editar HTML”

Ahora se te abrirá el editor HTML de tu plantilla, se mostrara igual como la imagen que esta a continuación

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, a continuación mire la imagen la cual te mostrara tal y cual deberá aparecerte el buscador en tu editor HTML de tu plantilla y así puedas colocar el código en el buscador al momento que yo diga busca este código.

4 Busca este código

</head>

Ahora justo encima (ó antes) de esa etiqueta, pegamos lo siguiente:

<style>

.headline-wrapper{background:#fff;width:950px;height:22px;border-bottom:1px solid #ffffff;margin:0 auto;padding:0 auto}

.headline{width:950px;line-height:1.4em;text-align:left;font-family:Arial;font-size:13px;color:#000;overflow:hidden;clear:both;margin:0 auto;padding:0 auto}

.headline a:hover{color:#1A13EB;text-decoration:underline}

</style>

A continuación Busca:

Busca cualquiera de estos dos códigos

Una vez que hayas encontrado cualquiera de esos dos códigos tendrás que insertar el siguiente código abajo del código que encontraste

Noticias :

</div>

var cssfeed=new gfeedrssticker("example1", "example1class", 3000, "_new")

cssfeed.addFeed("Headline News", "http://elmundodefamag.com/feeds/posts/default") //Specify "label" plus URL to RSS feed

cssfeed.displayoptions("date") //show the specified additional fields

cssfeed.setentrycontainer("div") //Wrap each entry with a DIV tag

cssfeed.filterfeed(10, "date") //Show 10 entries, sort by date

cssfeed.entries_per_page(1)

cssfeed.init()

</script>

</div>

</div><div style='clear:both;'/>

</div>

Realiza este cambio:

Borra el texto que esta marcado de color azul elmundodefamag y pon ahí solo el nombre de tu blog de blogger, por ejemplo si tu blog se llama así: ejemplo.elmundodefamag, copia solo lo que dice ejemplo.elmundodefamag y nada mas.

Es momento de dar un clic en “Guardar plantilla”