Mostrando entradas con la etiqueta blogger. Mostrar todas las entradas
Mostrando entradas con la etiqueta blogger. Mostrar todas las entradas

lunes, 12 de abril de 2010

Permite que tus colaboradores suban archivos a WordPress


Si haces uso del perfil de “colaborador” en WordPress es posible que te encuentres con un problema, estos editores no pueden subir archivos al CMS y por lo tanto no puede insertar imágenes en los artículos. Esto se puede solucionar de varias formas, la primera y la más obvia es instalar un plugin para el caso.

Pero si no crees necesario instalar un plugin solo para esto, tienes la opción de insertar el siguiente trozo de código. Como siempre, estas líneas debes incluirlas en tu fichero functions.php.

Fuente

Read rest of entry

lunes, 5 de abril de 2010

40 consejos y trucos para Wordpress


Esto tiene ya unos días, pero leo un artículo de Carlos Leopoldo en el que nos muestra 40 consejos y trucos de Wordpress. Una traducción del artículo de Hongkiat en el que nos muestra una buena lista de tutoriales con trucos y consejos para mejorar nuestro Wordpress:

  1. Muestra las categorías en modo drop-down
  2. Añade gravatar del autor a los posts
  3. Personaliza la página de entrada al blog
  4. Añade información de autor en cada post
  5. Muestra los posts más recientes de una categoría específica
  6. Resalta los comentarios de los autores
  7. Crea miniaturas para los posts del blog
  8. Crea y muestra imagenes por categoría
  9. Dale formato a las imagenes para los lectores de feeds
  10. Crea fechas elegantes ( Pon un calendario a tu Wordpress)
  11. Esconde la publicidad en los posts
  12. Crea un post “sticky” dinámico
  13. Personaliza la página 404.php (mensajes de error)
  14. Proteje tus modificaciones CSS en cualquier Theme de Wordpress
  15. Haz tu blog resistente al Digg Effect
  16. Usando los perfiles de usuario de Wordpress
  17. 4 formas de mejorar la velocidad de tu Wordpress
  18. Crea una versión móvil de tu Wordpress ( Versión independiente)
  19. Abre los enlaces en una nueva página por defecto
  20. Convierte tu Blog en un CMS
  21. Limita el tamaño de tus miniaturas
  22. Postea directamente en Del.icio.us
  23. Crea un efecto de apertura de hoja
  24. Separa comentarios de los Trackbacks/ Pingbakcs ( En castellano)
  25. Utiliza Writely para escribir en tu Blog
  26. Añade Adsense en el primer post del blog.
  27. Crea multiples posts para diferentes categorías
  28. Usando los “Custom Fields” del panel de escritura
  29. Crea un indice de tu histórico
  30. Minimiza tu historial
  31. Pon un login en tu sidebar( o donde quieras)
  32. Protejete del hotlinking
  33. Convierte tu página estática a Wordpress
  34. Monta tu propio Techmeme
  35. Personaliza tu pantalla de Login (o simplemente dale color)
  36. Pon tu mejor contenido
  37. Muestra los mensajes de twitter en tu blog
  38. Muestra información sobre tu publicidad
  39. Muestra tu estado en Facebook
  40. Texto del post y contador de imagenes
  41. Pon contenido solo en tus Feeds (y añade tu favicon)
Fuente
Read rest of entry

lunes, 15 de marzo de 2010

10 trucos para blogs: Conseguir más visitas.

A todos nos cuesta aumentar el tráfico de visitas de nuestro blog, página web o fotolog, y, sobretodo para los que están comenzando, es totalmente imprescindible para comenzar a dar a conocer nuestro blog.

Ya existen multitud de manuales para aumentar el tráfico de nuestra página, sin embargo, en la mayoría existen puntos con los que no estoy de acuerdo, o consideraciones que pasan inadvertidas o se obvian por completo. Con este manual quiero mostrar al público 10 consejos para mejorar nuestro blog desde mi punto de vista.

La mayoría de los blogs con un buen tráfico de visitas (a veces ni eso, simplemente indexados en Google), obtienen una gráfica similar a la siguiente:

tarta  visitas blog buscador

