Mega Downloads

En esta parte de tutorial veremos cómo hacer cambios para que plantilla quede tal cual queramos.

Cambiar Comentarios(Comments)

Si queremos modificar la palabra Comentario hacemos siguientes pasos:Entramos en blog, y en sección de Diseño, vamos a Edición de HTML donde presionando Control F buscamos esta parte de código:

<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/&gt;</b:if></a>
</b:if>
</b:if>
</span>

fíjemonos en parte del código que está en rojo ya ke precisamente son esos que tendremos que modificar. La parte de <data:top.commentLabel/> podemos renombrarlo con un nombre cualquiera que Usted quiera, por ejemplo, "Opinión" ya que en este caso cantidad de comentarios será solamente 1, pero en otro caso <data:top.commentLabelPlural/> ya podemos usar nuestra palabra, por ejemplo "Opiniones" ya que esta vez cantidad de comentarios será 2 o más. Y esto en código cambiado tendrá siguiente aspecto:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 Opinion<b:else/><data:post.numComments/> Opiniones</b:if></a>
</b:if>
</b:if>
</span>

Ahora sin guardar plantilla, damos a vista previa oara ver cómo han quedado nuestros cambios: Cómo vemos, nuestros cambios han quedado bien!

Manipulación de Etiquetas(Labels)

Si queremos modificar la palabra etiqueta por alguno propio buscamos en Edición de HTML (teniendo marcado ya Expandir plantillas de artilugios) esta parte del código:

<div class='post-footer-line post-footer-line-2'><span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop>
</b:if>
</span> </div>

cambiar solamente la parte que está en rojo por cualquier nombre que quiera. Por ejemplo, en mi caso yo he uesado palabra¨Categoría" o sea código quedaría algo parecido a :

<div class='post-footer-line post-footer-line-2'><span class='post-labels'>
<b:if cond='data:post.labels'>
Categoria
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop>
</b:if>
</span> </div>

Ahora sin guardar la plantilla de nuevo click en boton de Vista previa y véamos cómo ha quedado:

Perfecto! Ahora véamos otro truco para Etiquetas. También habrán visto plantillas que junto con Etiquetas llevan imagenes, como por ejemplo este blog, si se fijan debajo de título de entrada dice categoria y a su lado está un imagen indicandolo. Si quieren tener esta opción en blog hagan lo siguiente:

En la misma parte del código

<div class='post-footer-line post-footer-line-2'><span class='post-labels'>
<b:if cond='data:post.labels'>
Categoria
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop>
</b:if>
</span> </div>

la palabra categorías o lo que tengan dentro, cambiar por este:

<div class='post-footer-line post-footer-line-2'><span class='post-labels'>
<b:if cond='data:post.labels'>
<a href="http://ax3l.blogspot.com"><img src="http://3.bp.blogspot.com/_Zuzii37VUO4/R2iVSyjZEZI/AAAAAAAACeI
/UgTKEfkUALU/s1600/folder.gif" /></a>:
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop>
</b:if>
</span> </div>

click en boton de vista previa y veamos el resultado:El resultado es lo que queríamos. Ahora si queremos que esta opción aparezca debajo de título de la entrada copiamos este código :

<span class='post-labels'>
<b:if cond='data:post.labels'>
Categoria <a href="http://ax3l.blogspot.com"><img src="http://3.bp.blogspot.com/_Zuzii37VUO4/R2iVSyjZEZI/AAAAAAAACeI
/UgTKEfkUALU/s1600/folder.gif" /></a>:
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop>
</b:if>
</span><br/><br/>

y lo pegamos debajo de <div class='post-header-line-1'/>. Claro que pueden usar otro imagen, lo que ustedes van a subir a su servidor y reemplazar URL http://3.bp.blogspot.com/_Zuzii37VUO4/R2iVSyjZEZI/AAAAAAAACeI
/UgTKEfkUALU/s1600/folder.gif por el link de su imagen! Véamos cómo nos ha quedado esta vez el cambio:

Eso es todo.Espero les sirva.

---

Buscas un programa y no lo encuentras? Pidelo , posteando en blog o en tag y te lo conseguimos!

---

En este tutorial vamos a ver como cambiar valores de PostFooter y como configurar plantilla a nuestro gusto. Lo primero que haré por si alguien no sabe qué es post footer, pueden mirar imagen abajo:

en breve, todo lo que le sigue a entra entrada debajo, es precisamente postfooter.En la imagen vemos que post footer consta de siguientes partes (N.B. generalmente en plantillas típicas de blogger, de ejemplo he usado Mínima) : Nombre de autor, datos de publicación como la hora, cantidad de números de publicación, vínculo de la entrada,etc. Configuración por defecto de esta opción podemos entrando en Elementos de Página y en Entradas de Blog click en Edit. Veamos imagen:

Podemos cambiar ciertos textos para darle mínimos efectos de cambios a nuesto blog. Pero con el truco que vamos a ver ahora, podemos hacer mucho más. Antes de seguir, por favor, crear backUp de su plantilla (bajando plantilla desde Edición de HTML o marcando Expandir plantillas de artilugios y copiando todo el código en Block De Notas/NotePad).

Parte I. Manipulación de Nombre de autor

Después de publicar la entrada blogger automaticamente asigna tu nombre por defecto como Nombre de autor. Podemos tenerlo así, pero también podemos poner cualquier nombre que nos guste y de esta forma en la entrada aparecerá el nombre que hemos indicado recientemente. ¿Cómo hacerlo? Una vez estando dentro de blogger, vamos a Edición de HTML y marcamos
Expandir plantillas de artilugios . Ahora presionando Ctrl+F (Control F ) buscamos palabra clave

data:post.author

veremos algo asi :

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>

Fijemonos que nos dice la imgen primera: Publicado por S3CT0R. En este código la parte que vemos en rojo podemos reemplazar por cualquier otro , lo que tendrá aspecto parecido a :

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'>SCORPION</span>
</b:if>
</span>

sin guardar plantilla le damos a vista previa y véamos como ha quedado: El resultado es lo que queríamos. De esta forma, podemos manipular Nombre de autor, y configurarlo a nuestro gusto, poniendo nuestros alias, cualquier nickname, etc. También podemos poner nuestro correo electrónico como nombre de autor haciendo lo mismo en el código, o sea la parte en rojo reemplazarlo con su e-mail como lo ven en esta imagen:En esa misma parte de código podemos eliminar completamente la opción "Publicado por (Posted by)" y reemplazarlo simplemente con la palabra que querramos. Por ejemplo código se vería así despues de modificación:

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<span class='fn'>s3ct0r.z3r0@gmail.com</span>
</b:if>
</span>

lo que hemos hecho para que no aparezca "Publicado por (Posted by)" fue que eliminamos siguiente partes del código:

</data:top.authorlabel><data:post.author >

y lo reemplazamos con nuestro e-mail o lo que quieran. El resultado será algo parecido a esta imagen:

Parte II. Manipulación de "Publicado por (posted by)"

Últimamente muchas plantillas tienen esa opción debajo de Título de la entrada.Si tienen plantillas como Mínima y semejantes, también pueden esa opción debajo de Título de publicación haciendo siguientes pasos:

Buscar en edición HTML esta parte del código

<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'>s3ct0r.z3r0@gmail.com</span>
</b:if>
</span>

copiarlo, eliminarlo de post footer y pegarlo debajo de

<div class='post-header-line-1'/>

Lo que se verá algo parecido a

<div class='post-header-line-1'/>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'>s3ct0r.z3r0@gmail.com</span>
</b:if>
</span> <br/><br/>

Vean imagen abajo:

Parte III. Substituir Nombre de autor con tu banner de 80 X 15 px.

Con este truco podemos poner nuestro banner con 80X15 px en vez de Nombre de autor. Buscamos de nuevo la parte <div class='post-footer'> y modificamos la parte que le sigue de esta forma:

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<span class='fn'><a href="http://ax3l.blogspot.com"><img src="http://club.telepolis.com/d4rkv1rus/axblog.gif" /></a>
</span>
</b:if>
</span>

en este código la parte que va en rojo la modifican por datos de su blog, sea link o imagen de banner suyo. El resultado queda asi, vean imagen:

En la publicación siguiente hablaremos de manipulación de Comentarios.

---

Buscas un programa y no lo encuentras? Pidelo , posteando en blog o en tag y te lo conseguimos!

---

