Trukitos Blogger | Trucos, HTML y más para Mejorar tu Blog

Nuevo Admin

2011-11-07T15:43:00.000-06:00

Soy el nuevo Admin de Trukitos Blogger, me llamo Oscar pero me conocen mas por TrabajosWeb. Hace un tiempo que venia leyendo Trukitos Blogger, hasta que un día me interese por ser Admin de la pagina. Llevo en esto de los Blogger, un tiempo, espero ir conociendo a los lectores y lectoras de esta excelente pagina y poder llevar una buena relación con todos.

Pues que les puedo decir me encanta muchísimo este mundillo de los blogger y espero poder durar mucho tiempo en esto dando lo mejor que pueda.

Gracias a AlexG por darme la oportunidad de poder ser admin de Trukitos Blogger, con el tiempo me irán conociendo.

Saludos y Dios les bendiga a todos.

Llegan las Vistas Dinamicas a Blogger

2011-10-01T15:20:00.000-05:00

Blogger presento oficialmente ya sus vistas Dinamicas.

¿Pero de que se trata?
Aunque no hay mucho que decir, los Blogs no resultan ser iguales, asi que Blogger trabajo duro para lograr esto, hacer que los blogs se vean mejor y cargen más rapido, hay 7 diseños para elegir, y todos dan buena impresion de los blogs, puesto a que representan diseños de muy buena calidad.

Los 7 diseños son

Classic (Gmail): Un giro moderno de una plantilla tradicional, con scrolling infinito e imágenes que cargan a medida que avanzas.
Flipcard (M loves M) - Tus fotos se despliegan a lo largo de la página y voltean para descubrir el título del post.
Magazine (Advanced Style) - Un diseño editorial limpio y elegante.
Mosaic (Crosby’s Kitchen) - Un mosaico de imágenes y texto de diferente tamaño.
Sidebar (Blogger Buzz Blog) - Una vista con forma de bandeja de entrada con una página de lectura para una navegación rápida.
Snapshot (Canelle et Vanille) - Un tablón interactivo de tus posts.
Timeslide (The Bleary-Eyed Father) - Una vista horizontal de tus posts a lo largo del tiempo.

Puedes colocarlo visitando Plantilla >> y Selecciona la vista que más te parezca, tambien aparece en el Diseñador de Plantillas de Blogger.

Si aún no te convence como se veria prueba aqui

Introduce el nombre de tu blog favorito de Blogger aquí para contemplarlo con vistas dinámicas.

.blogspot.com

Te recordamos que no se ve ningun gadget y al parecer no se puede editar la Edición HTML del sitio.

Iconos de Marcadores Sociales Rompecabezas

2011-06-29T14:37:00.000-05:00

Estos iconos se ven muy bien para colocar en forma de rompecabezas, ya que estan en formato PNG.
Ejemplo

AIM
bebo
blinklist
blogger
blogmarks
britekite
delicious
design float
designbump
designmoo
deviantart
Digg

Descargar Iconos

Los Condicionales de Blogger

2011-06-27T16:00:00.000-05:00

Ya hace mucho que hemos hablado de los Condicionales sobre todo en los Marcadores Sociales, y otras cosas.

Aquí la lista de donde poner los condicionales y que efecto producen.

MOSTRAR/EJECUTAR ALGÚN ELEMENTO SOLÓ EN LA PORTADA DEL BLOG

<b:if cond='data:blog.url == data:blog.homepageUrl'>
Aquí coloca el elemento o código que se ejecutara o mostrara.
</b:if>

MOSTRAR O EJECUTAR ALGÚN ELEMENTO SOLO EN LAS ENTRADAS INDIVIDUALES

<b:if cond='data:blog.pageType == "item"'>
Aquí coloca el elemento o código que se ejecutara o mostrara.
</b:if>

MOSTRAR O EJECUTAR ALGÚN ELEMENTO EN LAS PAGINAS DE ARCHIVO DEL BLOG

<b:if cond='data:blog.pageType == "archive"'>
Aquí coloca el elemento o código que se ejecutara o mostrara.
</b:if>

MOSTRAR O EJECUTAR ALGÚN ELEMENTO SOLO EN LAS PAGINAS ESTÁTICAS

<b:if cond='data:blog.pageType == "static_page"'>
Aquí coloca el elemento o código que se ejecutara o mostrara.
</b:if>