La porción grande representa los accesos diarios desde un buscador: Google (más de un 85%) y del restante 15% aproximado, sólo un 5% de accesos a la página principal directamente. Esto nos muestra la importancia de «caerle» bien a un buscador.

Teniendo esto en cuenta, ahora lo que necesitamos es fortalecer esa «simpatía» con el buscador para conseguir que nos indexe en los puestos más altos de cualquier keyword (palabra clave buscada) y por lo tanto recibir más visitas. Con estos consejos intentaremos «fidelizar» a los usuarios que lleguen, que se sientan a gusto en nuestra página y deseen volver o visitarla a menudo.

Publica entradas frecuentemente


Cuantos más artículos publiques, más contenido tendrá tu blog, y cuanto más contenido, un campo más amplio de posibilidades de que lleguen más visitas... Pero ¡Ojo! No se trata de cualquier tipo de contenido, hay que intentar mejorar el blog generando contenido de calidad (no dupliques entradas, no copies artículos, genera artículos propios, etc...).

Cada vez que actualices puedes realizar pings en multitud de servicios de ping para blogs como pingoat o ping-o-matic. ¡Usalos sólo cuando actualices!

Optimiza tu fichero robots.txt


El fichero robots.txt existe en el raíz de todo buen blog. Muchos de los robots buscadores de la red, visitan este fichero para saber que páginas del sitio se le permiten indexar y cuales no. En algunos casos comentan que sólo optimizando el fichero robots.txt [en] han conseguido aumentar el tráfico en más de un 1400%.

Controla con estadísticas


Si hay un apartado que todo blogger suele controlar es este. Ten al menos un servicio de estadísticas para controlar cuantos usuarios llegan a tu blog, porque palabras clave (útil para saber si estás usando buenos títulos de post si encajan con el contenido de tu blog), con que navegadores, etc... Mis preferidos (y gratuitos) son StatCounter y Google Analytics.

stats  blogs

Además, si tienes Google Analytics puedes aplicar un pequeño truco para controlar el número de clics en banners de Adsense por día, semana... o incluso desde que páginas.

Posicionamiento/SEO


Quizás uno de los apartados más complejos, a los que menos se le hace caso y sin duda de los más importantes. Google (y otros buscadores) tienen una serie de «normas» para clasificar las páginas en orden de importancia, cuanto mejor las sigas, mejores resultados obtendrán a la hora de posicionarte en Google.

google  simpsons

Ahí van las más conocidas:

  • Utiliza encabezados: A google le encanta que utilices encabezados h1, h2, h3, ... en el código HTML de tu página para remarcar títulos y zonas importantes.
  • Títulos de página con guión: Intenta cambiar los títulos de tus páginas a cosas como page.com/art/google. Las páginas con títulos page.com/?id=20&titulo=google no le gustan y no las sigue.
  • Metatags: Utiliza con responsabilidad los metatags. Aunque muchos opinan que no deben usarse, yo creo que los buscadores los tienen muy en cuenta.
  • Negritas: Anecdóticamente, el tag HTML b (negrita, en desuso por el W3C) es mucho más potente que el tag strong.
  • Título de la página: Google le da muchísima importancia al título de la página. Elige bien las palabras a incluir en él. Aún veo páginas que tienen de título cosas como Untitled document o Página sin título.
  • Otros trucos de posicionamiento...

Evitar técnicas de spam


Algo a lo que Google le da muchísima importancia es a la popularidad. Conseguir muchos enlaces en otras páginas hacen que Google te suba en su «ranking» de posiciones. Esto, por una parte es un buen sistema de evaluación, pero por otra parte es una característica muy tentadora para todo spammer, que navega de página en página dejando enlaces a su propia web.

Mi consejo es evitar en lo máximo posible realizar spam de este tipo. Deja comentarios en blogs (pero inteligentemente y cuando tengas algo que aportar, no lo hagas porque sí para dejar un enlace), establece firmas en foros o grupos de noticias a tu blog (pero de forma decente, nada de ampliar el tamaño del texto o ponerle colores chillones o imagen en grande para que se vea), trackbacks (sólo cuando sea necesario y objetivo), etc...

