Mostrar comentarios recientes

Mostrar comentarios recientes, es un plugin para Blogger, que lo que hace es incluir los últimos comentarios de tu blog en la barra lateral.

Puedes elegir cuantos comentarios mostrar, mostrar el día y el título del post, y la cantidad de caracteres máximo a mostrar.

Su funcionamiento es muy sencillo, basta con elegir las preferencias en las casillas y a continuación, hacer clic en "Aplicar" y luego "Widget Añadir a mi blog".

Está probado en IE y Firefox y el Widget funciona bien.

Enlace|Comentarios recientes

Leer el resto de esta entrada »

Pagina tu blog.

Hay muchas formas y formatos de paginar tu blog, este es uno de ellos.
- Ir a diseño de la plantilla, luego en Elementos de la página, añadimos un Gadget, seleccionas HTML/Javascript y pegas el siguiente código:

<style>
.showpageArea {padding: 0 2px;margin-top:10px;margin-bottom:10px;
}

.showpageArea a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;



padding: 1px 4px ;margin:0px 2px;
text-decoration: none;
}

.showpageArea a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}



.showpageNum a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 2px;
text-decoration: none;
}

.showpageNum a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}

.showpagePoint {font-size:10px;
padding: 2px 4px 2px 4px;
margin: 2px;
font-weight: bold;
border: 1px solid #333;
color: #fff;
background-color: #000000;
}

.showpage a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;

}
.showpageNum a:link,.showpage a:link {
font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;
}

.showpageNum a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
</style>

<script type="text/javascript">

function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';

var pageCount=5;
var displayPageNum=1;
var firstPageWord = 'Primera';
var endPageWord = 'Última';
var upPageWord ='Anterior';
var downPageWord ='Siguiente';

var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';

for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){

itemCount++;
}

}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}

for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}

fFlag++;
}

if(p==(thisNum-1)){
html += ' <span class="showpagePoint"><u>'+thisNum+'</u></span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';
}
}

if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){

if(thisNum>1){
if(!isLablePage){
html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}else{
html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}
}

html = '<div class="showpageArea"><span style="padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;border: 1px solid #333; background-" class="showpage">Página '+thisNum+' de '+(postNum-1)+': </span>'+html;

if(thisNum<(postNum-1)){
html += downPageHtml;
html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';
}

if(postNum==1) postNum++;
html += '</div>';

if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){
html ='';
}

for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&&pageArea.length>0){
html ='';
}

if(blogPager){
blogPager.innerHTML = html;
}
}

}
</script>

<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>


- Lo guardamos, y por último, tendriamos que arrastrarlo, debajo de las entradas del blog, y guardar, el diseño de la página.

Nos aparecería despues de las entradas, algo asi:

Vía|Ayuda para el blog

Leer el resto de esta entrada »

Crea pestañas de menú: Tabgenerator

Tabgenerator, es una utilidad que nos permite crear y personalizar pestañas para menús.

Su funcionamiento es my sencillo. Nos permite escoger las medidas (alto,ancho,grosor del borde, y altura de la esquina), el color(fondo, relleno, borde), la orientación(horizontal, vertical, izquierda, derecha).
Una ver personalizado, lo podemos grabar haciendo click en Download.

Ejemplo:

Leer el resto de esta entrada »

Convierte tu blog en un libro: Blurb

¿Sabías que ahora puedes transformar tu blog personal en un libro?. Si, puedes hacer que tu blog, sea la novela más vendida, lo puedes hacer con Blurb.
Blurb es un sitio web que te permite escribir un libro, donde se puede leer, intercambiar o vender.
Lo puedes hacer por un precio de 12,95 dólares para 40 páginas en rústica y $22,95 para 40 páginas en papel.

Blurb trabaja con muchas plataformas de blogs. Soporta Blogger, LiveJournal.com, TypePad, y blogs WordPress.com. Puedes personalizar y editar un libro en tiempo real.
Un ejemplo:Si quieres ver más ejemplos, precios, tamaños,etc.., pincha aquí.

Enlace|Blurb
Vía|DesignZen

Leer el resto de esta entrada »

Crea carteles graciosos: Redkit

Redkit es una web, donde de una forma muy sencilla, puedes generar carteles simpáticos para anunciar tu blog.
Aquí os dejo algunas muestras:

Enlace|Redkit

Leer el resto de esta entrada »

Crea botones: Brilliant Button Maker

Brillant Button Maker es una de las muchas páginas que nos permiten crear botones. Su autor es Luca Zappa.
Nos permite, de una forma muy sencilla, cambiar todo tipo de colores, letras, asi como poner imagenes a ambos lados, y una vez creado, nos da la opciones de grabarlo en nuestro ordenador, enviarlo por email o alojarlo en Imageshack.
Aqui os dejo un ejemplo:
Enlace|Brilliant Button Maker

