Mi hora:






May 14

Favikon

Categorías: Adornos y Accesorios, Iconos

Sin Comentarios



Leer Este Link Antes de Navegar por el Blog: Tutorial
 Mira el Post en tu plataforma: Blogger Betablogger Wordpress


Un dato interesante y entretenido es poder cambiar la pequeña imagen que esta al lado de nuestra url como por ejemplo así

favicon1.jpg

Para eso debemos entrar en Favikon

favicon2.jpg

aquí subimos nuestra imagen que debe ser en formato png, jpeg o gif, con un peso máximo de 5Mb; puede estar en nuestro pc o en una url, tenemos las 2 opciones. Y luego “load image“. Verán que en el lado derecho se cargará la foto, deben cuadrarla con la herramienta que aparece ahí y hacemos click en “capture & preview“

favicon3.jpg

Nos mostrará una pequeña imagen de como queda éste ícono

favicon4.jpg

y al lado esta la opción de bajarla, tonces hacemos click en “download favicon” y guardamos esta imagen.
Ahora, ésta imagen que descargamos está en formato ico. pero Blogger no acepta imágenes con ese formato, por lo que debemos convertir la imagen a otro formato, a png. Lo pueden hacer con photshop por ejemplo u otro programa que permita hacerlo.
Ya teniendo nuestra imagen en formato png, vemos el paso 3

favicon5.jpg

el que nos da un código, que es éste:
<link rel=”shortcut icon” href=”aquí_la_direccion_de_su_imagen” type=”image/x-icon” />
donde solo deben colocar la dirección de su imagen y esto lo pegan dentro del <head>. Y listo.

Suerte!!! =)


Si este Post te ayudó recuerda votar por el blog En esta Página
votes, average: 0 out of 10 votes, average: 0 out of 10 votes, average: 0 out of 10 votes, average: 0 out of 10 votes, average: 0 out of 10 votes, average: 0 out of 10 votes, average: 0 out of 10 votes, average: 0 out of 10 votes, average: 0 out of 10 votes, average: 0 out of 10 (0 votos, promedio: 0 de 10)
Loading ... Loading ...

Post Relacionados
No related posts


Post al Azar:


Imprime este Post Imprime este Post
Envía este Post Envía este Post
Posteado Por conely | 7 views| Agrega Tu Comentario



Apr 28

Botones

Categorías: Adornos y Accesorios, Iconos

Sin Comentarios



Leer Este Link Antes de Navegar por el Blog: Tutorial
 Mira el Post en tu plataforma: Blogger Betablogger Wordpress


Encontré una página para algunos que andan buscando cosas diferentes y entretenidas para el blog les servirá.
Se trata de una página con muchas imágenes del tipo botón.
Se llama Free Web Buttons By Sage y las opciones de colores son estos:

<a href=

<a href=

solo deben elegir la imagen que mas le gusta y guardarla con el boton derecho del mouse en “guardar imagen como” . Y listoEspero les sirva para que quede mas lindo sus blogs.
Suerte!!! =)


Si este Post te ayudó recuerda votar por el blog En esta Página
1 votes, average: 0 out of 101 votes, average: 0 out of 101 votes, average: 0 out of 101 votes, average: 0 out of 101 votes, average: 0 out of 101 votes, average: 0 out of 101 votes, average: 0 out of 101 votes, average: 0 out of 101 votes, average: 0 out of 101 votes, average: 0 out of 10 (1 votos, promedio: 0 de 10)
Loading ... Loading ...

Post Relacionados
Crea un Boton">Crea un Boton
Botones para tu Blog o Pagina Web">Botones para tu Blog o Pagina Web
Dato, Logos y Botones">Dato, Logos y Botones
El Sigue Leyendo!!! o Leer Mas!! Explicado">El Sigue Leyendo!!! o Leer Mas!! Explicado
Como agregar un Guestbook o Libro de visitas">Como agregar un Guestbook o Libro de visitas


Post al Azar:


Imprime este Post Imprime este Post
Envía este Post Envía este Post
Posteado Por conely | 114 views| Agrega Tu Comentario



Oct 24

Como poner emoticons en tu Blog ?

Categorías: Adornos y Accesorios, Iconos

10 Comentarios



