Ribete linkeado

link: http://www.quickribbon.com/






El codigo que nos de hay que ponerlo entre <> y < /head >

Recurso sacado de:

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/

Ancho de TEXTAREA

Para poder modificar la caja de Textarea solo tienes que poner esto al lado:
de donde Rows y cols es el ancho y el alto de la caja.

<texXXXX rows="3" cols="35">

Imagen del Autor

Para poder poner la imagen del autor puedes hacer esto:

busca esta linea en Extendido:

<p class="'post-footer-line">

y pones esto justo debajo:

<br /><img align="'left'" height="'80'" src="'URL" width="'70'/" />

y quedaria una cosa asi:

Poner Fondo fijo en el Blog

Bueno para poder poner un fondo en nuestro Blog fijo, tendreis que buscar esto y sustituirlo por :

body{

body{<br /> font: 62.5%/1.6 "Lucida Sans Unicode", "lucida grande", "Trebuchet MS", sans-serif;<br /> text-align: center;<br /> background: #2F2F2F url(http://ftpmerou.free.fr/ubuntu/babaorum.png) fixed 0 0;<br /> color: #EAE3D4;<br /> border-top: 1px solid #430E08;<br /> }

Eliminar o sustituir el ▼

Cuando añadimos en un nuevo elemento de la página los "archivos", Blogger nos ofrece tres opciones: jerarquía, lista o menú desplegable.
Si escogemos la opción "jerarquía" nos saldrá un iconito como este ▼ antes del mes y año de archivos.
Podemos eliminar ese icono o sustituirlo por una imagen mas original, eso si, procuraremos que no sea una imagen grande, a poder ser, escogeremos una no mucho mayor que el icono de Blogger (▼).


Link:

http://elescaparatederosa.blogspot.com/2007/10/eliminar-o-sustituir-el-de-los-archivos.html

Ensanchar la plantilla Mínima

Link:

http://elescaparatederosa.blogspot.com/2007/11/ensanchar-la-plantilla-mnima.html

Destacar texto en una entrada usando colores

La frase, frases o palabras a resaltar


link:

<span style="background-color: orange;">La frase, frases o palabras a resaltar</span>

Cambiar el "dijo" que sigue al nombre del autor

Link:

http://elescaparatederosa.blogspot.com/2007/09/cambiar-el-dijo-que-sigue-al-nombre-del.html

Resalta los comentarios del Autor:

http://elescaparatederosa.blogspot.com/2007/11/destacar-los-comentarios-del-autor-del.html

Días Online

¿Quieres mostrarle a todo el mundo los días que tu blog lleva operativo en la red?

El resultado sería este: Nuestro sitio lleva X días Online



Link:

http://elescaparatederosa.blogspot.com/2007/03/das-online.html

Textarea o "caja de texto":

Si colocas el código o texto que quieras mostrar entre textarea , obtendrás este resultado:

<br /> AQUI VA EL CODIGO;DIGO O TEXTO<br />QUE DESEAS MOSTRAR<br />DENTRO DE TU CAJA DE TEXTO<br />O TEXTAREA.<br />

Para que otros nos enlacen:

<a href="http://dagodu.blogspot.com/" target="_blank"><img src="http://dagodu.iespana.es/Blog/blogdagoduph8.png" /></a>

Una fecha original en el blog

http://elescaparatederosa.blogspot.com/2007/05/una-fecha-original-en-el-blog.html

Caja de texto

Ejemplo:

AQUI EL TEXTO

El código:


<div align="center"> <br /><br /><div style="BORDER-RIGHT: border-style: ridge; border-color: red; BORDER-TOP: border-width: 4px; border-style: ridge; border-color: red; BORDER-LEFT: border-width: 4px; border-style: ridge; border-color: red; WIDTH: 265px;BORDER-BOTTOM: border-width: 4px; border-style: ridge; border-color: red; SCROLLBAR-FACE-COLOR: black; SCROLLBAR-HIGHLIGHT-COLOR: black; OVERFLOW: scroll;SCROLLBAR-SHADOW-COLOR: white; COLOR: #ff88e7; SCROLLBAR-3DLIGHT-COLOR: #ddaaff; SCROLLBAR-ARROW-COLOR: #99cc33; SCROLLBAR-DARKSHADOW-COLOR: white; HEIGHT: 130px; BACKGROUND-COLOR: darkblue"> <span style="font-family:tahoma;font-size:85%;color:#99cc33;"><strong><p align="center">AQUI EL TEXTO</p></div></div></span></strong>

Botón "Ir Arriba"

http://elescaparatederosa.blogspot.com/2007/01/poner-un-boton-ir-arriba.html

Ocultar Navbar (barra Blogger)

http://elescaparatederosa.blogspot.com/2007/03/navbar-barra-blogger-mgica.html

Favicon para el blog

http://elescaparatederosa.blogspot.com/2007/04/favicon-para-el-blog.html

Iconos de navegación:

---------
http://elescaparatederosa.blogspot.com/2007/03/iconos-de-navegacin.html

Imagen en la fecha del blog

http://elescaparatederosa.blogspot.com/2007/07/imagen-en-la-fecha-del-blog.html

Numerar los comentarios

http://elescaparatederosa.blogspot.com/2008/02/numerar-los-comentarios.html

Añadir un menú-bar al blog (Cabezera)

http://elescaparatederosa.blogspot.com/2008/02/aadir-un-men-bar-al-blog.html

Technorati - buscador de Blogs

Technorati en tu BLOG

Technorati es un buscador de blogs que compite con los buscadores mas importantes como google, yahoo, etc. Esto conciste en etiquetar tus post con palabras claves para identificar tus nuevas entradas y de esta manera para que ubiquen la informacion. Millones de Blogs ya usan este sistema y es una buena manera de que ubiquen nuestro blog en internet.

mas informacion en http://www.technorati.com

Creación de recursos

Bueno creo este Blog para poder recopilar todos los recursos que se pueden utilizar en el blog