MOSTRAR O EJECUTAR ALGÚN ELEMENTO EN UNA PAGINA O ENTRADA ESPECIFICA

<b:if cond='data:blog.url == "AQUI LA URL DE LA ENTRADA O PAGINA"'>
Aquí coloca el elemento o código que se ejecutara o mostrara.
</b:if>

MOSTRAR O EJECUTAR ALGÚN ELEMENTO EN TODAS LAS PAGINAS MENOS EN LA PORTADA DEL BLOG

<b:if cond='data:blog.url != data:blog.homepageUrl'>
Aquí coloca el elemento o código que se ejecutara o mostrara.
</b:if>

MOSTRAR O EJECUTAR ALGÚN ELEMENTO EN TODAS LAS PAGINAS MENOS EN LAS ENTRADAS INDIVIDUALES

<b:if cond='data:blog.pageType != "item"'>
Aquí coloca el elemento o código que se ejecutara o mostrara.
</b:if>

MOSTRAR O EJECUTAR ALGÚN ELEMENTO EN TODAS LAS PAGINAS MENOS EN LAS DE LOS ARCHIVOS

<b:if cond='data:blog.pageType != "archive"'>
Aquí coloca el elemento o código que se ejecutara o mostrara.
</b:if>

MOSTRAR O EJECUTAR ALGÚN ELEMENTO EN TODAS LAS PAGINAS MENOS LAS PAGINAS ESTÁTICAS

<b:if cond='data:blog.pageType != "static_page"'>
Aquí coloca el elemento o código que se ejecutara o mostrara.
</b:if>

MOSTRAR O EJECUTAR ALGÚN ELEMENTO EN TODAS LAS PAGINAS MENOS EN ALGUNA ENTRADA ESPECIFICA O PAGINA O ETIQUETA

<b:if cond='data:blog.url != "URL de la entrada o etiqueta"'>
Aquí coloca el elemento o código que se ejecutara o mostrara.
</b:if>

Agregar caja de Twitter tipo Fan Box de Facebook

2011-06-27T15:47:00.001-05:00

Tal vez ya se percataron que muchos sitios agregan una peculiar caja parecida a la de Facebook, pero para sus seguidores de Twitter.

Es simple agregar esta caja a sus blogs, y puede que la utilicen debajo del Post o en un Widget HTML/Javascript donde desean usarlo.

<div class="textwidget">
<script type="text/javascript" src="http://s.moopz.com/fanbox_init.js"></script><div id="twitterfanbox">
<script type="text/javascript">fanbox_init("TUSUARIO");</script></div>
</div>

<style>
.FB_SERVER_IFRAME {
width: 290px !important;
height: 250px !important;
}
</style>

Deberán cambiar TUSUARIO por el Usuario que usan en Twitter solo el Usuario y sin el arroba @.

Desean cambiar el alto y ancho miren la ultima parte

width: 290px !important; --> Ancho
height: 250px !important; -> Alto

Agregar Botón Google Plus One +1 en Blogger

2011-06-14T20:57:00.000-05:00

¿Qué es el Botón Google +1?

Es un nuevo sistema implementado por Google, para hacer la experiencia de Búsqueda más grata, al darle click en el botón es como recomendar la Entrada en Facebook, pero ahora en el buscador, si conoces a alguien sabrás que le gusta y encontrar más rápido el contenido que estas buscando.

¿Por qué colocar el Botón Google +1?

Pues, es obvio Google busca cosas para que los usuarios sigan o conozcan preferencias, por eso es casi obligatorio implementarlo en tu blog o web.

Como implementar este botón.

1.- Si usas los botones para compartir de Blogger no te preocupes que lo agrego en Automático en caso de no poder verlo tendrás que agregar lo siguiente.
antes del cierre de </head<

<script src='http://apis.google.com/js/plusone.js' type='text/javascript'/>

2.- Si usas los botones de AddThis o quieres agregar también el botón de Me Gusta de Facebook, Twitter y más.

Recuerda que deberás agregar el código de arriba y a continuación agregar después de cualquier linea

<div class='post-footer-line post-footer-line-1'/>

<div class='post-footer-line post-footer-line-2'/>

<div class='post-footer-line post-footer-line-3'/>

Agregar esto