Leer Este Link Antes de Navegar por el Blog: Tutorial
 Mira el Post en tu plataforma: Blogger Betablogger Wordpress

Este súper util post fue enviado por Teko
Si tu no sabes como poner emoticons en tu blog y quieres tenerlos , este post es para ti.
La forma de hacerlo es muy facil, solo tienes que poner este "pequeño" codigo dentro del <head>, esta en las primeras lineas de tu plantilla, en cualquier lugar sirve, pero de preferencia , seguido del <head>.

COPIA EL CÓDIGO
JavaScript:
  1. <!--BloggerEmoticons-->
  2. <script type="text/javascript">
  3. <!--
  4.  
  5. function replaceText() {
  6. // no support
  7. if(!document.getElementById) {
  8. return;
  9. }
  10.  
  11. bodyText = document.getElementById("body");
  12. theText = bodyText.innerHTML;
  13.  
  14. // replace
  15. theText = theText.replace(/;\)/g,'&lt;img src="http://photos1.blogger.com/blogger/7678/802/1600/wink.gif" alt=";)" />');
  16. theText = theText.replace (/;-\)/g,'&lt;img src="http://photos1.blogger.com/blogger/7678/802/1600/wink.gif" alt=";-)" />');
  17. theText = theText.replace (/:D/g,'&lt;img src="http://photos1.blogger.com/blogger/7678/802/1600/biggrin.gif" alt=":D" />');
  18. theText = theText.replace (/:-D/g,'&lt;img src="http://photos1.blogger.com/blogger/7678/802/1600/biggrin.gif" alt=":-D" />');
  19. theText = theText.replace (/B\)/g,'&lt;img src="http://photos1.blogger.com/blogger/7678/802/1600/cool.gif" alt="B)" />');
  20. theText = theText.replace(/B-\)/g,'&lt;img src=" http://photos1.blogger.com/blogger/7678/802/1600/cool.gif" alt="B-)" />');
  21. theText = theText.replace(/:x/g,'&lt;img src=" http://photos1.blogger.com/blogger/7678/802/1600/mad.gif" alt=":x" />');
  22. theText = theText.replace(/:X/g,'&lt;img src="http://photos1.blogger.com/blogger/7678/802/1600/mad.gif " alt=":X" />');
  23. theText = theText.replace(/:-x/g,'&lt;img src="http://photos1.blogger.com/blogger/7678/802/1600/mad.gif " alt=":-x" />');
  24. theText = theText.replace(/:-X/g,'&lt;img src="http://photos1.blogger.com/blogger/7678/802/1600/mad.gif" alt=":-X" />');
  25. theText = theText.replace(/:-\(/g,'&lt;img src="http://photos1.blogger.com/blogger/7678/802/1600/sad.gif" alt=":-(" />');
  26. theText = theText.replace(/:\(/g,'&lt;img src="http://photos1.blogger.com/blogger/7678/802/1600/sad.gif" alt=":(" />');
  27. theText = theText.replace(/:o/g,'&lt;img src="http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif" alt=":o" />');
  28. theText = theText.replace (/:O/g,'&lt;img src="http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif" alt=":O" />');
  29. theText = theText.replace(/:-o/g,'&lt;img src=" http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif" alt=":-o" />');
  30. theText = theText.replace(/:-O/g,'&lt;img src=" http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif" alt=":-O" />');
  31. theText = theText.replace(/:p/g,'&lt;img src=" http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif" alt=":p" />');
  32. theText = theText.replace(/:-p/g,'&lt;img src=" http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif" alt=":-p" />');
  33. theText = theText.replace(/:-P/g,'&lt;img src=" http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif" alt=":-P" />');
  34. theText = theText.replace(/:P/g,'<img src=" http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif" alt=":P" />');
  35. theText = theText.replace(/:-\)/g,'<img src=" http://photos1.blogger.com/blogger/7678/802/1600/smile.gif" alt=":-)" />');
  36. theText = theText.replace(/:\)/g,'<img src=" http://photos1.blogger.com/blogger/7678/802/1600/smile.gif" alt=":)" />');
  37.  
  38. bodyText.innerHTML = theText;
  39. }
  40.  
  41. -->
  42. </script>
  43. <!--BloggerEmoticons-->

