Imagen en "Autor" "Categoría" "Comentarios"

Muchos ya lo han aplicado a su blog y es algo muy sencillo. Aplicar imágenes tipo iconos en los comentarios, autor, categoría, etiquetas ect...
Primeramente vamos a localizar el lugar donde haremos las modificaciones, nos situamos en este orden:

Panel/Diseño/Plantilla/Edición de HTML

Buscaremos en nuestra plantilla los CSS justo antes de ]]> es el lugar idoneo para aplicar nuestro código.
A continuación copiaremos y pegaremos los códigos dependiendo de la parte que deseamos añadir una imagen tipo icono.

"Imagen en Categoría o Etiquetas"

.post-labels
{ padding-left:20px;
padding-top:5px;
background: url(url_de_la_imagen) center left no-repeat; }

"Imagen en Comentarios"

.comment-link
{
padding-left:20px;
padding-top:5px;
background: url(url_de_la_imagen) center left no-repeat; }

"Imagen en (Publicado por) o Autor del blog"

.post-author
{
padding-left:20px;
padding-top:5px;
background: url(url_de_la_imagen) center left no-repeat; }

(Donde dice url_de_la_imagen hay que añadir la url de la imagen seleccionada)

Recurso sacado de: Gem@Blog

Redondeo y marcos para Fotos:

Link: http://vagabundia.blogspot.com/2007/07/cuatro-scripts-para-modificar-imgenes.html

Muy util para retocar imagenes O.o

Poner imagen en las Etiquetas:

Si queremos poner imagenes a nuestras etiquetas he aqui la solución picar el link,



Link: http://gemablog-.blogspot.com/2007/11/imgenes-en-las-etiquetas.html

Bajate los videos de Youtube.com

Link:

http://www.down-tube.com/

Ponlo en tu blog:

<a href="http://down-tube.com/?url=http://www.youtube.com/watch?v=HrLFb47QHi0"><br /><img src="http://www.down-tube.com/img/web/down-tube-ico.png" alt="down-tube.com" width="50" height="50" border="0" /></a>




<a href="http://down-tube.com/?url=http://www.youtube.com/watch?v=HrLFb47QHi0"><br /><img src="http://dagodu72.iespana.es/Blog/down.png" alt="down-tube.com" width="50" height="50" border="0" /></a>




Renombra el archivo bajado con el titulo y la extension: .flv

Iconos de gran Calidad

Esta Web esta llena de iconos muy buenos y ademas muy utiles ..

Link:

http://mintywhite.com/tech/xp/high-quality-free-icon-sets/

Scrollbar en el blog

Muy interesante...

Link

http://gemablog-.blogspot.com/2008/04/scrollbar-en-el-blog.html

Verifica direcciones de correo electronico:

Verificador de direcciones de e-mail

Este es el codigo:


<form action="http://www.emailvalido.com" name="emailvalido" method="post"><div style="background: transparent url(http://www.emailvalido.com/api/bgwebsite_orange.gif) repeat scroll 0% 50%; height: 84px; width: 224px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><div style="font-size: 12px; color: rgb(255, 255, 255); font-family: sans-serif; padding-top: 10px; padding-bottom: 5px; padding-left: 10px;">Verificador de direcciones de e-mail</div><input name="email" id="email" style="border-width: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 50%; margin-left: 10px; margin-bottom: 5px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: rgb(201, 201, 201); font-family: sans-serif; padding-left: 3px; padding-top: 4px; height: 21px; font-size: 12px; width: 200px;" onblur="if(this.value=='') this.value='ingresar e-mail';" onfocus="if(this.value=='ingresar e-mail') this.value='';" value="ingresar e-mail" type="text"><br /> <br /><br /> <a href="http://www.blogger.com/post-create.g?blogID=1711188849459924156#" onclick="document.forms.emailvalido.submit();return false"><img style="float: right; margin-right: 11px;" src="http://www.emailvalido.com/api/boton_orange.jpg" border="0" /></a><br /> <a href="http://www.emailvalido.com/"><img style="margin-left: 10px; margin-top: 4px;" src="http://www.emailvalido.com/api/minilogo_orange.jpg" border="0" /></a><br /> <input name="emailr" id="emailr" value="y" type="hidden"><br /> </div><br /> </form>

Link: http://www.emailvalido.com/