Meta tags son las etiquetas que se insertan entre las cabeceras . Generalmente las páginas HTML suelen llevar en la cabecera siguiente código:

<title> Titulo de pagina</title>
<meta name="GENERATOR" content="nombre del editor de páginas">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

Vamos a ver que significa cada uno de ellos.

• Queda claro que entre tags <title> y </title> se indicará el nombre de página
• <meta name="GENERATOR" content="nombre del editor de páginas"> - esta parte de código nos da información acerca de editor con que se ha creado una página
• <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> - y la última parte de este código nos dice el tipo de la codificación de la página.

Para que sea más fácil entender de lo que hablamos, pueden abrir famoso editor Microsoft Front Page lo que automaticamente generará siguiente código :

<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=windows-1252"><title>New Page 3</title></head>
<body>
</body>
</html>

Osea en este caso el editor no crea código completo, solamente da información de página,indicando Título usando tags title> y 3</title> y tipo de la codificación de la páginay tipo de contenido de la página. Completar código e insertar meta tags que nos interesa podemos hacer mediante otras herramientas.

¿Para qué sirve Meta Tags?

Meta tags sirven para incluir la información de referencia (tales como: autor, título, fecha, keyword, descripción, etc) sobre una página. Mediante esta información los robots buscadores incluyen en su base de datos las páginas con metadatos y las muestran en el resultado de la búsqueda. La sintaxis de meta tags :

<meta name="" content="">

donde el parámetro NAME indica qué tipo de etiqueta se usará y por lo tanto podemos crear uno propio, aunque no tenga mucha importancia para navegación. En lo que se refiere a parámetro CONTENT , esto nos da la información del contenido de una etiqueta concreta.

¿Cómo insertar Meta Tags en Blog?

La gran mayoría de las páginas lleva meta tags. Digamos, que meta tags hacen cierto tipo de publicidad a nuestras páginas dando breve descripción e palabras claves acerca de sitio web.Por lo tanto, es lógico que teniendo correctos meta tags tengan más visitas a su página. Vamos a ver como hacer un código simple e insertarlo en nuestro blog.

Si abren este blog y mediante opción de navegador verán código fuente de la página, en la cabecera encontrarán meta tags que yo uso para mi blog. Vamos a ver:

<head>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<link rel="alternate" type="application/atom+xml" title="H_acktivis_T - Atom" href="http://ax3l.blogspot.com/feeds/posts/default" />
<link rel="alternate" type="application/rss+xml" title="H_acktivis_T - RSS" href="http://ax3l.blogspot.com/feeds/posts/default?alt=rss" />
<link rel="service.post" type="application/atom+xml" title="H_acktivis_T - Atom" href="http://www.blogger.com/feeds/5892473357056951461/posts/default" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.blogger.com/rsd.g?blogID=5892473357056951461" />
<link rel="me" href="http://www.blogger.com/profile/09503304951673337055" />
<link rel="openid.server" href="http://www.blogger.com/openid-server.g" />
<meta content='Blogger, Trucos Blogger, Blogger Hacks, Blogspot trucos, Blogger trucos, trucos para blogger, hacks para bloger, plantillas para blogger, trucos para blog,Programación,Visual Basic,Delphi,PHP,latinchat,Clientes latinchat,ax3l chat privado,códigos fuente,programas gratis,cracking,reversing,hacking,seguridad' name='keywords'/>
<meta content='Trucos Blogger: Trucos para los Bloggers, trucos blog, Hacks, Tutoriales!Programacion VB,Delphi,PHP!tutoriales de cracking, reversing, hacking, webmaster,libros y manuales de hackng,codigos fuente,programas gratis' name='description'/>
<title>H_acktivis_T</title>

de toda la parte de código lo que nos interesa es la parte que va en rojo. Iniciamos sesión en blogger, y nos dirijimos a sección de Diseño. En sección de Edicion de HTML buscamos tag de encabezado <head> e debajo de este tag insertamos siguiente código:

<meta content='Aqui pueden insertar sus palabras claves! Por ejemplo: Trucos blog, Plantillas,etc' name='keywords'/>
<meta content='En esta parte va la descripcion de su blog.Por ejemplo: En mi blog pueden encontrar cualkier tipo de informacion!' name='description'/>