<div class='addthis_toolbox addthis_default_style'>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
<a class='addthis_button_tweet'/>
<a class='addthis_button_google_plusone'/>
<a class='addthis_counter addthis_pill_style'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4ccb231f64064998' type='text/javascript'/>

3.- Agregarlo de Manera convencional sin usar servicios o botones de Blogger.

<script src='http://apis.google.com/js/plusone.js' type='text/javascript'/>
<g:plusone expr:href='data:post.url' size='tall'/>

lo que dice "tall" puedes cambiarlo es el tamaño del botón
small - Pequeño
medium - Mediano
tall - Grande

Plantilla de Facebook 2.0 para Blogger

2011-06-08T21:58:00.000-05:00

DEMO | DESCARGAR

Menú superior con buscador y pestañas editables.
Menú de pestañas simulando la pestaña Muro, Información, etc.
Diseño similar a la versión anterior de facebook.
Tres columnas.
Genial diseño, optimizado para SEO.

Visto en | TodoBlogger.com

Cambia tu Favicon en Blogger

2011-06-08T21:39:00.000-05:00

Blogger anuncia en su blog oficial del Borrador, una nueva función que va a dejar a muchos sitios como este dedicados a toda clase de cosas como esas, ahora sera posible colocar tu favicon desde Blogger sin necesidad de implementar un código.

1.- Vamos a la versión de blogger en Borrador
2.- vamos a Diseño y veremos lo siguiente

3.- Le damos click en Editar y a continuación se abre una ventana que nos pide subir el archivo en formato (.ico), si no sabes como obtener este formato te sugerimos leer el siguiente post, ahí te decimos donde crear tu favicon.

Contador Lady Gaga Born This Way 5†23†11

2011-05-14T14:49:00.001-05:00

Tal vez has notado, si es que eres fanático de Lady Gaga que se acercan los días para el Álbum, el 3ro de Gaga BORN THIS WAY.

Trukitos Blogger planeaba colocarlo aquí, pero nos tomamos la molestia de colocarlo en Lady Gaga Rocks, este contador solo marca los días, más no horas, ni segundos.

Tiene una imagen de Lady Gaga Born This Way Deluxe Edition, que puedes cambiar y modificar a tu gusto.

La versión Original fue tomada de Ciudad Blogger y el contador del Mundial.

Solo debes pegar el Código en un HTML/JAVASCRIPT nuevo en Blogger y listo.

<center><table background="http://1.bp.blogspot.com/-n6tlaG6_yQQ/Tc2AtmJCIiI/AAAAAAAAErg/sP9yxMuM0P4/s1600/count_lady_gaga_rocks_blogspot_com_official_tag.png" border="0" width="200" height="100" cellpadding="0"><tbody>
<tr><td><div style="_margin-top:7px;*margin-top:7px;margin-left:120px;font-size:45px;font-family:impact;color:#FFF;"><script language="JavaScript">
TargetDate = "05/24/2011";
BackColor = "transparent";
ForeColor = "white";
CountActive = true;
CountStepper = -1;
LeadingZero = true;
DisplayFormat = "%%D%%";
FinishMessage = "Hoy";
</script>
<script language="JavaScript" src="http://scripts.hashemian.com/js/countdown.js"></script></div>
</td></tr>
</tbody></table></center>
<center><a href="http://ito.mx/O-mc">Contador</a></center>

Ya esta calculado para salir el 23 de Mayo, pero le hemos cambiado al 24 de Mayo, debido al uso horario que maneja el Autor.

Agregar enlaces a un menu de páginas estaticas

2011-04-09T23:12:00.001-05:00

Tal vez han implementado el Menú de Paginas Estáticas que podemos controlar si se publican automaticamente las nuevas paginas o no, el orden.

Pero muchos preguntan como agregar otros enlaces como a Twitter o Facebook del Blog, es muy sencillo y no te llevara mucho tiempo.

1.- Vamos a Diseño >> Edición HTML y con los artilugios expandidos.

Buscamos el Menú que tendrá más o menos así

<b:widget id='PageList1' locked='true' title='Pages' type='PageList'>

Entonces vamos más abajo y buscamos

<b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>
<<--- AQUÍ AGREGAMOS LOS LINKS NUEVOS ELIMINA ESTA PARTE --->>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Basta con agregar el URL en código de Link en <<--AQUÍ...

<li><a href="url del link">Texto</a></li>

Se viene algo nuevo en Blogger