Yo, por ejemplo, odio el intercambio de links. Sin embargo, Google le da importancia si la temática es similar. Mi consejo es utilizar el intercambio de links sólo y exclusivamente cuando la web a la que enlazas te guste e interese y no cuando otras personas te propongan un intercambio. Así favorecemos realmente el contenido de calidad y no promovemos el spam.

Otro factor bastante importante según algunas encuestas es la reputación del autor. Evidentemente, si eres un spammer que va por muchas páginas dejando enlaces de spam, no tardarás mucho en perder credibilidad.

Establece feeds RSS


Los feed RSS son un invento muy novedoso e interesante. Se trata de un fichero con la información de los últimos artículos publicados en la web. Así cualquiera puede obtener ese fichero a través de un gestor y de todos los RSS de webs que posea, ver cuales se han actualizado de una vez, sin tener que entrar a cada web independientemente.

Como autor de blog, debes buscar la forma de proveer un sistema de RSS (Atom u otro) para que los lectores puedan recibir las actualizaciones del sitio cómodamente. Esto aumentará tu número de visitas casi seguro. Si eres usuario de Blogger asegurate de marcar la opción para activar este tipo de ficheros.

Servicios interesantes relacionados con el tema pueden ser FeedBurner o FeedBlitz. Desde gestores de feeds RSS como Bloglines o Google Reader puedes ver el número de suscriptores que tiene tu blog.

Sitemaps: Mapas de sitio


Si estas empezando, puede ser bastante lento (¡y desesperante!) esperar a que el robot de Google pase por tu sitio para indexarlo, ya que el bot de Google tiene que "encontrar" un enlace a tu blog en otra página y entonces pase a revisarlo. Sin embargo, existe una forma relativamente sencilla de indicarle a Google todas las páginas de tu sitio y acelerar el sistema de una forma muy rápida.

Se trata de generar un mapa del sitio (en formato RSS, citado en el punto anterior) para que Google acceda a ese fichero y vea los enlaces que existen, los indexe y si cambian vuelva a indexarlo. Para ello hay que generar una lista con todos los artículos y secciones de la página, con su fecha de última actualización (junto a otros parámetros opcionales).

mapa  sitio diagrama

En Google Webmasters puedes realizar varias acciones relacionadas: Herramientas de sitemaps para Google, Enviar página web a Google e incluso un foro de discusión de Google entre otras cosas.

La generación del sitemap es muy sencilla, pero si no quieres complicarte la vida, puedes obtener un programa gratuito como VIGOS Gsitemap, que genera el fichero automáticamente. Para otros buscadores como Yahoo! también existe un sistema de sitemaps.

Contenido de calidad


Como mencioné anteriormente, el contenido de un blog es un algo muy importante. Un contenido de calidad no sólo atraerá a gente interesada por los artículos escritos, sino que además las visitas aumentarán y los buscadores también se interesarán por tu sitio. Siempre es bueno escribir sobre una temática que se domine, aunque no tiene porque ser imprescindible.

Algo que sí es imprescindible, es realizar una correcta redacción. Los lectores de una página web se interesan muchísimo (y les atrae bastante) la forma de escribir de su autor. Fallos de ortografía o gramática son imperdonables. Para evitarlo, existe un complemento magnífico para el navegador Firefox: diccionarios ortográficos. Ellos te remarcarán las palabras mal escritas, como cuando editamos un documento de Microsoft Word.

Facilidad de acceso y optimización


Punto muy importante. Muchas de las páginas que visito (atención sobre todo usuarios de espacios de MSN o Blogger) contienen una barbaridad de contenido en su página principal (probablemente debido a la inexperiencia de los autores).

Una página principal (así también como cualquier artículo concreto) no debe exceder de un determinado peso total en conjunto de todos sus ficheros (texto, imagenes, contenido multimedia, etc...).

Por ejemplo, algunos espacios de MSN visualizan de una vez las últimas 9 entradas. Cada entrada tiene 4 o 5 imagenes que ocupan unos 50kb cada una. En principio esto no supondría ningún problema, pero (50 * 4) * 9 = 1.800. ¡Casi 2 megas de página! Imaginaos si el pobre usuario que quiere verla tiene modem de 56Kb (conexión de 4,5kb/s). ¡Necesitaría casi 8 minutos de espera para tener cargada la página y comenzar a verla!