modificar solamente la parte que está en rojo según lo que convenga a su blog. Traten de poner descripción exacta de su página y palabras claves correspondientes.

---

Buscas un programa y no lo encuentras? Pidelo , posteando en blog o en tag y te lo conseguimos!

---

Generalmente los sidebar contienen más de un widget y cada widget tiene su título. Con este truco podemos poner colores a los fondos de los títulos de widgets.

Iniciamos sesión en Blogger e ir a Diseño , luego en Edición de HTML buscamos palabra clave

h2 {

En las plantillas de mínima esta parte de código se encuentra debajo de :

/* Headings----------------------------------------------- */

una vez haberlo encontrado , ponemos debajo de ello siguiente código:

background:#FF0000;

(ff0000 - corresponde a color ROJO, ustedes pueden elejir otro color de Aquí). Véamos cómo quedará código completo en ejemplos de plantilla Mínima:

/* Headings
----------------------------------------------- */

h2 {
background:#FF0000;
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:$sidebarcolor;
}

Vemos que abajo en color dice color:$sidebarcolor; lo que va por defecto en la plantilla, este color no conviene con color rojo que pusimos para fondo asi que lo cambiamos por blanco. Código modificado va a tener aspecto algo parecido a :


/* Headings
----------------------------------------------- */

h2 {
background:#FF0000;
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:#FFFFFF;
}

Aun no guardamos la plantilla, primero click en boton Vista Previa y véamos cómo han quedado nuestros cambios :

Pues está bien. Color de fondo o de texto pueden elejir ustedes mismos y y asi tendrán más efectivo su blog.

Imagen en el fondo de títulos

Para realizar este truco antes preparen alguna imagen, súbanlo a su servidor y una vez teniendo Link de la imagen, hagan siguientes pasos:

Buscar de nuevo palabra clave h2 { y debajo de ello poner siguiente código lo que en completo se verá asi:

/* Headings
----------------------------------------------- */

h2 {
background:url(http://usuarios.lycos.es/d4rksoft/imagen.jpg);
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:#ffffff;
}


Osea, lo que ven en rojo es el código que tienen que meter para tener de fondo una imagen. El resultado de prueba se verá algo parecida a :
Eso es todo.

---

Buscas un programa y no lo encuentras? Pidelo , posteando en blog o en tag y te lo conseguimos!

---

Originalmente esta opción pertenece a wordpress, pero fue desarollado la función para Blogger también. Uno de los primeros en publicar este truco fue Phydeaux3. Es bastante original y atractivo, y puedo decir que muchos blogs lo tienen.

Vamos a ver paso a paso como instalar esta opción. Antes que nada asegurense que en Page Elements ya tienen widget de Label (Etiqueta), y que en sus entradas hay más de un Label inidicado. Vamos a sección de Edición de HTML (Edit HTML), es recomendable hacer BackUp de la plantilla actual ! Y bueno ahora en Edit HTML presionando Control + F buscamos keyword llamado ]]></b:skin> . Fijarse bien en este código porque precisamente arriba de ]]></b:skin> vamos a insertar siguiente código:

lo que tendrá aspecto completo parecido a :

si después de pegar el código de más arriba se ve asi, entonces sigamos! Ahora presionamos de nuevo Control F y buscamos palavra clave llamada </head> . Arriba de este </head> ponemos este código :

Ahora toca buscar la parte que se refiere a Widget de Label. Etiquera por defecto debe ser algo parecido a <b:widget id='Label1' locked='false' title='Labels' type='Label'/> . Después de haber encontrado esa parte borrarlo y reemplazarlo con este código:

Si todo está correcto pueden ver Vista Previa, guardar cambios y refrescar Blog. Mientras veamos la configuración más detalladamente:



Y bueno, eso es todo.

---

Buscas un programa y no lo encuentras? Pidelo , posteando en blog o en tag y te lo conseguimos!

---

Para tener esta opción en sidebar, hay 2 formas. Vamos a ver los 2.
1. Iniciar sesión en Blogger. Ir a sección de Diseño (LayOut) y en Elementos de página (page elements) agregar nuevo Feed con siguiente url :

http://TU_BLOG.blogspot.com/feeds/comments/full

Nota: en esta url donde dice TU_BLOG.blogspot.com cambiarlo con suyo, por ejemplo http://ax3l.blogspot.com/feeds/comments/full .