Leer el resto de esta entrada »

Navidad en Google República Checa especial.

En Google República Checa, ponen un curioso especial de Navidad, donde se puede hacer clic en las caras de los empleados, para hacerlos cantar en el coro.
Verlo, es simpático.

Enlace|Google República Checa

Leer el resto de esta entrada »

Envia mensajes originales: MapMSG

MapSMG es una web muy original, donde de una forma muy sencilla, podrás enviar mensajes a tus amigos, de una forma distinta a las típicas de siempre.

Aquí os dejo dos ejemplos:


Mensaje desde Hollywood


Enlace| MapSMG

Leer el resto de esta entrada »

Haz tu logo cervecero: Festisite

Festisite es una web, donde en muy pocos, y sencillos pasos, puedes crear tu logo cervecero.

Dispone en estos momentos de solo de tres modelos: Heineken, Budweiser y Corona extra.

Solo tienes que elegir el modelo y cambiar el texto por el que quieras.
Ejemplo:Enlace | Festisite

Leer el resto de esta entrada »

Felicitaciones Navidad: Youtube

Desde YouTube ya es posible enviar postales navideñas con un vídeo incorporado. Accedes a YouTube.com/greetings con tu cuenta de Google, grabas tu vídeo o seleccionas uno de los que te proponen, lo visualizas y si te gusta pulsas en "Enviar este vídeo como tarjeta de presentación" que te lleva a una página con una imagen parecida a la que ves aquí debajo.En este página puedes elegir, en la parte superior, el fondo navideño de la postal; en un recuadro central, un mensaje personal con un máximo de 230 caracteres y en la parte inferior, las direcciones de correo electrónico de los destinatarios hasta un máximo de 25, ya solo nos falta pulsar "Enviar esta tarjeta de felicitación".

Vía| Islas Cies blog

Leer el resto de esta entrada »

Post a dos columnas.

Si queremos hacer un post a dos columnas, lo podemos hacer con el siguiente codigo en html:


<table><tbody><tr><td style="PADDING-RIGHT: 15px; MARGIN-TOP: 0px; PADDING-LEFT: 15px; PADDING-BOTTOM: 15px; WIDTH: 40%; PADDING-TOP: 15px"><p style="TEXT-ALIGN: justify"> TEXTO 1 ...........

</p><td style="PADDING-RIGHT: 15px; MARGIN-TOP: 0px; PADDING-LEFT: 15px; PADDING-BOTTOM: 15px; WIDTH: 40%; PADDING-TOP: 15px"><p style="TEXT-ALIGN: justify"> TEXTO 2 ..........</p></td></tr></tbody></table>


Solo tendremos que cambiar TEXTO1 y TEXTO2, por nuestros textos y modificar el ancho de las columnas a nuestro gusto.
Ejemplo:

Esto es un texto de ejemplo de post a dos columnas en el blog del blog. Esta es la primera columna, que deberia salir a la izquierda.

Esto es un texto de ejemplo de post a dos columnas en el blog del blog. Esta es la segunda columna, que deberia salir a la derecha.

Leer el resto de esta entrada »

Efecto de nieve para tu blog

Este widget fue creado usando el Efecto de nieve sin imágenes guión de Kurt Grigg, que se distribuye mediante un sistema dinámico Drive.

Este artilugio ha sido probado tanto en IE y Firefox, y también en el complejo de las plantillas de Blogger que utilizan muchos otros JavaScripts. A diferencia de otros scripts efecto de nieve, esta simple imagen no basada en widget funciona bien!

Lo puedes poner en tu blog copiando este código, o directamente desde la página de BloggerBuster añadiendo artilugio.


<script src="http://snow-effect.googlecode.com/files/snow.js" type="text/javascript">

/***********************************************

* Snow Effect without images-by Kurt Grigg at http://www.btinternet.com/~kurt.grigg/javascript

* Script featured & available at Dynamic Drive at http://www.dynamicdrive.com/

* Please keep this notice intact

***********************************************/

</script>


Vía | BlogBuster

Leer el resto de esta entrada »

Crea botones: PixelButon

PixelButton es un generador online de botones, fácil y rápido de usar.

Permite la creación más fácil que usar un programa de gráficos como Photoshop. Genera botones con el texto y los colores que quieras, y transforma la imagen en código HTML, o la grabas en tu ordenador.

Ejemplo:
Enlace|PixelButton

Leer el resto de esta entrada »

Buscador de imágenes: Cyclops

Cyclops, es una herramienta online gratuita, que nos busca una imagen en las principales páginas de fotos, con lo cual nos podemos ahorrar mucho tiempo a la hora de buscar una imagen para nuestro blog.

Las busca en: Fotolia, Shutterstock, BigStockPhoto, iStockphoto, stock.xchng, Flickr, Photos.com.