2011-03-15T13:20:00.001-06:00

Hace poco pudimos apreciar en Blogger Buzz La próxima cara de blogger que estará llena de sorpresas, y pues sigue un poco al diseño de WordPress, pero finalmente ya nos hace falta este cambio.

Lo primero que veremos sera el cambio de un nuevo y limpio escritorio, más rápido y más expreso y fácil de usar.

al nuevo escritorio

Otros cambios son los del publicador, el que todo bloggero usa para publicar en sus blogs

al nuevo

Sera mejor o peor, como vendrá

Aunque soy un firme creedor que blogger trabaja arduamente para mejorar, también lo hace para empeorar, las nuevas plantillas cambiaron la forma, pues podemos agregar otro tipo de letra, mientras que nosotros con plantillas hechas tenemos que agregar códigos y css para poder agregar cosas a la plantilla, blogger lo simplifico, esto nos dio ideas para mejorar cada cosa.

y A que viene todo esto

A que blogger cumple 50 lenguajes, así es, es posible leer, hablar y postear en 50 lenguajes, que hacen que estos blogs existan en China, Francia, Portugal, Italia, México, Canadá, Suiza, Japón, entre otros lugares.

Servicios para acortar URLs

2011-03-14T19:44:00.000-06:00

Los servicios para acortar URLS se han hecho muy populares, sirven principalmente para Twitter debido a su limitación de caracteres, algunos otros sirven para sistema de estadísticas cada vez que le hagan click lo sabremos, pero todas enlazan siempre a links enormes.

Nuestro Link enorme

http://trukitosblogger.blogspot.com/search/label/Trucos%20Facebook

Este es nuestro link corto

http://ito.mx/Nx1m

De 70 caracteres pasamos a 18 caracteres esto hace que ahorremos espacio en las publicaciones en twitter.

Pero algunos servicios son buenos otros no tanto a continuación una lista de los acortadores más famosos o populares.

Bit.ly: El acortador por excelencia y el más popular, algunos creen que fue el primero que existió, muchos servicios que enlazan nuestros post a Twitter tienen bit.ly, es muy bueno por que podemos costumizar el resultado de bit.ly/34dsas a bit.ly/trucosparatodos de este modo permite que podamos hacer de bit ly lo mejor, tiene una API increíble que podemos agregarlo a nuestros post en Blogger

is.gd: Este servicio es un tanto más corto que el primero es también muy usado en herramientas como Tweetdeck, twitterfeed entre otros, también tiene una API muy buena y es 100% recomendable.

Aquí otros servicios que me permito colocar

Ito.mx

tr.im

xurl.cl

ow.ly

tinyurl

yep.it

Como bajar videos de facebook

2011-03-05T22:00:00.000-06:00

Este truco es bastante fácil, se trata de usar URLS para bajar el vídeo.

Primero es copiar la URL del video Original a descargar en Facebook

http://www.facebook.com/video/video.php?v=6545454002

ahora debemos agregar a la URL lo siguiente lo que esta en AZUL

http://www.bajarfacebook.com/video/video.php?v=6545454002

Posteriormente el vídeo se descargara y aparecerá un código si deseas insertarlo en tu web

Nuevo Diseño para Paginas de Facebook lo puedes activar

2011-02-19T16:48:00.002-06:00

Haz click para ver en grande

Tal vez te has dado cuenta de que algunas paginas tienen distinto diseño, Trukitos acaba de cambiarse al nuevo diseño.

Que podremos ver de nuevo con este diseño nuevo:

La Posibilidad de ver la pagina como la ven todos y como la ves tu.
Un nuevo panel mejorado.
Un panel para mostrar las ultimas imagenes que has subido, no muestra las de la imagen que se muestra de la Pagina.
Podrás ver las Paginas que te gustan como si vieras el Perfil de alguien más, si en tu pagina tienen Paginas Favoritas las veras pero con Me Gusta.
La carga es más rápida.

Pero puedes actualizar la pagina manualmente o esperar hasta el 10 de Marzo para que se actualicen automaticamente.

Quieres hacerlo Manualmente entra a la siguiente URL.

http://www.facebook.com/pages/status/

Te mostrara todas las paginas que tienes, No podrás regresar al Diseño anterior.

Nos deja Rosa Torre del Escaparate y deja gran Legado para los Bloggeros