Click en boton Continuar. Sale ventana

donde configuran Título, cantidad de comentarios para mostrar, y por último dar click en Guardar.

2. Una vez haber iniciado sesión en Blogger, ir a Elementos de página y agregar nuevo HTML/JavaScript elemento con siguiente código :

Dentro de este código modificar parte http://tu_blog_aqui.blogspot.com/ con url de su blog, también pueden hacer siguiente cambios en código:
var numposts = 10; cantidad de entradas para mostrar , puedes indicarle cantidad que quieras.
var numchars = 100; cantidad de carácteres que quiere mostrar en post
showpostdate =true; mostrar/ocultar la fecha de entrada (si está en false la ocultará)
var showpostdate = false; si es true mostrará el resumen del post, etc .....

La parte restante de código recomendable dejarlo por defecto tal cual está.

---

Buscas un programa y no lo encuentras? Pidelo , posteando en blog o en tag y te lo conseguimos!

---

Este truco es bastante bueno y uno puede aprender mucho, por si desea luego desarollar sus propios templates. Antes de realizar alguna acción , por favor hagan BackUp de la plantilla!Iniciar sesión en Blogger y en Diseño en elementos de primero crear una Lista de Vinculos con título ¨BlogRoll¨. Luego ir a Edición de HTML. Con scroll abajo buscamos siguiente´parte de código:

Si todo tienen como se ve en código, entonces es hora de cambiar header-wrapper y footer.
Ahora con scroll buscamos esta parte de código:

y reemplazarlo con

De ahi ya pueden ir agregando más elementos donde quieran. Código experimentado en Plantillas Minima .

---

Buscas un programa y no lo encuentras? Pidelo , posteando en blog o en tag y te lo conseguimos!

---

Esos opciones que conocemos como Text Links salen al final de las entradas Con este truco podremos renombrar los text links a nuestro gusto. Vamos a Edición de HTML y marcamos Expandir plantillas de artilugios .Presionando Control F buscamos

Veremos algo parecida a :


cambiar esta parte del código de esta forma:


En este código todo lo que ven en negro pueden reemplazarlo y ponerles sus propios nombres correspondientes. Guardar cambios y refrescar blog. Veremos algo asi :


Si desean poner link mediante imagenes, lo único que tienen que hacer es subir correspondientes imagenes (por ejemplo botones predefinidos de Back y Forward) a algun servidor en código todo lo que ven en negro reemplazarlo con dirección de esas imagenes.

---

Buscas un programa y no lo encuentras? Pidelo , posteando en blog o en tag y te lo conseguimos!

---

Mensaje de estado (Status message) suele aparecer cuando un usuario está realizando busqueda de cierta entrada o palabra clave en el blog. Tiene siguiente aspecto:

Osea, mensaje de estado que vemos es ¨Showing posts for query upx unpacking. Show all posts ¨ . Pero si no encunetra lo que se busca, entonces sale mensaje ¨No posts match your query.¨ Este truco permite quitar esa opción.

¿Cómo eliminar mensajes de estado?

Antes de realizar alguna acción, es recomendable hacer BackUp de plantilla (hacerlo pueden desargando plantilla de Edición HTML o copiandool en Block de Notas). Ir a sección de Diseño, y en Edicion de HTML marcar Expandir plantillas de artilugios y presionando Control + F buscamos

precisamente es la parte del código que tenemos que eliminar

.

Una vez haberlo hecho, guardar cambios y refrescar Blog.

---

Buscas un programa y no lo encuentras? Pidelo , posteando en blog o en tag y te lo conseguimos!

---

Editando diferentes plantillas vi que en las que vienen por defecto en blogger hay opciones que no hay en otras plantillas, por ejemplo como el mio Red-White blogger template 1.3 , no hay opciones que se ven abajo


como ya hemos dicho, algunas plantillas no llevan esas opciones, que por cierto me parecen útiles y si alguien quiere tenerlo en su plantilla en caso de no tenerlo aquí dejo código necesario, pero antes iniciar sesión en Blogger, en Diseño click en Edicion HTML. Presionar Control+F y después de marcar Expandir plantillas de artilugios buscar palabra clave

es recomendable que lo pongan debajo de esta parte de código. En caso de tener en su blog social Bookmarking Links, aconsejaria que pegaran código debajo de


