Muchas veces queremos vender un
barnner en nuestra web, pero crear un codigo es un poco engorroso, hoy
te dejo el codigo listo para usar, en wordpress lo insertas como widget y
en blogger vas a edicion html y lo insertas en tu plantilla, recuerda
buscar muy bien el lugar donde lo vas a insertar, aca el codigo.

Recuerda Reemplazar el link de la imagen
por el barnner de tu anunciante y la url www.recursosparaelblog.com
tambien por la de tu anunciante.

Si tu blog es muy extenso ya que tus entradas son de un gran contenido y de muy buena calidad lo mejor que puedes hacer es poner las típicas flechas de ir arriba e ir abajo, esto lo haces editando simplemente el HTML de tu blog y agregando unos códigos que ya les muestro.

Empecemos por colocar un script antes de </ head>, En el diseño HTML de tu plantilla busca </ head> utilizando las teclas CTRL+F, Cuando lo encuentres antes de </ head> pega esto:

<!– Prototype y Scriptaculous–>
<script src=’http://www.google.com/jsapi’/>
<script>
google.load(&quot;prototype&quot;,&quot;1.6.0.3&quot;);
google.load(&quot;scriptaculous&quot;, &quot;1.8.2&quot;);
</script>
<!– Prototype y Scriptaculous–>

Despues de hecho lo anterior, guarda los cambios y con CTRL+F Busca la etiqueta </ body> , antes de ello pega el siguiente codigo:

<a href=’#outer-wrapper’ onclick=’new Effect.ScrollTo(&quot;outer-wrapper&quot;,{offset:-140}); return false’><img border=’0? src=’URL de la imagen’ style=’position:fixed; top:0; right:0;’ title=’Arriba’/></a>

<a href=’#footer-wrapper’ onclick=’new Effect.ScrollTo(&quot;footer-wrapper&quot;,{offset:-140}); return false’><img border=’0? src=’URL de la imagen’ style=’position:fixed; bottom:0; right:0;’ title=’Abajo’/></a>

Remplaza donde dice URL De la imagen por la que tu deseas usar, luego guarda los cambios, ademas aqui te dejo un codigo listo para usarse, con las flechas incluidas:

<a href=’#outer-wrapper’ onclick=’new Effect.ScrollTo(&quot;outer-wrapper&quot;,{offset:-140}); return false’><img border=’0? src=’http://2.bp.blogspot.com/_qgZA1ny_dAs/S0QFsV1WD7I/AAAAAAAADhs/ZBKrnpzqBrk/s200/arrow8a.png’ style=’position:fixed; top:0; right:0;’ title=’Arriba’/></a>

<a href=’#footer-wrapper’ onclick=’new Effect.ScrollTo(&quot;footer-wrapper&quot;,{offset:-140}); return false’><img border=’0? src=’http://4.bp.blogspot.com/_qgZA1ny_dAs/S0QKJ3oGf7I/AAAAAAAADis/m4YOx1C9N2g/s320/arrow8b.png’ style=’position:fixed; bottom:0; right:0;’ title=’Abajo’/></a>

Una vez listo todas veras como ya tienes las flechas en tu blog para subir y bajar sin problemas, en las imágenes puedes usar lo que mas te guste, cartelitos, iconos o lo que tú quieras.

El personalizar nuestro blog es una de las cosas que más nos gusta hacer, esto para tener una personalidad y estilo diferente al de los demás, en este caso lo que van a aprender es como cambiar el típico deja tu comentario en las entradas del blog por una imagen personalizada y bonita.

Para esto tienes que seguir los siguientes pasos:

1-      Ir a la pestaña Diseño

2-      Ir a la pestaña Edición HTML

3-      Buscar el siguiente código

<p class=’comment-footer’>

<a expr:href=’data:post.addCommentUrl’ expr:onclick=’data:post.addCommentOnclick’><data:postCommentMsg/></a>

</p>

</b:if>

4-      Borra el anterior y pon el siguiente  código

<p class=’comment-footer’>

<a expr:href=’data:post.addCommentUrl’ expr:onclick=’data:post.addCommentOnclick’><!–<data:postCommentMsg/>–>&lt;img src=&quot;http://LA IMAGEN QUE QUIERAS&quot;&gt;</a>

</p>

</b:if>

Donde Dice “LA IMAGEN QUE QUIERAS” Pon la url de la imagen que quieres que aparezca.

Ya hemos visto el útil diseñador de plantillas que Blogger ha incluido en el panel de control de los blogs alojados en esa plataforma.

El problema de este diseñador es que siempre te deja la estorbosa Blogger Tolbar la cual jode mucho a personas que recién se están empezando a familiarizar con el mundo de los blogs, por suerte hay una forma muy fácil de quitar esta barra y solo se hace agregando un código java script a la plantilla HTML Del Blog.

Paso:

1- Ir a la Pestaña Diseño en el panel de Blogger

2- Dirigirse a la parte de Edición HTML.

3- Buscar la Descripción de la plantilla

Ejemplo:

Blogger Template Style

Name:     CSS Blue

Designer: Jaime Arévalo

URL:      www.JaimeArevalo.net

4- Agregar el siguiente Código HTML:

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

Hoy buscando por la web me encontré con que Blogger a añadido un personalizado para plantillas Blogger, en estos momentos esta en fase beta y solo se puede usar en Blogger in Draft Accedes a tu cuenta vas a la sección de diseño y veras que hay algo que dice Diseñador de plantillas, entras y puedes empezar a editar las plantillas, el fondo los colores, en opciones avanzadas podrás crear una plantilla a tu gusto.

Al mirar las opciones de este diseñador encontraras:

• 15 plantillas altamente personalizadas
• Diseño de 1,2 o3 columnas control sobre el tamaña.
• Muchas imágenes de fondo.