Tag Archives: Blogger

Widget de Blogger

Blogger, Links, Plataformas, Trucos Script/Plugin/Widget,


Blogger a añadido un nuevo widget, la idea es hacer una lista de nuestros amigos de blog, colocar su dirección y tendremos la opción de mostrar el titulo del último post escrito, y la fecha de actualización.
Para añadirlo debemos entrar a Blogger in Draft , ahora debemos ir a “diseño” y elegir “añadir un elemento de página“.

Se abrirá una ventana donde debemos seleccionar “lista de blogs”


Luego se abrirá esta ventana


donde tienen la opción de colocar un título, seleccionar como quieren ordenar el listado, si quieren mostrar todos los blogs o una cierta cantidad. Luego las opciones que si quieren que aparezca el ícono de blogger al lado del nombre del blog, el título del último post, un fragmento de este post y la fecha de la última actualización.
Solo hacemos click en “agregar a la lista”

donde aquí colocamos la url del blog y añadimos.
El resultado final es este

Es un buen widget para mostrar mas detalles de los blogs de nuestros amigos.
Suerte!!! =)

conely

Menu Expandible ¿Cómo puedo mostrar/ocultar el Menú de la Sidebar? (Modo Peek-a-boo), Blogger

Barra Lateral, Barra Lateral, Blogger, Menú, Personaliza Código, Plataformas, Trucos Script/Plugin/Widget, , , , , ,

Así quedará cualquier menú en nuestra sidebar (barra lateral), una vez que hayamos seguido los pasos, solo hagan click en links, para que vean como se despliega la lista con los links que estan ocultos.

Ejemplo:

function expandcollapse (postid) {
whichpost = document.getElementById(postid);
if (whichpost.className==”postshown”) { whichpost.className=”posthidden”; }
else { whichpost.className=”postshown”; }
}

.posthidden {display:none}
.postshown {display:inline}

Links [+/-]


Google News
Edit-Me
Edit-Me

Con la implementación de este menú ahorraremos mucho espacio, no habrán filas interminables de directorios o de links de intercambio. El lector tendrá que pinchar en el [+/-] y listo. Páginas simples se ven mejor, que páginas completamente cargadas de cosas.
Cuando el usuario termine de usar el menú, podrá volver a ocultar el texto. Todo esto sucede en la misma página.

Continue reading Menu Expandible ¿Cómo puedo mostrar/ocultar el Menú de la Sidebar? (Modo Peek-a-boo), Blogger →

patriram
Soy Blogger desde hace mucho tiempo. Inicialmente este blog se creó para entregar tutoriales paso a paso a las personas que estuvieran ingresando al mundo online. Muchos de mis tutoriales no requieren de conocimiento previo ni habilidades, la idea siempre fue tender una mano a los que usualmente no entienden nada. Como pueden ver estuvo bastante abandonado por varios años pero ahora lo retomaré con otro énfasis, explicación de herramientas mas complejas, y en la medida de lo posible se irán renovando los post que con el tiempo han quedado obsoletos.

Donde debo pegar el codigo de algo, para que quede en la sidebar, Blogger??

Blogger, Plataformas, , , , ,

Ver Para Classic-Blogger:Post para Classic Blogger
Ver Para WordPress:Post Para WordPress

Como quieran llamarla, la barra lateral, o sidebar, o columna lateral, es una de las principales cosas que deben identificar en su Plantilla o Template.

Como la mayoria de las complicaciones empiezan cuando queremos agregar accesorios(imagenes, reloj, calendarios, contador) al blog en la sidebar, es primordial entender esto, aunque ahora la nueva versión de blogger lo ha hecho mucho mas simple, ya que todo se hace mediante los Elementos de Pagina, como muestran las siguientes imagenes. Solo sigue los pasos que se muestran en ellas, para cualquier tipo de accesorio que quieras agregar.
El código lo pegamos en Añadir elemento de Pagina – HTML/Javascript y listo ya tienes tu accesorio en la sidebar.

subir_accesorios_sidebar_1.jpg

Así se verá nuestro código una vez que lo peguemos en HTML/Javascript:
subir_accesorios_sidebar_2.jpg

y para alinear deben agregar alguno de los siguientes codigos:
En este caso es para centrar, pueden usar cualquiera de estas 3 formas:

< View plain text >
HTML

  1. AQUI VA EL  CODIGO DEL ACCESORIO
  2. <p align="center">  AQUI VA EL  CODIGO DEL ACCESORIO </p>
  3. <div align="center">  AQUI VA EL  CODIGO DEL ACCESORIO </div>

Si quieren izquierdo entonces reemplazan el center por el = left
Si quieren derecho entonces reemplazan el center por el = right

patriram
Soy Blogger desde hace mucho tiempo. Inicialmente este blog se creó para entregar tutoriales paso a paso a las personas que estuvieran ingresando al mundo online. Muchos de mis tutoriales no requieren de conocimiento previo ni habilidades, la idea siempre fue tender una mano a los que usualmente no entienden nada. Como pueden ver estuvo bastante abandonado por varios años pero ahora lo retomaré con otro énfasis, explicación de herramientas mas complejas, y en la medida de lo posible se irán renovando los post que con el tiempo han quedado obsoletos.