2011-02-17T23:30:00.000-06:00

Hoy por la tarde mientras leia Oloblogger me dejo impactado con las siguientes palabras.

Pero a estas alturas, todavía deseando que esto no sea así y que en un rato tenga que hacer un gran desmentido, la noticia es que otros blogueros en contacto habitual con la editora de El Escaparate, han informado de que Rosa Torre ha fallecido.

Recuerdo aquella vez que tuve la oportunidad de platicar con ella en el Chat de DejotasRadio, le pregunte algunas cosas, que aun recuerdo bien.

¿Fue difícil aprender tanto de Blogger?
Me respondió= Claro la verdad que empecé como una desconocida en el Mundo de los Blogs y fui entendiéndole demasiado bien, fue así que el escaparate se lleno de ideas
¿Es raro que sepan que pasas frente a la PC tanto tiempo?
La verdad que es mi pasión, y la de otros estar haciendo o innovando ayudando a otros por que esas mi labor ayudarlos, sin cobrar un solo peso.

La verdad que la noticia me impacto demasiado.

JMiur coloco esto en Vagabundia.

A veces, las palabras no son suficientes
a veces, son innecesarias
a veces, simplemente no las encontramos

Tampoco importan mucho
porque quien deja su huella
jamás termina de irse.

También recuerdo aquella vez que amenazo a mi Amigo Diego quien antes se hacia cargo de este blog, que pusiera créditos a su web, también le dije que fuera paciente con Diego es bueno copiando y esta aprendido, cuando decidí tomar el control del blog.

Rest In Peace Rosa

y tu.. Sabes cuanto pasas en Facebook Runner

2011-02-16T20:07:00.001-06:00

Facebook Runner

Las personas hoy en día suelen pasar horas frente a la computadora, y tambien pasamos largas horas en Facebook, hay veces que no hacemos nada, nos pasamos viendo las fotos de los Amigos, comentamos cosas muy pasadas o estamos chateando, algunos otros tienen paginas en Facebook y las administran.

Ya hay alguien que se le ocurrio hacer algo para medir el tiempo que las personas pasan en Facebook.

Ojo solo sirve para Mozilla Firefox, Opera, Google Chrome.

Entrada o Post al azar en blogger random post

2011-02-08T23:11:00.000-06:00

El Script para post al azar en blogger, sirve de mucho, las razones son variadas, la más importante es que ayuda al lector confundido a ir a algun post para leer nuestros blogs.

Para agregar este script es sencillo y solo nos llevara un par de minutos o menos.
1.- Vamos a Diseño >> Edición HTML >> sin expandir artilugios
2.- Buscamos

</head>

3.- Antes de esa etiqueta colocamos lo siguiente

<script type='text/javascript'>
//<![CDATA[
var _yourBlogUrl = "http://nombredetublogaqui.blogspot.com";

function randomPost() {
var script = document.createElement("script");
script.setAttribute("type", "text/javascript");
var theUrl = _yourBlogUrl +"/feeds/posts/summary?alt=json-in-script&callback=getTotalPostsCallback&start-index=1&max-results=1";
script.setAttribute("src", theUrl);
document.documentElement.firstChild.appendChild(script);
};
function getTotalPostsCallback(json) {
var totalResults = json.feed.openSearch$totalResults.$t;
if (totalResults > 0) {
getRandomPostNumber(totalResults);
}
};
function getRandomPostNumber(totalResults) {
var randomNumber = Math.floor((Math.random() * totalResults) + 1);
getRandomUrl(randomNumber);
};
function getRandomUrl(randomNumber) {
var script = document.createElement("script");
script.setAttribute("type", "text/javascript");
var theUrl = _yourBlogUrl +"/feeds/posts/summary?alt=json-in-script&callback=getTheUrlCallback&start-index=" + randomNumber + "&max-results=1";
script.setAttribute("src", theUrl);
document.documentElement.firstChild.appendChild(script);
};
function getTheUrlCallback(json) {
var theUrl;
for(var i = 0; i < json.feed.entry[0].link.length; i++) {
if (json.feed.entry[0].link[i].rel == "alternate") {
theUrl = json.feed.entry[0].link[i].href;
break;
}
}
if(theUrl) {
window.location.href = theUrl;
}
}
//]]>
</script>

4.- Cambiamos lo que esta en Azul por el nombre de nuestro blog
5.- Donde quieramos que aparezca el truco agregamos