Para ello, existe -nuevamente- una extensión para Firefox llamada Life of request info. Al tenerla instalada y cargar una página, en la zona inferior del navegador aparecerán varios datos:

life  request firefox

  • Tiempo de latencia: Espera desde que el usuario hace click hasta que comienza a transmitirse información.
  • Tiempo de carga: Espera desde que comienza a recibirse información hasta que se completa la carga de la web.
  • Tamaño de la página: Texto, imagenes, contenido multimedia, etc...
  • Número de peticiones: Ficheros enlazados

Los tres últimos son los que más nos interesan. Valores aceptables podrían ser:

  • Latencia entre 0-3seg (mayores podrían deberse a mala configuración de la conexión del PC o servidor web muy lento)
  • Carga web 0-45seg (cuanto menos mejor, mayores de 45 segundos, web bastante lenta)
  • Tamaño entre 15-200kb (si es mayor planteate el reducir el tamaño de tu página: menos imagenes, menos cantidad de entradas / articulos, etc...) Date cuenta que cuanto más tamaño, más tardará en cargar.
  • Peticiones entre 15-200 (más de 100 peticiones se considera una página bastante cargada de contenido).

Evidentemente, estos datos son solo orientativos.

Diseño


Por último, y no por ello lo menos importante: el diseño web de la página. Muchos autores lo consideran algo secundario, aunque para mi es tan primario como cualquier otro punto.

Personalmente, considero que el diseño gráfico de un blog o página web debe ser diferente al resto (diseños idénticos o plantillas muy usadas dan impresión de poca frescura). Debe ser llamativo pero no cargante, usar colores que no cansen la vista, pero no muy monótonos.

También es importante remarcar que sería bueno que respetasen los estándares marcados por la W3C, que aunque Google no es muy estricto con esto, cuanto más sencilla y mejor procese la página, mejor te "puntuará".

No olvidar la accesibilidad: no abusar del Javascript y proporcionar métodos alternativos para navegadores sin javascript, probar diferentes resoluciones y navegadores y asegurarse que en todos la página es navegable. Si además, proporcionamos una versión para dispositivos móviles, PDA y demás, inmejorable

Fuente
Read rest of entry

lunes, 8 de marzo de 2010

Música para tu blog

Se trata de Finetune, un servicio que permite crear un playlist con 45 canciones, 3 por autor y colocarlo en tu blog para el que quiera pueda escucharlo.

Lo primero es inscrirse en "register", hay que rellenar pocos datos y ojo que el nick tiene que ser con letras y números.

Al estar registrado puedes comenzar a agregar la música que quieras con el buscador. Puedes tener una previa de 30 segundos para ver si te gusta o agregarla a tu playlist con el signo más.

También te da la opción si no se te ocurre qué más agregar, hacer click en "I m lazy" y te sugiere otras pocas más que puedes agregar.
Luego para ponerlo en tu blog debes hacer click en "embed playlist" y te dará el código para colocarlo.
Me cuentan cómo les va.

Fuente
Read rest of entry

Quitar la barra del nuevo Blogger


Me lo han preguntado bastante y aunque Google en estos casos es muy sabio, no quiero hacer el feo de no contestar, así que:

¿Cómo esconder la barra o navbar?
En el Panel de Control vas a “Plantilla -> Edición HTML”, buscas en el código la etiqueta</head> y simplemente tienes que pegar encima el siguiente código (recuerda hacer una copia de seguridad siempre por si acaso) de manera que quede así:


<style type='text/css'>

#navbar-iframe {

display: none;

}

</style>



</head>




Puedes previsualizar los cambios y si ha salido todo bien, simplemente, guardar la plantilla. Ya está, fácil ¿no?

Cosas que debes tener en cuenta:

- Si publicas tu blog via ftp, es decir, en un hosting propio no hace falta que hagas ésto.

- Al eliminar la barra eliminas el buscador, pero ya escribí hace un tiempo como añadir un buscador al nuevo Blogger.

- En principio la barra no se debería de quitar pero Blogger no es muy concreto en este tema. Aunque tampoco parece lógico que incluyan una función para “Saltar” a otro blog.

