Entradas mas populares - Widget-

Bien este es un widget que sirve para mostrar tus entradas mas populares bansandose en la cantidad de comentarios que se encuentre en cada una de ellas y que por lo tanto determinan su orden

También podremos elegir la cantidad de entradas que queramos que aparescan en el widget

Bien primero lo que vamos a hacer es ir a diseño y agregamos un elemento HTML y pondremos el siguiente código:

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ol style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback& _id=e1f5a9b2248904d8b81f794c09353010&url=http%3A%2F%2Ftodoblogspot.blogspot.com&num=5" type="text/javascript"></script>

Bien aquí solo cambiamos el nombre de su blog y también si quieren modificar el numero de entradas que se muestran modificando donde dice: &num=5, por el numero que deseen

Leer Mas...

Calificacion en tu blog

Bien como pueden observar desde ahora debajo de cada post hay 5 estrellas que le dan un determinado valor al post en el que se encuentra, esto no solo sirve para calificar los post sino también para saber que es lo que mas le gusta o interesa a los usuarios habituales de tu blog

Para tener este widget es muy simple primero que nada debemos ir a outbrain rating

Una ves ahí elegimos la plataforma de nuestro blog, si queremos nos registramos pero no es nesesario. Luego elegimos el idioma y hacemos clik en "Get widgetnow" y listo estomáticamente nos nos habré una planilla del blogger donde elegimos y instalamos.

Espero que les sirva saludos

Leer Mas...

Cambiar texto "Entradas antiguas"

Bien si vemos nuestro blog notamos que por debajo de todo nos aparecen tres frases que nos enlacan a determinado lugares, "Entradas antiguas" que nos lleva a los post mas antiguos que tenemos, "Página principal" que nos dirige a la pagina que nos habre por defecto y "Entradas más recientes" que nos lleva a los ultmos post que hayamos publicado.

Lo que pasaremos ha modificar son esas frase por botones o por otra frase que nosotros quieramos, entonces nos dirigimos a la pestaña Diseño y vamos a "Edicion de HTML" expandimos artilugios y buscamos el siguiente codigo:

<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>
</div>
<div class='clear'/>
</b:includable>

En el caso de cambiarlo por botones sustituiremos ese codigo por el siguiente:

<b:includable id='nextprev'>
<div id='blog-pager'>
<b:if cond='data:newerPageUrl'>


<a expr:href='data:newerPageUrl' expr:title='data:newerPageTitle' id='blog-pager-newer-link'>
<img src='Direccion del boton entradas mas recientes'/></a>
</b:if><b:if cond='data:olderPageUrl'>
<a expr:href='data:olderPageUrl' expr:title='data:olderPageTitle' id='blog-pager-older-link'>
<img src='Direccion del boton entradas antiguas'/></a>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'>
<img src='Direccion del boton pagina principal'/></a>
</div>
<div class='clear'/>
</b:includable>

Aqui solo modificaremos donde dice "Direccion del boton..." por la direccion web de donde este alojado el boton, si es que no tienen aqui tienen unos ejemplos:

http://photos1.blogger.com/blogger2/3880/707811929476148/1600/left.gif (Entradas mas recientes)

http://photos1.blogger.com/blogger2/3880/707811929476148/1600/right.gif (Entradas antiguas)

http://photos1.blogger.com/blogger2/3880/707811929476148/1600/home.gif (Pagina principal)

Ahora en el caso de solo cambiar la frase sustituiremos el codigo por este otro:

<b:includable id='nextprev'>
<div id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<a expr:href='data:newerPageUrl' expr:title='data:newerPageTitle' id='blog-pager-newer-link'>Hacia las mas recientes</a>
</b:if> <b:if cond='data:olderPageUrl'>
<a expr:href='data:olderPageUrl' expr:title='data:olderPageTitle' id='blog-pager-older-link'>Hacia las mas antiguas</a>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'>Pagina de Inicio</a>
</div>
<div class='clear'/>
</b:includable>

Y listo espero que les sirva!!!

Leer Mas...

My Plugoo

My Plugoo es un servicio que nos permite comunicarnos vía MSN Messenger (también sirve Yahoo! Messenger, AIM, GoogleTalk, Jabber o ICQ) hasta tu propio blog en privado, y cuando nos hablen nos aparecerá una ventana normal en el Messenger.

Bien lo primero que tenemos que hacer es ir a la pagina de My Plugoo le damos click en Widget Plugoo y elegimos el Messenger que usamos a diario!
Rellenamos todos los datos que nos pide y al final nos dará un código HTML que lo vamos a pegar a nuestro blog, en la edición HTML si sabes un poco o sino añades un gadget HTML/Javascript.

Y listo ya tendrás tu Plugoo funcionando en tu blog!

Leer Mas...

Colores de fondo aleatorios

Lo que hacemos con este escript es que los colores de fondo de nuestro blog vallan cambiando de forma aleatoria entre una serie de colores que nosotros podemos personalizar

Bien lo primero que vamos a hacer es ir a la pestaña "Diseño" y vamos a "Edición de HTML" nos situamos por debajo del Body y agregamos lo siguiente:

var bgcolorlist=new Array(”#DFDFFF”, “#FFFFBF”, “#80FF80&#8243;, “#EAEAFF”, “#C9FFA8&#8243;, “#F7F7F7&#8243;, “#FFFFFF”, “#DDDD00&#8243;)

document.bgColor=bgcolorlist[Math.floor(Math.random()*bgcolorlist.length)]

Los valores de los colores los podemos cambiar a nuestro gusto y obviamente también agregar mas.

Leer Mas...

Botón para Imprimir

Bien si quieres poner un botón para que las personas quieran imprimir el texto es muy simple solo con un script ya esta listo.

Vamos a creación de entradas y en "edición de HTML" ponemos el siguiente código:

<a href="javascript:print()">Imprimir</a>

Y listo solo debes elegir donde ponerlo y si deseas cambiar el texto o poner una imagen solo cambia la parte de "imprimir" por la que desees.

Si quieres usar este script en todos los post lo que debes hacer es ir a conflagración y le das click en "formato" y pegas el código en la "plantilla de entrada" y listo!
Quedaria algo asi:

Imprimir

Leer Mas...