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 »

Muestra tu posicionamiento: Popuri

Popuri, es un sistema de estadísticas, que permite mostrar a todos los visitantes de nuestro blog, los datos estadísticos del mismo: Google Pagerank, Alexa, Yahoo backlinks y Technorati.

Su funcionamiento es muy sencillo, solo hay que ir a la página de Popuri, introducir la dirección de nuestro blog, y después hacer click en Get Info para validarla.
Se puede elegir entre uno de estos dos modelos:

Enlace | Popuri

Leer el resto de esta entrada »

Pon la navidad en tu blog: Christmas tree widget.

Como ya se está acercando la navidad, os dejo este widget que me encontré en SpringWidgets:

Christmas Tree Widget, es un widget de un árbol de navidad, que tiene un contador de los días que faltan para dicha fecha, donde le puedes cambiar todo tipo de adornos.

Ejemplo:

Enlace | Chritsmas Tree

Leer el resto de esta entrada »

Mostrar Posicionamiento de tu blog: My Ustats

My Ustats, es un sistema de estadísticas, que permite mostrar a todos los visitantes de nuestro blog, los datos estadísticos del mismo.

Su funcionamiento es muy sencillo, solo hay que ir a la página de My Ustats, introducir la dirección de nuestro blog, y hacer click en Get Widget Code, y no da un código, que es el que tenemos que copiar y pegar en nuestro blog, donde queremos que nos muestre nuestras estadísticas..

Se actualiza semanalmente, y la primera vez tarda un poco en mostrar los resultados.

Ejemplo:

Leer el resto de esta entrada »

Mostrar localización con Google Maps.

Si por algún motivo necesitamos dar una localización, utilizamos Google Maps siguiendo los siguientes pasos:

- Nos vamos a la página de Google Maps y introducimos el lugar a buscar.
- Una vez encontrada, hacemos click en la opción Enlazar, que está en la parte superior derecha.
- Por ultimo, copiamos y pegamos en nuestro blog, el código html que nos da.

Ejemplo:

Leer el resto de esta entrada »

Iconos dibujados a mano

Este es un conjunto de iconos libres, dibujados a mano alzada. Es un pack de 14 iconos gráficos adaptados específicamente para bloggers.

Incluye gráficos de los medios de comunicación social para Delicioso, Diseño de flotación, Digg, Facebook, StumbleUpon, Technorati y Twitter, así como los iconos utilizados comúnmente como RSS, Home, Comentarios, Contacto y Wordpress.

Enlac | blog.spoongraphics.co.uk

Leer el resto de esta entrada »

Un buscador divertido: RedZee

RedZee es el buscador que inspiró Apple. La idea es bastante sencilla, buscar de una manera gráfica teniendo una cebra roja como mascota.

Los resultados los presenta como si fueran carátulas del iTunes, lo hace en forma de pequeñas pantallas dinámicas que se mueven una vez que manteniendo el botón del ratón apretado las desplazamos hacia la derecha o la izquierda indistintamente.

Pruebalo, es simpático.

Enlace|RedZee

Leer el resto de esta entrada »

PC Magazine: Cierra en papel.

Una de las revistas de informática mas veteranas PC Magazine, ha anunciado que a partir del próximo número de enero de 2009, da por finalizada su edición en papel.

PC Magazine que comenzó su actividad en 1982, cesa sus actividades.

Su editor, el grupo Ziff Davis Media; a comunicado que dados los bajos ingresos publicitarios, finalmente se ha declarado en bancarrota.

Mantendrá la versión digital.

Leer el resto de esta entrada »

Utiliza el teclado de cada pais: Gate2Home

Gate2Home es una página en la que podemos usar un teclado virtual, que puede facilitarnos el trabajo si necesitamos escribir caracteres que no están disponibles desde el teclado que utilizamos, por ejemplo si estamos en Inglaterra y queremos escribir la Ñ.
Su uso es tan sencillo como seleccionar el idioma desde la página principal, y escribir el texto que necesitemos en su editor. Por último sólo queda copiar/cortar y pegar, con lo que conseguiremos introducir el texto de una forma mucho más fácil.
Este por ejemplo seria el teclado japones:

Leer el resto de esta entrada »

Coloca anuncios Google entre tus entradas.

Blogger nos permite colocar anuncios entre nuestras entradas, y estos son los pasos a seguir para realizarlo:

- Accede a tu cuenta de Blogger.

- Selecciona la pestaña "Plantilla", y dentro de ella haz clic en "Elementos de página".

- Haz clic en el enlace "Editar" en la sección "Entradas del blog".

- Selecciona la casilla "Show Ads Between Posts" (por el momento está en inglés, pero significa mostrar anuncios entre las entradas). Una vez que seleccionas esta casilla, verás que se activan varias opciones como la frecuencia en la que quieres que aparezcan los anuncios.

- Personaliza tus anuncios y haz clic en "Guardar cambios".

Leer el resto de esta entrada »

Caracteres especiales online

CopyPasteCharacter es una página de donde podemos copiar todo tipo de caracteres no tradicionales, para después pegarlos en en cualquier texto.

Su funcionamiento es muy sencillo, solo tenemos que hacer clic en el carácter que queremos copiar, y después solo hay que pegarlo donde queremos.

Si pulsamos la tecla ALT, podremos seleccionar varios caracteres a la vez, para después pegarlos y no tener que hacerlo de uno en uno.

También podemos elegir en la parte derecha de arriba, la opción AS Html, y así nos copia el código Html del carácter, en vez del propio carácter.

Enlace | CopyPasteCharacter

Leer el resto de esta entrada »

Crea tu badge: Freshbadge

Fresh Badge es una herramienta que nos permite generar badges online, y de manera gratuita.

Su funcionamiento es muy sencillo, solo tendremos que elegir uno de los cuatro diseños de badges, y luego personalizarlo con tipografias, colores sombras, efectos, etc. Y por último hacer click en Update/Create Badge Now, que nos generará el badge que después podremos descargar en formato JPG O GIF.
Ejemplo:


Enlace | Freshbadge

Leer el resto de esta entrada »