si necesitan más espacio entre social bookmark y nueva opción, reemplacen última línea de código


por



y después pegar este código a su plantilla:


Guardar cambios y refrescar blog y veremos algo parecida a

tal cual lo ven en mi blog actual :)

---

Buscas un programa y no lo encuentras? Pidelo , posteando en blog o en tag y te lo conseguimos!

---

Hay muchos webs que tienen esa opción lo que permite navegación rápida por la página. Vamos a ver cómo se hace. Iniciar sesión en blogger, en Diseño ir a Edición de HTML donde presionando Control+F buscamos palabra clave * Header . Veremos algo asi :

Bueno ahora debajo de /* Header*/ ponemos código que creará nuevo elemento de página:


Después de haberlo hecho, buscar parte del código que diga


esto sirve , como ya lo hemos visto en otras entradas, para mostrar recientemente agregado widget. Guardar cambios y vamos a sección de Elementos de página, donde vemos nuevo elemento agregado

abrimos elemento que creamos y elejimos HTML/Javascript y insertamos siguiente código:


todo lo que ven en rojo tendrán que reemplazarlo por sus datos, sea URL de feed o e-mail. Guardar cambios, refrescar blog .

Eso es todo. Mas opciones en cuanto vuelva de viaje. Gracias a todos por visitar este blog ;)

---

Buscas un programa y no lo encuentras? Pidelo , posteando en blog o en tag y te lo conseguimos!

---

Este truco permite tener comentarios de diferentes estilos y colores para autor. Iniciamos sesión en blogger , y en Diseño vamos a Edición de HTML. Marcar Expandir plantillas de artilugios y presionando Control + F buscamos siguiente palabra clave comments-block hasta llegar a siguiente código:

y justo debajo pegar este código:


Luego debajo de esto verán código


justo debajo de esto poner


Después de insertarlo, presionamos de nuevo Control + F y buscamos palabra clave #comments-block .comment-body { . Veremos algo asi


precisamente debajo de este código insertar


Guardar plantilla, refrescar blog y veremos resultado algo parecido a :

Como vemos el comentario de administrador, o autor sale tal cual lo indicamos.

---

Buscas un programa y no lo encuentras? Pidelo , posteando en blog o en tag y te lo conseguimos!

---

Si se han fijado bien, en muchos blogs debajo de cada publicación encontrarán opción que le permite agregar seleccionada entrada a varias páginas sociales, como facebook,technorati,del.icio.us, etc. Esta opción por lo visto se difundió mucho y es bastante popular. Pues decidí enseñarles forma de hacerlo. Abajo se citará código que lo unico que necesita es copiar y pegar en una parte especifica de plantilla, pero también pueden subir imagenes predefinidas a su servidor y reemplazar URL existente en código con su propio dirección de imagenes.

Vamos a ver el código:

copiar este código, iniciar sesión en Blogger.com y dirigirse a sección de Edit HTML donde van a marcar Expand Widget Templates (Expandir plantillas de artilugios) y presionando Control+F buscan siguiente parte de código:


código tienen que pegar precisamente debajo de

Esto es todo. Pero también existe otra forma de tener opción de agregar las entradas a páginas sociales. Este servicio ofrece AddThis , para más información pueden visitar la página donde lo único que tienen que hacer es copiar código y pegarlo donde les inidquen.

---

Buscas un programa y no lo encuentras? Pidelo , posteando en blog o en tag y te lo conseguimos!

---

Este truco da posibilidad de tener los widgets en diferentes colores. Lo único que necesitaremos saber será ID de cada widget,para saberlo, vamos a sección de Page element y elejimos cualquier widget que tengamos alla, por ejemplo, widget que se llama ¨betatest¨ cuyo contenido es HTML/Javascript .

Recordamos bien título de este widget y nos dirigimos a Edit HTML donde con Control + F buscamos precisamente nombre del widget que nos interesa, o sea ¨betatest¨

Vemos que id de widget ¨betatest¨ es ¨HTML1¨. Una vez que sepamos ID podemos insertar siguiente código que generará color especificado para widget seleccionado :

debajo de

.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