Hay más formas de hacer lo mismo:

- Tempus Fungit
- Blog and Web

Fuente

Read rest of entry

Añadir AdSense entre las entradas de Blogger

Los anuncios solo pueden colocarse después de cada entrada, para otras posiciones lee la entrada anterior.

Los pasos que debes seguir son:

- 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”.

Adsense en posts

No se pueden incluir referencias ni un cuadro de búsqueda para tu blog en Blogger entre los posts.

Fuente
Read rest of entry

sábado, 13 de febrero de 2010

Obten visitas via google

Alguna vez se han preguntado: ¿Por qué no obtengo suficientes visitas?

Bueno, la verdad es que supongo que cada buen Blogger en un comienzo piensa al respecto, lo que muchos no saben es que Google puede no estar Indexando sus páginas ya que nadie los linkea ( aún ), para solucionar esto en un comienzo es necesario tomar la iniciativa:

¿Cómo te conocerá Google si tu no te presentas? Lo primero que tienes que hacer como cuando estas conociendo a alguien es presentarte, por lo que tienes que conseguir que Google comience a tomarte en cuenta a la hora de Indexar tu Blog.

Para hacer esto, es necesario que le mandes la dirección de tu Blog/Web y los comentarios de tu web mediante este formulario: Agregue/Quite su URL a Google

Ya que completes el envío de tu Blog/Web por medio de Google, simplemente tienen que indicarle un poco más donde quieren que busque, para esto usaremos una herramienta la cual ya trae Google en sus "Herramientas para Webmasters" estoy hablando de Google Sitemaps.

Primero dirijase a Google Sitemaps, después simplemente agreguen su dirección Web en la cuadro de texto que se encuentra en la parte superior:

google1.jpg

Después tienen que verificar su sitio web, para hacer esto simplemente hagan click en "Verifique su sitio Web" que se encuentra en una caja amarilla.

googl2.jpg

Ahora les darán dos opciones para verificar su sitio, la más sencilla es agregar un código el cual ellos te darán al HTML de tu Blog/Web el blog debe de parecerse a este:


<meta name="verify-v1" content="emG3MRtV1m2+opzYjBepYzu2b47xO4fomRgfNavKeOI=" />

Ahora ( en Blogger ) nos vamos a edición de Plantilla, en Edición HTML, recuerden que para agregar el código deben cambiar todas las Comillas ", por Comillas simples '.

El código lo deben agregar antes de </head> , y debe lucir así:

<meta name='verify-v1' content='emG3MRtV1m2+opzYjBepYzu2b47xO4fomRgfNavKeOI=' />

Una vez que el código este en su sitio, simplemente dele al botón "Verificar" y
esta listo, ahora Google indexara sus páginas con más velocidad.

Fuente

Read rest of entry

Obten visitas via Google Blog Search


Google es una gran fuente de visitas para muchos sitios, en especial para los que no tienen afiliados de ningún tiempo o tienen patrocinadores.

Así que ahora registraremos nuestro Blog en Google Blog Search, un servicio el cual es muy similar a Google, solo que busca noticias en Blogs más que resultados webs, así que podemos decir que es el Google de los Blogs.

Ahora veamos lo que tenemos que hacer para poder conseguir que nuestra web sea indexada por este excelente servicio:

* Abre la siguiente Dirección: http://blogsearch.google.com/ping
* En el cuadro de texto debemos agregar la dirección de su atom ( de preferencia ): Si poseen un Blog de Blogger, su dirección debe lucir así: http://tublog.blogspot.com/atom.xml

Ya con esto ustedes están enviando su blog a Google Blog Search.

Fuente
Read rest of entry

jueves, 28 de enero de 2010

Hacer que las imagenes se arrastren.

Esta es una forma de hacer su página más interactiva, de modo que el lector pueda "jugar" con ciertos elementos de la página pudiéndolos arrastrar de un lado a otro dentro del contenedor en el que están.
Este es un ejemplo, pincha la bola y muevela:









Para hacer que las imágenes se puedan mover y arrastrar entra en Diseño > Edición de HTML y antes de </head> pega lo siguiente:




Nota: Es posible que el código anterior ya lo tengas en la plantilla, si es así no es necesario volverlo a pegar, así que omite ese paso.

Ahora cuando quieras hacer que la imagen de una entrada se pueda arrastrar usa el siguiente código dentro del post:



Agrega la URL de la imagen donde se indica y listo. Ten en cuenta que cada vez que vayas a hacerlo deberás cambiar la ID de la imagen (lo que está en color verde), por ejemplo drag2, drag3, etc. de modo que ninguna imagen tenga el mismo ID.

Es así de simple que con Scriptaculous podemos darle más dinamismo al sitio web y más diversión para los más pequeños.

Todo esto y mucho mas en: http://ciudadblogger.com
Read rest of entry

miércoles, 27 de enero de 2010

Correo personalizado con imagen en Blogger


En esta ocasión les voy a enseñar como se logra insertar un enlace de email en nuestro blog/web, es decir, como hacer un link para que agreguen automáticamente nuestra dirección de correo.

Para lograr eso solo debemos entrar aqui y eliges todas las opciones, escribes tu dirección de email, el cliente que utilizas (hotmail, yahoo, live, etc..) y la extensión de tu correo (.com, .es, .cl, etc..) y cuando tengamos eso se nos generara un código para que nos puedan enlazar automáticamente desde allí.

Ahora podemos modificar también la imagen de fondo o imagen que contenga un mensaje para que puedan agregar tu email. Eso lo logramos con este código:

(Este codigo lo pegamos en una gadget HTML/Javascript)



donde pone tucorreo@gmail.com pones el tuyo
y donde pone URL de la imagen, pones la url de la imagen que quieras

Quedaría algo así, pincha la imagen.

Email

O bien si prefieres personalizarlo y no poner tu mail a las vistas, puedes poner cualquier otra imagen como esta.
Email
Puedes generar una imagen aquí

Tags: añadir enlace desde imagen, agregan email en mi blog, imagen de mi email para enlace, enlazar mi email en mi pagina, mi mail personal en mi blog, enlace para agregar email, enlace para email en blogger.

Fuente
Read rest of entry

miércoles, 30 de diciembre de 2009

Crea tu propio widget de mapa.



Quieres un mapa de visitas?
Saber hasta que partes del mundo llegas y desde donde te leen?.
Es muy facil, no necesita ningun tipo de registro, eliges el mapa que quieras, el color y la forma del marcador, el tamaño y listo! copia el codigo y pegalo en tu nuevo gadget.

Aqui lo tienes

http://whos.amung.us/maps/customize/
Read rest of entry

martes, 29 de diciembre de 2009

Marcadores de redes sociales para blogger, compartelo!


Pues bien es extremadamente sencillo, tan sencillo que da miedo.
Primero vamos a guardar una plantilla de nuestro blog por si hay algun problema.
A continuacion vamos a Diseño
Edicion de HTML
Marcamos la casilla "expandir artilugios"
Buscamos </head>(tecleamos Ctrl + F y ponemos esa palabra para buscar más rápido)
Justo antes de la palabra </head>en el renglon de arriba pegamos esto


<!-- Iconos redes sociales -->

<style type='text/css'>

.pushbutton a:hover{

position: relative;

top: 1px; left: 1px;

outline:none;

}

.bookmark table{

background-color:#000911;

border:1px hidden gray;

padding:10px;



}

.bookmark td{

font-size: 1em;

text-align: center;

vertical-align: middle;

color: #CCCCCC;

}

.bookmark img{

vertical-align: middle;

}

</style>

<!-- Fin Iconos redes sociales -->



Ahora buscamos <p class='post-footer-line post-footer-line-3'/> Dependiendo de nuestra plantilla no nos aparecerá y deberemos buscar en su lugar por <div class='post-footer-line post-footer-line-3'/> pegaremos el siguiente código:


<!-- Iconos redes sociales -->

<p align='left' class='post-footer'>