<a href="javascript:randomPost();">Ver un post al azar</a>

6.- Cambia lo que esta en azul por tu texto, inclusive podemos agregar una imagen.

Si quieres agregar la imagen solo agregalo donde esta lo de color azul del paso 5

<img src="url_de_la_imagen"/>

Remplazando donde dice url de la imagen por la URL de tu imagen y listo.

Una plantilla para tu Galeria "Simplex Gallery"

2011-02-08T12:36:00.001-06:00

DEMO | DESCARGA

Para poder incluir alguna imagen a esta plantilla

1.- Creamos una nueva entrada

2.- Colocamos este código en la Edición HTML

<img src="your image url" title="title of your image - required" />

Lo que esta en Azul ahí pondremos la URL de la imagen la podemos subir a Blogspot o a otros servidores.

Lo que esta en verde es el titulo que se mostrara en cada imagen

y Listo tienes una galería muy linda-

Mi Blog tarda mucho en cargar ¿Por qué?

2011-02-06T15:21:00.000-06:00

A pesar de que Trukitos Blogger tiene un sin fin de scripts e imagenes siempre ha estado al margen y nunca se tarda demasiado, comprobado, inclusive en iPad, iPhone, iPod Touch.

Tu sitio puede tardar demasiado en cargar por varias cosas, puede tratarse del uso incontrolable del uso de complementos al blog, que el sitio tiene demasiadas imagenes, que la plantilla tarda mucho por el exceso de scripts.

Lo que puede hacer que tarde tu blog es lo siguiente.

Te tomas muy enserio eso de ponerle imagenes a cada entrada que le colocas más de 10 imagenes, si te excedes, puede ser este el problema principal de la tardanza en cargar.
Si usas muchos codigos de scripts, o librerías como JQuery es posible que por eso tarde tanto, no uses los scripts sin chiste, usalos solo cuando sea muy necesario, y jamas los subas al mismo host, por que también hace lenta la carga.
Es posible que tu blog también se haga lento por el numero de entradas mostradas en la pagina principal del Blog, disminuyelas.
La plantilla de tu blog tienen cientas de imagenes: también es un factor que alentiza la carga, trata de elegir plantillas que sean probadas por ti antes, así sabrás cuales se tardan más que otras y elige la que más te convenga.
Imagenes demasiado grandes hacen que pese más el blog, por eso trata de usar imagenes no demasiado grandes, puedes optimizar las imagenes con editores online como Picnik.

También puede tratarse de nuestros browsers, pero podemos checar si tardan demasiado con la herramienta de abajo.

Se llama Pingdom Tools y nos permite ver cuando tarda el blog y cuanto tarda cada elemento de nuestros blogs.

Enlace

Plantilla Twilight - Crepusculo perfecta para tu blog de fans

2011-02-01T14:05:00.000-06:00

DEMO | DESCARGA

Caracteristicas

2 columnas de ancho fijo
Menú superior que muestra automáticamente tus páginas
Probada en las últimas versiones de IE, Chrome y Firefox
Imagen superior customizable

Gadget de Entradas más comentadas

2011-01-29T14:34:00.000-06:00

Hace bastante que anda rondando un gadget asi, y me lo habían pedido, y también se los traigo, es muy simple en colocar en el blog tan solo 3 pasos y ya.

1.- Vamos a Diseño, después elementos de la pagina, añadimos un gadget HTML/Javascript
2.- Colocamos este código

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ol>');
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%2Fejemplodetublog.blogspot.com&num=5" type="text/javascript"></script>

3.- Cambiemos algo, lo que esta en Azul, deberás cambiarlo, lo primero por la URL de tu blog, y lo 2do son el numero de Post que aparecerán por default 5

Visto en | Ciudad Blogger

Top Comentaristas para mi blog (I) - Nube

2011-01-26T23:50:00.000-06:00

Top Comentaristas en los últimos años en los Blogs ha representado un Gadget de alta importancia.

No solo por los comentaristas, si no por destacar que nuestro sitio se llena fácil o rápido de comentarios.

Hay 2 formas la primera es la forma más nueva que se trata en forma de Nube, como si fueran las etiquetas.

Se ve muy bien si te gustan los gadgets.

1.- Ve a Diseño
2.- Agrega un Gadget de HTML/Javascript
3.- Agrega ahí el siguiente código