O simplemente insertarlo en la area de /* Sidebar Content . No importa donde sea, mientras que este entre tags

Guardar cambios, refrescar blog y veamos :

Conclusión: Si quiere que cada widget tenga diferente color, tiene que buscar ID de widget, para saber ID primero hay que saber título de widget desde sección de Page elements (elementos de página), y no importa sea HTML/JavaScript ,Link List,Text o Labels. Para cada uno de ellos puede tener diferente color con el método arriba descrito.

---

Buscas un programa y no lo encuentras? Pidelo , posteando en blog o en tag y te lo conseguimos!

---

Poner imagen en el fondo de plantilla

Como tal este truco es bien fácil. Lo primero que hacemos, es iniciar sesión en google, luego en Edit HTML presionar Control+F ( presionando a la vez a esos teclados se abre ventana de buscador, que le ayudará a buscar cualquier parte del código), introducir body { y fijamos en resultado :

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

o algo asi, depende del diseño de plantilla, pero

body {
background:$bgcolor;

siempre debe estar presente. Ya una haberlo encontrado, buscamos alguna imagen que queramos para fondo, subirlo en ImagesHack o a su servidor , guardar url ya que lo necesitaremos pronto. De ejemplo, yo he usado siguiente dirección :

Foto de background

Vale. Ahora ya es hora de crear código necesario. Reemplazar

con siguiente código:



fijarse que la dirección que sale en rojo tienen que cambiarlo por su propia dirección de URL.! Guardar cambios y refrescar blog veremos cambios de este tipo :

Cambiar el color del fondo

Bueno, para eso entramos en Edit HTML y cambiamos siguiente código

con

en este caso código ff0000 corresponde al color rojo, Aqui pueden encontrar y elejir colores y sus valores hexadecimales y cambiar el #ff0000 por el color que más le guste.

Color en SideBar

En Edit HTML buscar #sidebar-wrapper { y debajo de ese último poner
background-color:#FF0000;

hasta que tenga aspecto algo parecido a :

#sidebar-wrapper {
background-color:#FF0000;
width: 220px;
float: $endSide;
word-wrap: break-word; overflow: hidden;
}

Con esto, sidebar, será de color rojo.

---

Buscas un programa y no lo encuentras? Pidelo , posteando en blog o en tag y te lo conseguimos!

---

Este truco sirve por si con alertas o prompt box desea comunicar algo especial a los visitantes de su blog, o darles alguna información que le parezca importante.
Iniciamos sesión en blogger, y vamos a sección de elementos de página. Agregamos nuevo elemento y elejimos HTML/JavaScript donde introducimos siguiente código:

donde tienen que cambiar el mensaje que sale en rojo y poner su propio mensaje, lo que quiera. En lo que se refiere al texto alternativo que ven en color de naranja, sirve por si usuario tiene deshabilitado funciones de JavaScript. Como se darán cuenta, este alerta solo contiene ¨OK¨


buton, pero existe otro tipo de alerta que puede contener botones como “OK” y “Cancel”. Con este script usted le permite al visitante elejir entre 2 opciones, o seguir leyendo la página o salir con función de Cancel, lo que redireccionará automaticamente a alguna página. Agreamos nuevo elemento de página, en HTML/JavaScript introducimos siguiente código:

donde http://ax3l.blogspot.com/ tienen que reemplazar por su blog y será página por donde se continuará navegación en caso de confirmación, y dirección http://d4rkv1rus.tk/ será dirección en donde será redireccionado usuario en caso de click en buton de ¨Cancel¨. El mensaje general que se mostrará en blog es lo que ven en rojo.

Otra opción de alertas es uso de Prompt Box. Con este script usted pide al visitante que introduzca alguna información, por ejemplo preguntarle su nombre y luego dependiendo de la respuesta realizar alguna acción que contenga el script(por ejemplo una vez haber introducido su nombre el usuario, darle mensaje de bienvenida en su blog). Agregamos nuevo elemento de página con siguiente código :

ahora debajo de este código le añadimos siguiente código:


Guardamos cambios, y veamos resultado.

Concluyendo, primero le preguntamos nombre al usuario con Prompt Box, y después de que lo haya introducido visitante, le damos mensaje de bienvenida ke se imprimirá automaticamente en nuestro blog!

---

Buscas un programa y no lo encuentras? Pidelo , posteando en blog o en tag y te lo conseguimos!

---