También nos permite elegir a nosotros los sitios en los que queremos que busque.

Enlace | Cyclops

Leer el resto de esta entrada »

1400 iconos libres: Fugue y Diagona.

Fugue es un pack de 1000 iconos, y Diagona es un pack de 400 iconos, con licencia Creative Commons Attribution, con lo que podemos utilizarlos en proyectos personales.


Los dos packs de iconos, se pueden descargar de la página de su autor Yusuke Kamiyamame.

Enlace | Pinvoke

Leer el resto de esta entrada »

Pon marcas de agua a tus fotos: Watermarktool

Watermarktool es una utilidad online, que nos permite poner una marca de agua a nuestras fotos.
No hace falta registrarse.

Nos permite poner el color del texto, el fondo y la posición de la marca en la imagen. La imagen solo puede tener como máximo 100 Kb.

Ejemplo:

Enlace | Watermarktool

Leer el resto de esta entrada »

Decora tus fotos: PiZap

PiZap es un editor de fotos online, que nos permite realizar fotomontajes. No es necesario registrarse y podemos subir una imagen para agregarle cosas divertidas.

Todos los elementos que podemos sumarles a las fotos están bien organizados. Nos ofrece globos de historietas de diferentes formas para introducir textos, stickers (especie de autoadhesivos bien con dibujos, de los que hay gran cantidad dividida por categorías, bien con leyendas y slogans, al estilo de un logotipo), emoticones, caras, signos, carteles; ojos, lentes, peinados, orejas, sombreros, etc.

También ofrece la serie básica de efectos: virado a determinado color, afilado, fuera de foco o forma de superficie resaltada. Asimismo incorpora una herramienta básica de pincel con diferentes trazos y la posibilidad de elegir el tono, y podemos encontrar globos de texto tipo comic, palabras coloridas predeterminadas (rock n´roll, love, lol y otras); stickers muy divertidos (Obama, Hillary, McCain, Palin); caras; y algunas cosas más.

Aunque esta en inglés, su uso es muy sencillo. Al final del montaje, te da el código para poner en tu blog.

Ejemplo:Enlace| PiZap

Leer el resto de esta entrada »

Tarjetas de Navidad: Correo Mágico.

CorreoMagico, es una página donde podemos encontrar una forma sencilla de hacer tarjetas navideñas, para enviar a quien quieras, y además, permite personalizarlas.

También permite imprimirlas, para los que no quieran enviarla por email.

Dispone de otras opciones, como sobres para regalos, miniposters, calendarios, señaladores navideños, tarjetas para invitados, salvapantallas,etc.

Ejemplo:
Enlace| Correo Magico

Leer el resto de esta entrada »

Otro editor online: SumoPaint

SumoPaint es otro de los muchos editores de imágenes online. Se parece a cualquier programa editor de imagenes como Photoshop, Paint, etc, u otros editores online como Pixenate, Pixlr, etc. Esta realizado con tecnología Adobe Flash, y dispone de las herramientas básicas de cualquier editor de imagenes.

¡Pruebalo y elige!

Enlace|SumoPaint

Leer el resto de esta entrada »

Buscador de fotos en varios idiomas: FlickrBabel

FlickrBabel es un buscador de imágenes en varios idiomas.
Por ahora las palabras a buscar, solo pueden ser en inglés y español.
Cuando introduces una palabra, hace la traducción a distintos idiomas y busca esa imagen por cada una de las palabras de los distintos idiomas(ingles, español, holandés, portugués, alemán), por lo que, la búsqueda nos dará mejores resultados.

Cuando además, de la palabra a buscar le ponemos una etiqueta geográfica, nos muestra imágenes tomadas cerca de localidad de esa imagen.

Por ejemplo, si ponemos como palabra a buscar Lámparas, te aparecen 105.428 fotografías, y si a la búsqueda le añades como localización España, te aparecen 848.

Enlace | FlickrBabel

Leer el resto de esta entrada »

Crea tu logo: SimWebsol Logo Generator

SimWebsol Logo Generator es una forma fácil y sencilla de crear un logo, sin tener que hacer uso de Photoshop u otros programas similares.

Su funcionamiento es tan sencillo como, que solo hay que cambiar los valores de texto, los colores, el tipo de fuente, agregar un símbolo o una sombra, y por ultimo, para que lo genere hacer click en Create Logo.

Ejemplo:Enlace | SimWebSol

Leer el resto de esta entrada »

Juego de Simon en tu blog: Neave Simon Widget

Pon a prueba tu memoria, y coloca el juego de Neave Simon en tu blog.
Neave Simon Widget, es otro de los muchos widgets de SpringWidgets.
Si te parece muy grande, cambia el height y widht en su código.
Ejemplo:

Leer el resto de esta entrada »