Ultimos posts del blog de JCS
Actualizaciones cada 720 minutos.
Mostrando entradas con la etiqueta Web. Mostrar todas las entradas
Mostrando entradas con la etiqueta Web. Mostrar todas las entradas
domingo, 14 de febrero de 2010
Por lo menos los que más uso yo XD
Firefox es un navegador muy potente, pero existen desarrolladores en todo el mundo que están creando complemento para hacer más poderoso al Firefox.
Para comenzar a buscar los complementos disponibles, sólo basta con ingresar desde tu navegador a ‘Herramientas’ – ‘Complementos’ – ‘Buscar complementos’ – ‘Examinar todos los complementos’, ó simplemente entrando a https://addons.mozilla.org/es-ES/firefox.
De todos los complementos que existen para el navegador, los siguientes son recomendaciones mías, son los que más uso modifican un poco la apariencia de mi navegador, bueno comencemos por orden alfabético:
Adblock Plus
https://addons.mozilla.org/es-ES/firefox/addon/1865
¿Alguna vez te han molestado todos esos anuncios e imágenes en internet que, normalmente, hacen que tarde en cargar más el resto de la página? Instala Adblock Plus ahora y olvídate de ello.
AeroBuddy
https://addons.mozilla.org/es-ES/firefox/addon/63130
Agrega los efectos Aero Glass a tu Firefox, sólo funciona con Windows Vista o Windows 7 y sólo si tienes activados los efectos Aero
Cooliris
https://addons.mozilla.org/es-ES/firefox/addon/5579
Simplemente la manera más rápida e impresionante de ver fotos y videos de la Web o de tu disco duro. Desplázate sin esfuerzo por una pared 3D infinita por el contenido de Facebook, Google Imágenes, YouTube, Flickr y más. . .
Download Statusbar
https://addons.mozilla.org/es-ES/firefox/addon/26
Realmente la "ventanita de descargas" resulta en ocasiones molesta, con este complemento, las descargas se mostrarán en la barra de estado.
Video DownloadHelper
https://addons.mozilla.org/es-ES/firefox/addon/3006
Existen muchos complementos para descargar videos de YouTube, pero con este complemento no sólo podrás descargar videos de esta popular página, lo podrás hacer desde cualquier website con contenido multimedia; pero no sólo eso, puedes configurarlo para convertir a otro formato el video descargado (te pedirá instalar otro complemento para ello)
FlagFox
https://addons.mozilla.org/es-ES/firefox/addon/5791
Si alguna vez quisiste saber en que país o en que parte del mundo se encuentra alojada la página de Facebook, o cualquier otra, este complemento te lo dirá, realmente no agrega una "gran" funcionalidad pero si eres curioso y deseas tener esta información, este complemento es para tí.
FoxTab
https://addons.mozilla.org/es-ES/firefox/addon/8879
Bueno si te gusta todo lo 3D, FoxTab permite cambiar entre pestañas de manera muy sencilla y con animaciones en 3D, es muy funcional y se ve bien! XD
Hide GUI Bars
https://addons.mozilla.org/es-ES/firefox/addon/57805
Este complemento permite ocultar todas las barras de herramientas y de estado o las que no quieras que se muestren, permiten tener un Firefox más estético y brinda un mayor espacio al contenido de las páginas de internet
De esta manera con estos complementos tu navegador será más funcional y con una mejor apariencia, todos ellos fueron probados en la versión 3.5.7 de Firefox, hasta el momento no me han causado ningún problema y se están actualizando constantemente agregando nuevas funcionalidades.
sábado, 19 de diciembre de 2009
Si buscas otra alternativa con mejor diseño (gracias a Elpotro) de las que ya vimos (I y II) para poner los iconos de las redes sociales para compartir y difundir el contenido de tu blog puedes optar por lo siguiente:
1) Vamos a Diseño
2) Edición de HTML
3) Buscamos </head> (tecleamos Ctrl + F para buscar más rápido)
4) Antes de </head> pegamos el siguiente código:
5) 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'/>
6) Justo debajo pegaremos el siguiente código:
Por defecto vienen los marcadores de del.icio.us, RSS, Digg, Google, Bitacoras, Yahoo, Technorati, Meneame, Frequi, Blogmemes, Neodiario, Enchilame, Twitter, Live, My Space y Facebook.
1) Vamos a Diseño
2) Edición de HTML
3) Buscamos </head> (tecleamos Ctrl + F para buscar más rápido)
4) Antes de </head> pegamos el siguiente código:
<!-- 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 -->
<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 -->
5) 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'/>
6) Justo debajo 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 -->
<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 -->
Por defecto vienen los marcadores de del.icio.us, RSS, Digg, Google, Bitacoras, Yahoo, Technorati, Meneame, Frequi, Blogmemes, Neodiario, Enchilame, Twitter, Live, My Space y Facebook.
miércoles, 25 de noviembre de 2009
Hoy acabo de crear mi Web Slices para este blog, que es Web Slices, bueno es una de las funciones más originales de Internet Explorer 8, “actualizaciones” de sitios web que pueden consultarse desde la Barra de favoritos, de esta manera cada vez que habras el navegador recibirás en tu barra de favoritos el último post (...mmm algo parecido a los RSS pro + compacto).
En fín es muy simple hacerlo, sólo tienen que crear un estilo único para una etiqueta div, yo hice este:
Después colocamos el contenido de la etiqueta div de esta manera (es recomendable colocarla después de la etiqueta body):
Y listo tenemos el Web slice listo para que nos agreguen en su navegador, actualmente solo funciona con Internet Explorer 8
En fín es muy simple hacerlo, sólo tienen que crear un estilo único para una etiqueta div, yo hice este:
.hslice{
height:0px;
visibility:hidden;
display:none; \\Agregando estos valores la etiqueta div no será visible
}
height:0px;
visibility:hidden;
display:none; \\Agregando estos valores la etiqueta div no será visible
}
Después colocamos el contenido de la etiqueta div de esta manera (es recomendable colocarla después de la etiqueta body):
<div class='hslice' id='webslice'>
<div class='entry-content'>
<div class='entry-title'>Ultimos post del blog de JCS</div> \\Aqui va el título del Web slice
<a href='http://feeds.feedburner.com/ElBlogDeJcs' rel='feedurl'/> \\Aquí colocas el RSS de donde se actualiza la información
<p>Actualizandose cada <span class='ttl'>720</span> minutos.</p> \\En "ttl" colocas los minutos aprox. en que se actualiza la información
</div>
</div>
<div class='entry-content'>
<div class='entry-title'>Ultimos post del blog de JCS</div> \\Aqui va el título del Web slice
<a href='http://feeds.feedburner.com/ElBlogDeJcs' rel='feedurl'/> \\Aquí colocas el RSS de donde se actualiza la información
<p>Actualizandose cada <span class='ttl'>720</span> minutos.</p> \\En "ttl" colocas los minutos aprox. en que se actualiza la información
</div>
</div>
Y listo tenemos el Web slice listo para que nos agreguen en su navegador, actualmente solo funciona con Internet Explorer 8