Ya habiendo añadido esto, lo siguiente es aun mas facil. Solo hay que localizar el <Body> y sustituirlo por este otro:

<body id="body" onload="replaceText();">

Una vez hecho esto, solo guarda los cambios y vuelve a publicar tu plantilla. Tus emoticons se veran asi :

Recuerda, solo se ven en los post y en los comentarios , pero en el "permalink", no donde se ponen los comentarios desde blogger.

Y eso es todo..Espero que les sirva, tanto como me sirvio a mi.. :)


Si este Post te ayudó recuerda votar por el blog En esta Página
6 votes, average: 5.67 out of 106 votes, average: 5.67 out of 106 votes, average: 5.67 out of 106 votes, average: 5.67 out of 106 votes, average: 5.67 out of 106 votes, average: 5.67 out of 106 votes, average: 5.67 out of 106 votes, average: 5.67 out of 106 votes, average: 5.67 out of 106 votes, average: 5.67 out of 10 (6 votos, promedio: 5.67 de 10)
Loading ... Loading ...

Post Relacionados
Agregar iconos gestuales al blog">Agregar iconos gestuales al blog
Crea un Foro Gratis para tu Blog!!!">Crea un Foro Gratis para tu Blog!!!
Post Por Hacer">Post Por Hacer
Agrega tu CHAT de CBOX">Agrega tu CHAT de CBOX
FeedButton: un boton para varios agregadores">FeedButton: un boton para varios agregadores


Post al Azar:


Blogalaxia Tags:
Imprime este Post Imprime este Post
Envía este Post Envía este Post
Posteado Por patriram | 605 views| Agrega Tu Comentario



Anterior






Lee esto antes de Navegar por el Blog



Aquí encontrarás las explicaciones de las preguntas mas básicas para que puedas comenzar a buscar información en este blog.
Preguntas Frecuentes:

1.-¿Que es un Blog?
2.-¿Que diferencia tiene con una Página Web?
3.-¿Me sirven los Articulos de este Blog si mi blog no es de Blogger o Wordpress o es solo una web con html?
4.-¿Como encuentro la informacion que necesito en este blog?
5.-¿Cuales son los diferentes servicios o plataformas que permiten crear un Blog?
6.-¿Como conseguir un Blog Propio?
7.-¿Que es Blogger?
8.-¿Que es Blogger y Beta-Blogger (Ex-beta)? / ¿Cuales son las diferencias?
9.-¿Si me cambié a la versión Beta de Blogger, puedo volver a editar mi plantilla de la forma antigua?
10.-¿Donde consigo ayuda para personalizar un blog de Blogger?
11.-¿Que es Wordpress?
12.-¿Donde consigo ayuda para personalizar un blog de Wordpress?

(Haz click aquí para ver el artículo completo)

Links Interesantes

Gratis - Aumenta el Tráfico
de Visitas a tu Web!!!


Juega PACMAN:

Además de Adsense:


Webmasters, make money displaying Oxado contextual ads!


Otros

Ranking de Post

Suscribete al Blog

Directorios

De Todo


Todos los Post

Junio 2005 (5)
Agosto 2005 (6)
Septiembre 2005 (11)
Octubre 2005 (3)
Noviembre 2005 (12)
Enero 2006 (2)
Febrero 2006 (3)
Marzo 2006 (3)
Abril 2006 (1)
Mayo 2006 (2)
Junio 2006 (12)
Julio 2006 (18)
Agosto 2006 (44)
Septiembre 2006 (30)
Octubre 2006 (25)
Noviembre 2006 (12)
Diciembre 2006 (1)
Enero 2007 (3)
Marzo 2007 (5)
Abril 2007 (8)
Mayo 2007 (11)
Septiembre 2007 (6)
Octubre 2007 (15)
Noviembre 2007 (3)
Diciembre 2007 (12)
Enero 2008 (7)


Licencia

 Sólo Puedes hacer referencia del material que encontrarás en este blog, esta prohibido copiar y distribuir el material de esta obra (Tanto Imágenes como Texto). No puedes usarla con fin comercial, ni alterarla, transformarla o construir sobre ésta misma otra obra.
WP Theme & Icons por N.Design Studio This Blog is Hosted in BlueHost
Post RSS Comentarios RSS Log in
Close
E-mail It