Category Archives: Trucos Script/Plugin/Widget

Como ver un Gadget solo en la pagina principal, Blogger

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


Esto sirve solo para las personas que quieran ver un gadget o widget cualquiera solamente en la página principal de blogger, osea por ejemplo, puedes insertar si quieres un tipo de publicidad en tu blog de blogger y que solamente se vea en la página principal, esto ayuda de mucho si no quieres que se vea en las demás entradas que publicas, bueno pues comencemos.

1.- Añadimos el gadget que queremos que aparezca en la página principal como por ejemplo este y le ponemos un nombre cualquiera que quieran.

gadget_main_page_1.jpg

2.- Tienes que entrar al panel de control de Blogger y después a edición HTML y expandir la plantilla de artilugios:

gadget_main_page_2.jpg

3.- Control + F y buscamos el nombre del gadget que añadiste código.

gadget_main_page_3.jpg

4.- Entonces el código del gadget sería todo esto:

< View plain text >
HTML

  1. <b id='HTML1' title='Traffic Feed'>
  2. <b id='main'>
  3.   <!-- only display title if it's non-empty -->
  4.   <b>
  5.     <h2 class='title'></h2>
  6.   <div class='widget-content'>
  7.    
  8.   </div>...Resto del codigo....
  9.   </b>
  10. </b>

5.- Ahora justo abajo de el siguiente código:

< View plain text >
HTML

  1. <b id='main'>

-Añadimos este código que es la principal y chiste para que el gadget aparezca en la página principal.

gadget_main_page_4.jpg

6.- Ahora para cerrar el código anterior incluimos justo arriba de este codigo:


</b:includable>

-Agregamos arriba:


</b:if>

gadget_main_page_5.jpg

7.- Por ultimo guardamos la plantilla y listo, ya podemos disfrutar de nuestro widget o gadget solamente en nuestra pagina principal.
gadget_main_page_6.jpg

Ahora puedes hacer más que un simple blog y convertirlo en lo que tu quieras hasta puedes hacer tu propia portada.

joseluis

Como ”justificar” los textos de todas las entradas de Blogger

Aprende lo Básico, Barra Lateral, Barra Lateral, Blogger, HTML/CSS, Personaliza Código, Plantillas, Plataformas, Post, Post, Texto, Tutoriales, ,


Seguramente ustedes no justifican todas las entradas de blogger, por que aveces simplemente se les pasa por alto, algo que se ve mal si tienes un blog de alto pagerank o reconocimiento.

justificar.jpg

Una forma de justificar de manera fácil todas las entradas del blog sin tener que estar justificando una por una es como muestro a continuación:

Nota: Probado con plantillas predeterminadas Blogger, puede que no funcione en algunas modificadas

#Busca en tu plantilla Blogger el siguiente código:

< View plain text >
HTML

  1. #outer-wrapper

#Te va a aparecer algo así (nota: puede que no aparezca exactamente igual, pero debe aparecer debajo de la linea de código que buscaste anteriormente):

< View plain text >
HTML

  1. #outer-wrapper {
  2. margin: 0 auto;
  3. width: 760px;
  4. text-align: left;
  5. font: normal normal 100% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif;
  6. }

#Bien, Ahora tenemos que reemplazar la palabra left de text-align: left; por justify, y quedará de esta manera:

< View plain text >
HTML

  1. #outer-wrapper {
  2. margin: 0 auto;
  3. width: 760px;
  4. text-align: justify;
  5. font: normal normal 100% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif;
  6. }

Eso es todo, ahora todas las entradas de Blogger estarán siempre justificadas sin tener que usar el botón de justificar.

-Si quieres que la información de la sidebar quede justificada tienes que buscar un código parecido a este:

< View plain text >
HTML

  1. #sidebar-wrapper {

– Probablemente, verás debajo un código parecido a este:

< View plain text >
HTML

  1. #sidebar-wrapper {
  2. display: inline; /* fixes a strange ie margin bug */
  3. float: right;
  4. margin-top: 0;
  5. margin-right: 3px;
  6. margin-bottom: 0;
  7. margin-left: 0;
  8. width: 219px;

-Y si no al interior del código anterior no encuentras la línea text-align: left; simplemente puedes agregarla debajo de:

< View plain text >
HTML

  1. display: inline; /* fixes a strange ie margin bug */

-Quedaría de esta manera:

< View plain text >
HTML

  1. #sidebar-wrapper {
  2. display: inline; /* fixes a strange ie margin bug */
  3. text-align: left;
  4. float: right;
  5. margin-top: 0;
  6. margin-right: 3px;
  7. margin-bottom: 0;
  8. margin-left: 0;
  9. width: 269px;

-Y nuevamente lo último que tenemos que hacer es cambiar el left por justify y está listo:

< View plain text >
HTML

  1. #sidebar-wrapper {
  2. display: inline; /* fixes a strange ie margin bug */
  3. text-align: justify;
  4. float: right;
  5. margin-top: 0;
  6. margin-right: 3px;
  7. margin-bottom: 0;
  8. margin-left: 0;
  9. width: 269px;
joseluis

¿Cómo puedo mostrar/ocultar mis Post (entradas) en Blogger? (Modo Peek-a-boo)

Blogger, Links Interesantes, Otros Accesorios, Personaliza Código, Plantillas, Plataformas, Post, Post, Trucos Script/Plugin/Widget, , , , ,

Así quedarán las entradas de nuestro blog, una vez que hayamos seguido los pasos. Solo hagan click en [+/-], para que vean como se despliega el resto del post que esta oculto.

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}

Esta entrada es larga

Bueno, es verdad, no es tan larga. Pero es que no tengo mucho que decir. Sin embargo, debería incluir por lo menos un párrafo bastante largo aquí para que se haga una idea de cómo funciona esta opción. ¿Alguien conoce algún chiste bueno? Venga, seguro que sí. ¿Tengo que hacerlo todo yo solo? Me temo que sí. Lo cierto es que no me importa, porque tampoco tiene mucho sentido extenderse demasiado. Retroceda y lea el resto del artículo. (puede hacer clic en el siguiente vínculo para volver a ocultar esta entrada).

[+/-] mostrar/ocultar esta entrada

Con la implementación de este script no es necesario que el lector cargue una nueva pagina para ver el resto de la entrada. Solo tendrá que pinchar en el [+/-] y listo. Mucho más rápido que cargar una página de nuevo. Si quieren en vez de [+/-] pueden colocar cualquier cosa, una imagen, otras palabras como leer mas… , o pueden simplemente dejar solo el título de la entrada.

Continue reading ¿Cómo puedo mostrar/ocultar mis Post (entradas) en Blogger? (Modo Peek-a-boo) →

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.