<td style='vertical-align:middle' valign='middle' width='15%'><div>Compártelo:</div></td><span class='pushbutton'><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img src='http://img188.imageshack.us/img188/5378/delicioushx9.gif' style='border:0px; padding:2px' valign='bottom'/></a></span><span class='pushbutton'><a expr:href='"http://bitacoras.com/anotaciones/" + data:post.url'><img src='http://img10.imageshack.us/img10/9247/bitacoras.png' style='border:0px; padding:2px' valign='bottom'/></a></span><span class='pushbutton'><a expr:href='data:blog.homepageUrl + "feeds/posts/default"' rel='nofollow' target='_blank'><img src='http://img188.imageshack.us/img188/9284/rssf.png' style='border:0px; padding:2px' valign='bottom'/></a></span><span class='pushbutton'><a expr:href='"http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow'target='_blank'><img src='http://img46.imageshack.us/img46/5803/digggn.gif' style='border:0px; padding:2px' valign='bottom'/></a></span><span class ='pushbutton'><a expr:href='"http://www.google.com/bookmarks/mark?op=edit&bkmk=" + data:post.url + "&title=" + data:post.title' rel='nofollow'target='_blank'><img src='http://img34.imageshack.us/img34/2607/googlez.png' style='border:0px; padding:2px' valign='bottom'/></a></span><span class ='pushbutton'><a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow'target='_blank'><img src='http://img207.imageshack.us/img207/6710/yahooweb.gif' style='border:0px; padding:2px' valign='bottom'/></a></span><span class ='pushbutton'><a expr:href='"http://www.technorati.com/faves?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow'target='_blank'><img src='http://img231.imageshack.us/img231/4666/technorati.gif' style='border:0px; padding:2px' valign='bottom'/></a></span><span class ='pushbutton'><a expr:href='"http://meneame.net/submit.php?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow'target='_blank'><img src='http://img207.imageshack.us/img207/3607/meneame.png' style='border:0px; padding:2px' valign='bottom'/></a></span><span class ='pushbutton'><a expr:href='"http://tec.fresqui.com/post?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow'target='_blank'><img src='http://img36.imageshack.us/img36/4478/fresquiam.png' style='border:0px; padding:2px' valign='bottom'/></a></span><span class ='pushbutton'><a expr:href='"http://www.blogmemes.com/post.php?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow'target='_blank'><img src='http://img189.imageshack.us/img189/2158/blogmemes.png' style='border:0px; padding:2px' valign='bottom'/></a></span><span class ='pushbutton'><a expr:href='"http://www.neodiario.net/submit.php?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow'target='_blank'><img src='http://img189.imageshack.us/img189/9827/neodiario.png' style='border:0px; padding:2px' valign='bottom'/></a></span><span class ='pushbutton'><a expr:href='"http://enchilame.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow'target='_blank'><img src='http://img41.imageshack.us/img41/517/enchilame.png' style='border:0px; padding:2px' valign='bottom'/></a></span><span class ='pushbutton'><a expr:href='"http://twitter.com/home/?status=" + data:post.url + "&title=" + data:post.title' rel='nofollow'target='_blank'><img src='http://img60.imageshack.us/img60/2700/twitterq.png' style='border:0px; padding:2px' valign='bottom'/></a></span><span class ='pushbutton'><a expr:href='"https://favorites.live.com/quickadd.aspx?marklet=1&mkt=en-us&url=" + data:post.url + "&title=" + data:post.title' rel='nofollow'target='_blank'><img src='http://img26.imageshack.us/img26/2134/liverww.png' style='border:0px; padding:2px' valign='bottom'/></a></span><span class ='pushbutton'><a expr:href='"http://myspace.com/Modules/PostTo/Pages/?u=" + data:post.url + "&t=" + data:post.title' rel='nofollow'target='_blank'><img src='http://img8.imageshack.us/img8/8239/myspacexhm.png' style='border:0px; padding:2px' valign='bottom'/></a></span><span class ='pushbutton'><a expr:href='"http://facebook.com/share.php?u=" + data:post.url + "&title=" + data:post.title' rel='nofollow'target='_blank'><img src='http://img170.imageshack.us/img170/3513/facebooko.png' style='border:0px; padding:2px' valign='bottom'/></a></span></p>

<!-- Fin Iconos redes sociales -->




Clicamos en vista previa y si no hay ningún problema guardamos la plantilla.

Fuente
Read rest of entry

