Category Archives: Personaliza Código

Código que publica los links de post relacionados con el publicado (Related Post), Classic-Blogger

Classic Blogger, Otros Trucos, Personaliza Código, Plantillas, Plataformas, Trucos Script/Plugin/Widget

Este pequeño código me parece súper útil para los visitantes, les muestra otros títulos de post, relacionados con los que estan leyendo.

Para implementarlo solo deben buscar en su plantilla la etiqueta <BlogItemBody> y pegar debajo de esta etiqueta el siguiente código,

Si quieren que la lista de post aparezca en la página principal copian este código:

< View plain text >
HTML

  1. &lt;script language=&quot;Javascript&quot;src=&quot;http://www.anniyalogam.com/scripts/relatedposts-blog.php?url=&amp;blog="&gt;

o este otro código, Si quieren que la lista de post aparezca en el link permanente del post copian este otro código (link permanente se refiere a cuando se abre en una pagina individual solamente un post determinado):

< View plain text >
HTML

  1. &lt;script language=&quot;Javascript&quot;src=&quot;http://www.anniyalogam.com/scripts/relatedposts-blog.php?url=&amp;blog="&gt;

En mi caso puse los dos tipos de códigos, 1 debajo del otro, y como resultado verán lo que aparece abajo de casi todos los post “Related posts“, el script es de otra persona y no lo dejo para descargar, así que por ahora no podremos cambiar el idioma del texto.

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.

58 Plantillas para tu Blog Con Bonitos Diseños, Classic-Blogger

2 Columnas, 3 Columnas, Plantillas

Realmente se paso, Cristina Calabrese tiene una página llena de diseños hermosos, asi que si alguien va a utilizar una de estas plantillas, y tiene algo de dinero para dejar en donación, que no lo piense dos veces, visiten su página y donen algo como reconocimiento a todo el trabajo que realizó y ofrece gratuitamente (el botón de donaciones esta en la columna derecha debajo de firefox).

01.LeChat

template blogger 01.le chat

Preview Descargar

Continue reading 58 Plantillas para tu Blog Con Bonitos Diseños, Classic-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.

Eliminar el Titulo y Margen del Titulo del Blog, Blogger

Blogger, Personaliza Código, Plataformas, Título

Si estas con Classic-Blogger revisa: Agregue una imagen con titulo, pero se ve el antiguo, como lo borro??

Deben expandir su plantilla de artilugios, (activar el cuadrado sobre el area de texto donde aparece el código de la plantilla) como se muestra aquí:

eliminar_titulo_y_margen_1.jpg

Primero Buscamos el siguiente código:

< View plain text >
HTML

  1. <div id='header-wrapper'>
  2. <b class='header' id='header'>
  3. <b id='Header1' title='AYUDA PARA TU BLOG DEL "NUEVO BLOGGER" (Header)'>
  4. <b id='main'>
  5. <div class='titlewrapper'>
  6. <h1 class='title'>
  7. <b>
  8.  
  9. <b />
  10. <a></a>
  11. </b>
  12. </h1>
  13. </div>
  14. <div class='descriptionwrapper'>
  15. <p class='description'><span></span></p>
  16. </div>
  17. </b>
  18. </b>
  19. </b>
  20. </div>

Al borrar lo que no nos sirve, Quedará así:

< View plain text >
HTML

  1. <div id='header-wrapper'>
  2. <b class='header' id='header'>
  3. </div>

Si además Necesitamos eliminar los bordes vamos a la primera parte de la plantilla, en donde esta definido el titulo y eliminamos del siguiente código dos líneas que corresponden a los bordes (border:1px solid $bordercolor;).

< View plain text >
css

  1. /* -----Header ----------------------------------------------- */
  2.  
  3. #header-wrapper {
  4. width:940px;
  5. margin:0 auto 10px;
  6. border:1px solid $bordercolor;
  7. }
  8.  
  9. #header {
  10. margin: 5px;
  11. border: 1px solid $bordercolor;
  12. text-align: center;
  13. color:$pagetitlecolor;
  14. }

Despúes de eliminar las líneas quedará así el codigo:

< View plain text >
css

  1. /*----- Header -------------------------------- */
  2.  
  3. #header-wrapper {
  4. width:940px;
  5. margin:0 auto 10px;
  6. }
  7.  
  8. #header {
  9. margin: 5px;
  10. text-align: center;
  11. color:$pagetitlecolor;
  12. }

Eso es todo.
Suerte!!!

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.