<!-- Top Commentators Cloud Start
(c) 2010 Blogger Sentral. Original code by http://bloggersentral.blogspot.com/. Do not remove this credit and the Make your own link at the bottom of the code.-->
<div style="text-align:justify;line-height:1.2;">
<script type="text/javascript">
function cCloud(feed) {
max = 0;
min = 10000;
//finding highest and lowest count
for (i=0;i<feed.count;i++)
{
ccCount = feed.value.items[i].commentcount * 1;
if (ccCount > max)
{
max = ccCount;
}
if (ccCount < min)
{
min = ccCount;
}
}
ccCountD = "";
display = "";
for (j=0;j<feed.count;j++)
{
ccdiff = feed.value.items[j].commentcount - min;
ccFontsize = 80 + (ccdiff * 100) / (max - min) + "%";
ccUrl = "'" + feed.value.items[j].authorurl + "'";
ccCountD = "(" + feed.value.items[j].commentcount + ")";//comment count
ccName = feed.value.items[j].title + ccCountD;
ccLName = "<a style='text-decoration:none;font-size:" + ccFontsize + "' href=" + ccUrl + " target='_blank'>" + ccName + " </a>";//clickable commentator name
display = display + ccLName;
}
document.write(display);
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://tublogaqui.blogspot.com
&Exclusions=Anonymous,TuNombreAqui
&ShowHowMany=20
&Order=alphabet
&_callback=cCloud
&_id=cfa196644e1d6159c9183548c4b5e2f5
&_render=json"
type="text/javascript"></script>
<!-- Top Commentators Cloud End --></div>

4.- Guarda el Gadget
5.- Haremos unos cambios para que se adapte a nuestros blogs

Lo que esta en Rojo representa la URL de tu blog
Lo que esta en Azul representa los nombres que se van a excluir como el tuyo
Lo que esta en Café representa el Numero de nombres que aparecerán
Lo que esta en Morado representa el Orden, dejalo así, si quieres que aparezcan en Orden Alfabético

6.- Guardamos cambios y veremos el resultado

Si no te convence la imagen de arriba puedes verlo funcionar online aqui

Visto en Gem@ Blog

Gadget que solo se vea en la Portada del Blog

2011-01-25T15:36:00.000-06:00

Gracias a la Ayuda de los ya Famosos Condicionales de Blogger es posible hacer esto, esto sirve para mostrar cosas solo en la pagina principal y no en las paginas individuales

1.-Primero nos dirigimos a Edición HTML y con los Artilugios Expandidos
2.-Ya con los Artilugios Expandidos buscamos el Gadget, en este Ejemplo buscamos uno de HTML 2
3.- Colocamos lo que esta en Rojo

<b:widget id='HTML2' locked='false' title='Banners' type='Text'>
<b:includable id='main'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

4.- Guardamos los cambios y veremos como quedo

Trukitos Blogger de Regreso

2011-01-21T20:01:00.000-06:00

Después de que si o que no, estoy de regreso con el blog, te platico que paso, lo cerré por un tiempo, pero no te preocupes, esta de regreso, y pienso seguir bien ya.

Me gusta mucho el diseño del Logo, por eso decidí, cuando lo cerré, borre accidentalmente la Pagina de Facebook que tenia, así que dale en Me Gusta en la Barra y vuelvenos a seguir.

Espero estar al 100 con este blog, actualizarlo más seguido y ponerle atención necesaria.

Espero tu apoyo y Gracias

Versión Movil de tu Blog

2010-11-21T23:19:00.000-06:00

Aunque he oído de algunos otros servicios, es necesario enviar un mensaje, y esto puede ser tedioso para tus lectores.
Me encontré en Internet una pagina que nos ayuda con esto de los Móvil, redirige a tus lectores a la edición Móvil si te visitan desde sus SmartPhones o Celulares.

Se trata de Onbile, que en 3 sencillos pasos nos ayuda a crear la versión Móvil, sin que tus lectores envíen su numero para que les envíen una URL, es el caso del Servicio, tedioso el de Mofuse.

Tan solo crear la versión es fácil.

Ir a Onbile.com
Crear una cuenta
Elegir el diseño de tu versión móvil
Colocar un Código a tu blog
Y listo, es tan sencillo que sera tan rápido.

Prueba Ahora Onbile | Enlace