lunes, 28 de diciembre de 2009

Como poner nube de etiquetas en movimiento

Para poder colocar esta nube de etiquetas en movimiento vamos a ir a la edicion html, ya todos a estas alturas sabreis donde esta. (pestaña de Diseño, y edicion html) una vez alli, para no tener problemas vamos a sacar el gran invento, el buscador de codigo html. Pulsamos ctrl (control) y sin soltarlo la letra F
Nos aparecera una barra abajo asi

Nos ponemos manos a la obra y buscamos esta brase ahi:


Justo debajo añadimos el siguiente código:



Para cambiar el color buscar esta frase
/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
Eso seria el tamaño, 240x300 el numero de tamaño de letra "7" y el color de fondo #ffffff
so.addVariable("tcolor", "0x333333");
Y aqui tenemos el color de las palabras, las letras, esto es totalmente modificable.

Buscando esos codigos con el buscador que os he nombrado antes podreis modificar esa nube de etiquetas.


Jamas olvidarse de guardar una copia de la plantilla antes de hacer cualquier modificacion
Read rest of entry

Cuadro de texto en blogger "caja de texto"

Copiamos el siguiente código HTML en el lugar donde queremos que esté:
de donde escribimos la entrada.

Y quedaria algo asi:
Recordad que el "3" es el algo y el "20" el ancho, si cambiais esos numeros podreis modificar el tamaño de la caja.

Read rest of entry

Pequeño reproductor para blogs

Aqui tenemos un pequeño reproductor para una sola cancion, muy practico y facil de usar, solo tenemos que pegar el codigo en la entrada o en un gadget, eso ya depende de donde lo quieras poner



cambiaremos http://tucancion.mp3 que sale dos veces en ese cuadro por el link de la cancion que queremos.





Yo los link los saco de aqui

http://www.dilandau.com/

Procura que el link de la cancion siempre, siempre acabe en mp3 si no, no te sonara
Read rest of entry

Valores de los Colores en Hexadecimal

Tabla para saber que codigo tiene cada color, ideal para lo que aprenderemos proximamente. Pinchas en el color que elijas y rapidamente obtienes lo que buscas.


http://www.webtaller.com/utilidades/csscoder/colores.php
Read rest of entry

Insertar video youtube en blogger

Oscarrgp86, nos explica como insertar un video de youtube en blogger



Yo os recuerdo que ahora tambien, se puede cambiar el color y el tamaño, mas adelante os explicare como cambiar ese tamaño manualmente, porque no siempre nos viene bien las medidas que trae.


ROSA ---> Boton para desplegar el menu de editar el video
AMARILLO---> Color del borde del video
LILA---> Tamaño a elegir para el video
NEGRO---> la flecha negra, es para copiar el codigo cuando ya tengamos todo lo demas.
Read rest of entry

Crear banner para tu blog

El otro dia, di con una pagina muy curiosa para crear banners para nuestro blog. Ademas es muy sencilla, simplemente hay que seguir los pasos, puedes crearlo incluso con imagenes que tu elijas.
Os aconsejo que siempre guardeis el baneer en formato .png, se ve mas nitido y claro



http://www.bannerfans.com
Read rest of entry

Cómo agregar gadget en blogger

Pues la señorita aguila10car, nos ha dejado un gran manual, de como añadir un gadget, sin ellos no seria posible ni relojes, ni contadores, ni ningun complemente a nuestro blog, seria el siguiente paso despues de aprender a crearle.



Una acotacion:
Recordad que para añadir un gadget con codigo HTML siempre el gadget que elijais debe ser este (contadores, relojes, videos, reproductores...)

Read rest of entry

Contador de visitas para blogger

Pues esta es la pagina mas facil que encontre

http://contador-de-visitas.com/


Segun entras, encontraras la opcion de ver todos, pinchas ahi. Te llevara a un pequeño muestrario. Seleccionas el que mas te guste, tienes la opcion de elegir el valor inicial del contador, (puede comenzar a contar con 1000 visitas 2000... 3000... las que tu quieras)

Read rest of entry
 

Guia Para Torpes Copyright © 2009 Gadget Blog is Designed by Ipietoon Sponsored by Online Business Journal