Blockquote en tu blog de Blogger

Para añadir este estilo de blockquote o texto citado en tu blog de Blogger ir a:

• Plantilla
• Personalizar
• Diseñador de Plantillas
• Avanzado
• Añadir código CSS personalizado, en el recuadro pegar el siguiente código:

/*blockquote
---------------*/
blockquote {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji7WeQ7mBZuGpxfMMgnnrmK44_wjW-fshrvhwCGq7T2dprsHD2Ts5OQJE1bGfaXfhT4QFiLPAd2UJlnzMMEULTVcTb5fkW9LUHpgGowxdw-QMs0btJ7oHp0K56rEkSon1Mw2Q7G4lGG59M/h120/quote.png)
no-repeat;
margin: 20px;
color: #666;
border-bottom: 1px solid #e8e8e8;
background-color: #f9f9f9;
padding: 20px 0px 9px 30px;
color: #000;
margin-left: 10px;
margin-top: -9px;
width: 520px;
-webkit-border-radius: 6px; border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
font-style: italic;
line-height: 30px;
padding-right: 20px;
}

Leer más »

Botones para tu blog, simples hechos con HTML

Esta clase de botones grises hechos con HTML son muy útiles, porque los puedes poner donde quieras en tu web sin complicaciones. Aquí tienen unas variantes para que utilices los que más se adapten a tus necesidades.

Estos son los códigos:

<a href="URL"><input type="submit" value="texto" /></a>

<a href="URL"><span style="font-size: 12pt;"><button id="button_display_embed" style="font-size: 15pt;">texto</button></a>

<a href="URL"><button><span style="color: #cc0000;"><b>texto</b></span></button></a>

Para integrarlos en tu blog solo tienes que ir a:

• Diseño. 
• Añadir un gadget.
• Html Javascript y pegar el código que dejo, solo hay que reemplazar lo que esta en en rojo por la URL y el texto , en azul, correspondiente y guárdalo.

También puede utilizarlos en una entrada de tu blog, como en este caso.

Leer más »

Paginas de Utilidades Varias para el blog

Nombre
Acortar urls
Adsense Blog
Backgrounds Labs
Capturador de Favicon
Capturador de pantalla
Caracteres XHTML
Colores Web
Compresor CSS
Conversor de html
Dr Pic (editor de imágenes)
Editar imágenes online
Extensión Firefox (capturas)
Feeburner
Generador Texto Animado
Google Analytics
Google Fuentes
Iconos bullet
ImageShack
Kwout (captura web)
Manual de HTML
Mini iconos Bullet Madness
Optimiza Imágenes
Paleta de colores
Photobucket
Picnik (editor de imágenes)
Redondear imagenes
Skydrive
Utilidades Blog
Wikipedia de Iconos

Leer más »

Paginación en Blogger

Para añadir la Paginación al blogs de Blogger solo deben ir a:

• Escritorio Blogger. 
• Hacemos clic en Diseño. 
• Hacemos clic en HTML/JavaScript y lo ubicamos debajo de las entradas. 

El código que tienen que copiar y pegar es el siguiente:

<style type="text/css">
#blog-pager{
font-size:normal;
padding:10px 0;
clear:both;
}
.showpageArea{
font-family: verdana,arial,helvetica;
color:#000;
font-size:11px;
margin:10px;
}
.showpageArea a{
color:#000;
text-shadow:0 1px 2px #fff;
font-weight:700;
}
.showpageNum a{
padding:3px 8px;
margin:0 4px;
text-decoration:none;
border:1px solid #999;
-webkit-border-radius:3px;
-moz-border-radius:3px;
background:#ddd url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeWC16icamBAgZsOCfxgxX7lBzOVOStqM5KkDD5KvfiyPUloU5Enjv_Hyr_gCdOqOCe9NOmbeC8VSEbat6dagwfrT_UrgOPFDxkHUvVY4AzkJErkrHTDAwvDKGe1gfYaLKQs1VqFOo3Fg/s1600/wp1.jpg) 0 -50px repeat-x}
.showpageNum a:hover{
border:1px solid #888;
background:#ccc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeWC16icamBAgZsOCfxgxX7lBzOVOStqM5KkDD5KvfiyPUloU5Enjv_Hyr_gCdOqOCe9NOmbeC8VSEbat6dagwfrT_UrgOPFDxkHUvVY4AzkJErkrHTDAwvDKGe1gfYaLKQs1VqFOo3Fg/s1600/wp1.jpg) 0 -25px repeat-x}
.showpageOf{margin:0 4px 0 0}
.showpagePoint{
color:#fff;
text-shadow:0 1px 2px #333;
padding:3px 8px;
margin:2px;
font-weight:700;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border:1px solid #999;
background:#666 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeWC16icamBAgZsOCfxgxX7lBzOVOStqM5KkDD5KvfiyPUloU5Enjv_Hyr_gCdOqOCe9NOmbeC8VSEbat6dagwfrT_UrgOPFDxkHUvVY4AzkJErkrHTDAwvDKGe1gfYaLKQs1VqFOo3Fg/s1600/wp1.jpg) 0 0 repeat-x;
text-decoration:none;
}
</style><script style='text/javascript'>var numshowpage=7;var postperpage =7;var upPageWord="Anterior";var downPageWord="Siguiente";var home_page="/";var urlactivepage=location.href;</script> <script style='text/javascript' src='https://sites.google.com/site/ratosdeblogger/script/paginacionblogger.js?attredirects=0&d=1'></script>

Así de fácil tendrán la Paginación en Blogger.

Leer más »