CosasParaMiBlogs

miércoles, 3 de noviembre de 2010

Aviso para una página lenta – Culture – World – Credito

¿Tenéis alguna página que por contener un elemento muy pesado tarda mucho en cargar?

Pues en principio no deberia ser así porque los internautasno nos caracterizamos por ser muy pacientes. Parece ser que no aguantamos mucho más de dos segundos y a poco que algo tarde, cerramos ventana y a otra cosa.

Si bien esto no debería ser entonces la tónica general de tu web, quizás no puedas evitar que cierta página en concreto tenga algo que la ralentice. Un ejemplo podrían ser los índices de entradas basados en json. O prescindes de ellos o son lentos por narices.

Pero en fin, ya que no podemos evitar que algunas cosas tarden, por lo menos vamos a poner un aviso de que esto es así, para intentar que nadie crea que tu web se quedó colgada al acceder a esa entrada concreta.

Para ello sólo tenemos que insertar un ID con propiedades deinvisibilidad justo antes del final del código de la página o de la plantilla en el caso de Blogger. Es decir, justo antes de/body:

!-- Esconder texto tras carga total --
style type='text/css'
#escondertrascarga {
visibility:hidden;
display:none;
}
/style

Ahora sólo nos queda añadir al principio de la página en cuestión (o post) el texto o incluso una imagen, pero añadiéndole el anteriorID, para que se muestre mientras se carga. Una vez cargado todo (por eso el estilo hay que ponerlo al final de la plantilla), el aviso desaparecerá; no será visible.

div id="escondertrascarga"
Un poquito de paciencia, que esto tiene tela.
/div

A partir de que el estilo del primer trozo de código esté insertado en la plantilla, ya no hace falta volverlo a escribir para sucesivos usos. Para una segunda o posterior ocasión, directamente encerramos en undiv id="escondertrascarga" aquello que queremos que se deje de ver cuando la página haya cargado totalmente.

lunes, 1 de noviembre de 2010

Blogger, Mundo Google, Trucos

Ventajas de alojar imágenes en Blogger. Redimensión – Accident – Colleges – cancer

Siempre me ha parecido que para los blogs alojados en Blogger, la mejor opción para archivar nuestras imágenes es el propio Blogger o lo que es lo mismo,Picasa. Este último ha sido siempre el alojamiento natural del primero, de manera que cuando subís una imagen a través del editor del blog, queda alojada automáticamente en un álbum de Picasa. Sólo teneis que acceder al servicio con el login de vuestra cuenta Google para descubrir que esto es así y poder ver los archivos que se han generado.

Otros servicios son buenos, pero relativamente. No es la primera vez que alguna imagen, sobre todo enPhotobucket, me ha desaparecido sin ninguna razón aparente. Otros servicios comoFlickr oImageshak parecen más estables, pero quién nos dice que en el futuro lo seguirán siendo. Con Picasa tampoco tenemos ninguna garantía, pero mi reflexión siempre ha sido la siguiente: Si Picasa se va a hacer puñetas, es porque Blogger y el resto de servicios Google también tienen problemas. En ese caso, que pierda las imágenes, será la menor de mis preocupaciones.

Pero en fin, si este puede ser un motivo algo peregrino, lo que sí es un dato y no una opinión, es que Blogger tiene una ventajilla sobre el resto en cuanto a la redimensión de las imágenes.

Sabeis -y si no para eso estamos- que para cambiar el tamaño de una imagen sin necesidad de editarla, es suficiente con añadir unWIDTH al estilo. El alto se recalculará automáticamente y la imagen se hará más pequeña o más grande en la misma proporción en que cambiamos el ancho original. Esta imagen, tiene por ejemplo 300px de ancho y es la que tengo alojada en Picasa.

img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUueAO_bdxVhyGQRnr7RHbeOpbo9c_QH3C8XSp5jLhsKekOlT3-kIB1c6BOOY2H6CE-RMa2X8x4qPFCBAEMhFN1wEscC1FAWQjS2HYUhEV-NF4htGiG2VMGP_TwMI0gCpuRvPSFe4BO5k/s1600/pez1.jpg" /

Por lo que hemos dicho, en general, para redimensionar una imagen es suficiente con añadir unWIDTH:

imgwidth="100px" border="0" src="URL_IMAGEN_ORIGINAL" /

imgstyle="width:100px;" border="0" src="URL_IMAGEN_ORIGINAL" /

Cualquiera de las dos formas anteriores serviría para reducir la imagen a 100px de ancho sin tener que editarla.

No conviene hacer esto para agrandar la imagen, porque se apreciaría la falta de definición (reproduzco sólo una porción por no tener tanto ancho en el blog).

imgwidth="1000px" border="0" src="URL_IMAGEN_ORIGINAL" /

Pero seguimos con Blogger. Las direcciones de las imágenes allí alojadas, incluyen un subdirectorio que incluyen una s y un número. En el ejemplo anterior, en la etiquetaSRC podeis ver como la dirección de la imagen termina en.../s1600/pex1.jpg.Como vimos hace tiempo,s1600 hace referencia a la imagen del tamaño original y cambiando ese número, obtenemos otras versiones de menor tamaño: s800, s400, s320, s200...

Esto por sí mismo ya es una ventaja, pero es que gracias aVagabundia y a un posterior comentario deJosé GDF ennuestra página de Facebook, sin el cual me hubiera pasado esto desapercibido, hace unos días descubrimos que actualmente se puede usar cualquier tamaño. Es decir, podemos usar por ejemplo un s180 sin ningún problema.

¿Y para qué esto si podemos usar el WIDTH que antes explicábamos para reducir las imágenes? Pues muy sencillo.

En primer lugar simplificamos la manera de hacer una redimensión, pues sólo hay que cambiar los dígitos del subdirectorio sin necesidad de añadir código extra.
Y en segundo pero no menos importante, para reducir el peso de la imagen en el total de la página.

La redimensión conWIDTH sigue cargando la imagen mayor (la de mayor peso), pero con este nuevo sistema, cargamos directamente una miniatura. Vamos, como si hubiéramos editado la imagen y la hubiéramos subido de todos los tamaños posible.

Sólo teneis que ver las propiedades de las dos primeras imágenes para comprobar que, independientemente de su tamaño aparente, ambas ocupan 20.528bytes. Sin embargo la última, que realmente se trata de una miniatura en origen, ocupa sólo 8.994 bytes. Y esto a pesar de ser más grande que la segunda que tiene un tamaño aparente menor (100px vs 180px) .

Online motor insurance quotes low credit line credit cards city college in miami mesothelioma law suits car accident lawyers los angeles Automobile Accident Attorney New social media platforms Mobile casino canada personals yahoo Donate Cars Illinois state of california car insurance accident car florida lawyer Php programmers for hire utah mesothelioma lawyer Make money online Australia Learning adobe illustrator Criminal lawyer Forensics online course Custom Christmas cards Car Accident Lawyers Social media platforms for business Donate Cars in MA Seo company Casino offshore accident lawyer Dwi lawyer Donate Old Cars to Charity How to donate a car in California Health Records Personal Health Record phd in counseling education Register Free Domains CAR DONATE Business finance group life insurance co lincoln Nunavut Culture Donating used cars to charity Criminal defense lawyer Tech school motorcycle accident lawyer san francisco mesothelioma attorney california FUTURISTIC ARCHITECTURE ASBESTOS LAWYERS compare small business phone systems LOW CREDIT LINE CREDIT CARDS DONATING USED CARS TO CHARITY Online casino Psychic for Free STRUCTURED ANNUITY SETTLEMENT mesothelioma claims baltimore mesothelioma attorneys supportpeachtreecom georgia truck accident lawyer st louis mesothelioma attorney Proud Italian cook boca raton personal injury attorney donate your car for money motorcycle accident lawyer california Paperport promotional code Online Motor Insurance Quotes Casino reviews Business VOIP Solutions Mortgage Adviser Best Criminal Lawyers in Arizona Dayton Freight Lines home phone internet bundle Criminal Defense Attorneys Florida refinance with bad credit structured settlement annuity companies domains yahoo WordPress hosting Hire php developers Car insurance in South Dakota Donate a Car in Maryland Bankruptcy lawyer Structures Annuity Settlement Live casino google adsense Annuity Settlements Forex Trading Platform mesothelioma information DUI lawyer Mesothelioma Law Firm Donate Car to Charity California Cheap Domain Registration Hosting Hire php programmers Virtual Data Rooms CHEAP DOMAIN REGISTRATION HOSTING business administration masters motorcycle accident attorney sacramento accident lawyers in los angeles PHD on Counseling Education BEST CRIMINAL LAWYER IN ARIZONA Social media examiner Service business software Criminal lawyer Miami AUTOMOBILE ACCIDENT ATTORNEY Holland Michigan College truck accident attorney los angeles Hire php developer Cheap Auto Insurance in VA best criminal lawyer in arizona peritoneal mesothelioma Car Insurance in South Dakota mesothelioma rates Computer science classes online Claim Php programmers Seo companies Best social media platforms for business Business management software sell annuity payment Injury Lawyers DONATE CAR FOR TAX CREDIT Custom WordPress theme designer donate car for tax credit Donate old cars to charity Cheap Car Insurance for Ladies Nunavut culture Seo services Donate Your Car Sacramento mesothelioma lawyer asbestos cancer lawsuit Car insurance quotes Utah Best Seo company mesothelioma settlements Photo Christmas cards Best social media platforms Online Stock Trading Online Christmas cards Donate car to charity California asbestos lawyers Html email alabama mesothelioma lawyer houston tx auto insurance WordPress themes for designers buy my structured settlement Donate your Car for Money benchmark lending mesotheolima illinois mesothelioma lawyer Psd to WordPress Cheap Car Insurance in Virginia Social media management diagnosed with mesothelioma michigan motorcycle accident lawyer Adobe illustrator classes personal injury attorney springfield mo verizon sip bus accident attorney los angeles Car Insurance Quotes Dallas mesothelioma attorneys Social media platforms Christmas cards philadelphia mesothelioma lawyer Psd to html Italian cooking school Car Insurance Quotes PA WordPress theme designers dui lawyer scottsdale integrated ehr mesothelioma cases mesothelioma charities Social media strategies Donate Your Car for Kids Social media tools Social media campaigns asbestos lung cancer Sell Annuity Payment Dedicated Hosting Dedicated Server Hosting cheap domain registration hosting structured settlement brokers Cheap car insurance in Virginia bus accident attorneys Donate Car for Tax Credit MASSAGE SCHOOL DALLAS TEXAS structured settlement blog Online Criminal Justice Degree PAPERPORT PROMOTIONAL CODE How to Donate A Car in California cash annuity World trade center footage Asbestos Lawyers Car Insurance Quotes Colorado personal injury lawyer illinois law lemon Low Credit Line Credit Cards cheap auto insurance in va CAR INSURANCE QUOTES PA mesothelioma lawyers san diego Hard drive Data Recovery Services buying structured settlements CAR INSURANCE IN SOUTH DAKOTA maritime lawyer houston Motor Replacements Donating a Car in Maryland Email Bulk Service mesothelioma mesothelioma lawsuit HOME PHONE INTERNET BUNDLE HARDDRIVE DATA RECOVERY SERVICES Car Insurance Quotes Utah Home Phone Internet Bundle Life Insurance Co Lincoln car insurance companies DONATE CARS ILLINOIS accident attorney orange county Online Colleges what is structured settlement Paperport Promotional Code Online Classes injury attorney baton rouge

jueves, 28 de octubre de 2010

Artilugios, JavaScript

Sencilla galería de imágenes con miniaturas – Hipotecario

Para los que les gusta lucirse con los gráficos, ahí va un sistema con algo de JavaScript y por supuesto CSS, para formar una galería que incluye unas miniaturas con las que se podrá acceder a las distintas imágenes de la colección.

Primero de todo, instalamos el estilo. Todo el código que se facilita en esta entrada está redactado para incluirlo todo seguido en un gadget. Tras cada parte, las aclaraciones necesarias para hacer lo mismo pero en las entradas.

style type="text/css"
#gallery { display: none; }
#jgal {padding:0;margin:0;list-style: none; width: 160px; }
#jgal li { opacity: .5;filter:alpha(opacity=50); float: left; display: block; width: 60px; height: 60px; background-position: 50% 50%; cursor: pointer; border: 3px solid #fff; outline: 1px solid #ddd; margin-right: 10px; margin-bottom: 10px; }
#jgal li img { position: absolute; top: 20px; left: 160px; display: none; }
#jgal li.active img { display: block; width:370px; }
#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99;filter:alpha(opacity=99);}
/style

Eldisplay:none; del primerID (#gallery) está pensado para evitar que las imágenes se vean completas antes de que se "monte" la galería (mientras se carga el código). En#jgal determinais el ancho del espacio destinado a las miniaturas; 160px en el ejemplo, para que se muestren en filas de a dos, porque hay que contar el ancho de la miniatura (60px) más los márgenes entre ellas. En#jgal li, fijais el tamaño de las miniaturas (60x60px). Elleft de#jgal li img es para desplazar la imagen grande que se va mostrando y que no se solape con las miniaturas. Hay más propiedades que sólo sirven para el estilo propiamente dicho, como la opacidad y los bordes, que podeis cambiar a vuestro gusto sin problemas.

Para el caso de querer publicar galerías en entradas, lo anterior hay que insertarlo antes de /b:skin para que esté disponible para todas las ocasiones y no tener que introducirlo manualmente en cada post. Previamente habrá que eliminar la primera y la última línea (etiquetas STYLE).

A continuación iría el script:

script type="text/javascript"
//![CDATA[
var gal = {
init : function() {
if (!document.getElementById || !document.createElement || !document.appendChild) return false;
if (document.getElementById('gallery')) document.getElementById('gallery').id = 'jgal';
var li = document.getElementById('jgal').getElementsByTagName('li');
li[0].className = 'active';
for (i=0; ili.length; i++) {
li[i].style.backgroundImage = 'url(' + li[i].getElementsByTagName('img')[0].src + ')';
li[i].title = li[i].getElementsByTagName('img')[0].alt;
gal.addEvent(li[i],'click',function() {
var im = document.getElementById('jgal').getElementsByTagName('li');
for (j=0; jim.length; j++) {
im[j].className = '';
}
this.className = 'active';
});
}
},
addEvent : function(obj, type, fn) {
if (obj.addEventListener) {
obj.addEventListener(type, fn, false);
}
else if (obj.attachEvent) {
obj["e"+type+fn] = fn;
obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }
obj.attachEvent("on"+type, obj[type+fn]);
}
}
}
gal.addEvent(window,'load', function() {
gal.init();
});
//
/script

Básicamente, lo que hace es buscar si existe elID gallery y capturar los distintos elementos de lista que pudieran existir en él. Esos elementos se mostrarán como miniaturas y una función controlará si se hace clic en ellos. En ese caso, al pulsado se le asignará la claseactive y será visible en la zona de ampliación.

Al igual que con el estilo, esta parte se puede poner directamente en la plantilla si lo vamos a usar con frecuencia, en cuyo caso, las comillas dobles de la primera línea, tendrán que cambiarse a comillas simples. A diferencia de aquel, este se insertará antes de /head.

Y para finalizar, la parte HTML. Independientemente de dónde hayamos puesto todo lo anterior, esto se tendrá que teclear justo dónde queremos que se muestre la galería. Si todo lo metimos en un gadget, a continuación. Se trata de una lista normal conid=gallery, metida dentro de unDIV con posición relativa para evitar efectos colaterales de otros posicionamientos pre-existentes.

div style="position:relative;"
ul id="gallery"
liimg src="URL_IMAGEN1" alt="" //li
liimg src="URL_IMAGEN2" alt="" //li
liimg src="URL_IMAGEN3" alt="" //li
liimg src="URL_IMAGEN4" alt="" //li
/ul
/div

Enalt podeis poner el texto que querais relativo a cada imagen y asunto terminado.

Más información (en inglés) enDavid's kitchen.

Actualización: Un nuevo post para construir esto mismo perocon las miniaturas en la parte inferior de la imagen y así poder mostrar con un mayor tamaño la imagen principal.

mesothelioma attorney cell cycle regulation ppt sell structured settlement calculator How to Donate A Car in California structured settlement brokers buyer of structured settlement annuity New social media platforms CAR INSURANCE QUOTES MN new york mesothelioma law firm Better Conference Calls st louis mesothelioma attorney Casino reviews structured annuity settlement WEBEX COSTS life insurance quotes Mobile casino Bankruptcy lawyer Live casino Cheap Car Insurance for Ladies hair removal washington dc Social media strategies workplace accident attorney Donate car for tax credit Asbestos Lawyers cheaper insurance companies primary pulmonary hypertension Motor replacements Donate Your Car for Kids Webex Costs accident attorney in los angeles DONATING A CAR IN MARYLAND Holland Michigan College Photo Christmas cards Motor Insurance Quotes Royalty Free Images Stock BETTER CONFERENCING CALLS semi truck accident lawyers mesothelioma lawyer virginia CAR INSURANCE QUOTES UTAH MET AUTO structured settlement purchasers mesothelioma compensation Online casino Casino Hire php developer automobile accident attorney california motorcycle accident lawyer illinois law lemon houston mesothelioma attorney personal injury firm selling structured settlement domain registration yahoo Royalty free images stock Donate your car Sacramento structered settlement Donate a car in Maryland STRUCTURED ANNUITY SETTLEMENT Donating a car in Maryland Make money online Australia Health Records Personal Health Record Html email business administration masters los angeles motorcycle accident lawyer ONLINE COLLEDGES AUTOMOBILE ACCIDENT ATTORNEY DONATE YOUR CAR FOR KIDS Car Insurance Quotes MN att call conference Online Criminal Justice Degree Hire php developers Best Criminal Lawyers in Arizona online colledges motorcycle lawyer los angeles CAR INSURANCE IN SOUTH DAKOTA Dwi lawyer HOLLAND MICHIGAN COLLEGE Psd to html Massage School Dallas Texas Online Colleges Sell Annuity Payment la personal injury lawyer Cheap car insurance in Virginia mesothelioma lawyer california Dallas Mesothelioma Attorneys Motor Replacements Criminal defense lawyer DUI lawyer maritime lawyer houston Hire php programmers Personal Injury Lawyer business email web hosting Criminal lawyer Service business software Custom Christmas cards Php programmers for hire Auto Mobile Insurance Quote boca raton personal injury attorney Donating used cars to charity Donate Car To Charity CALIFORNIA Seo companies Forex Trading Platform Business finance group Computer science classes online Donate Old Cars to Charity CAR ACCIDENT LAWYERS Paperport promotional code Php programmers Cheap Auto Insurance in VA mesothelioma lawyer asbestos cancer lawsuit DONATE YOUR CAR FOR MONEY firm law mesothelioma Best social media platforms for business Best Seo company donate your car for kids chicago hair laser removal orlando criminal attorney Best social media platforms Social media platforms for business Donate Your Car Sacramento Custom WordPress theme designer Adobe illustrator classes MASSAGE SCHOOL DALLAS TEXAS Donate Car to Charity California Seo services DONATE CARS IN MA Forensics online course washington mesothelioma attorney houston tx auto insurance miami personal injury lawyer Car insurance quotes Utah Business management software how to donate a car in california mesothelioma attorneys Seo company Online Christmas cards donating used cars to charity Psd to WordPress accident car florida lawyer WordPress themes for designers WordPress hosting Neuson Dayton freight lines Car Insurance Quotes Annuity Settlements michigan motorcycle accident lawyer Social media examiner personal injury law firm Social media management auto accident lawyer san francisco Tech school Car insurance quotes Colorado car accident lawyers west palm beach event management security Social media platforms Christmas cards mesothelioma symptoms Proud Italian cook Italian cooking school WordPress theme designers Donate Car for Tax Credit Gas/Electricity refinance with bad credit EMAIL BULK SERVICE mesothelioma trial attorney CHEAP CAR INSURANCE IN VIRGINIA Car Insurance Quotes Colorado Learning adobe illustrator LOW CREDIT LINE CREDIT CARDS Injury Lawyers Donate cars Illinois motorcycle accident lawyer san francisco Social media tools Social media campaigns Mesothelioma Law Firm DONATE YOUR CAR SACRAMENTO benchmark lending MORTGAGE ADVISER pharmacist jobs in chicago Structures Annuity Settlement Donate Cars in MA accident attorneys orange county Auto Accident Attorney sell your structured settlement payments personal injury accident lawyer Dedicated Hosting Dedicated Server Hosting MOTOR REPLACEMENTS Register Free Domains Futuristic Architecture adverse remortgage alabama mesothelioma lawyer colorado mesothelioma lawyers mesothelioma lawyer chicago Online Classes Nunavut Culture Psychic for Free Dayton Freight Lines motorcycle accident attorney sacramento Hard drive Data Recovery Services Donate a Car in Maryland Cheap Domain Registration Hosting Donating a Car in Maryland Donate Cars Illinois Criminal Defense Attorneys Florida email bulk service Car Insurance Quotes Utah Life Insurance Co Lincoln Donate your car for money Futuristic architecture Cheap auto insurance in VA Online Motor Insurance Quotes

martes, 26 de octubre de 2010

CSS, Trucos

Cambio de imagen con hover – Register – Auto

Este truquillo tiene diversas aplicaciones, aunque en un principio, sólo se trata de crear unas clases CSS, para que al pasar el puntero por una imagen, se pueda solapar otra por encima.

Esta sería la parte CSS común:

#contenedor {
position: relative;
}
.miniatura{
z-index: 1001;
text-decoration: none;
}
.miniatura img {
border: 0px;
}
.miniatura span {
position: absolute;
text-decoration: none;
visibility: hidden;
border: 0px;
top:0px;
left:0px;
}
.miniatura:hover span {
visibility: visible;
overflow:visible;
z-index: 1002;
}

La primera utilidad que se me ocurre es que haya dos imágenes iguales y la primera se muestre más pequeña para que el hover funcione a modo de ampliación de miniatura.

div id="contenedor"
a href="javascript:void(0);" class="miniatura"
img src="URL_IMAGEN" alt="" style="width:100px;" /
spanimg src="URL_IMAGEN" alt=""//span
/a
/div

Lo único a destacar en este HTML es que las dos direcciones de imagen son idénticas (es la misma imagen), pero la primera incluye unWIDTH para forzar su menor tamaño. La segunda, en este caso y en los siguientes, siempre estará "rodeada" por unSPAN para provocar el efectoHOVER.

Otra forma de utilizar este CSS, sería para simular unrollover sin utilizar JavaScript.

El código HTML sería el mismo de antes, pero sin incluir ningúnWIDHT y utilizando una segunda imagen, que en este caso era la misma pero invertida.

div id="contenedor"
a class="miniatura" href="javascript:void(0);"
img alt="" src="URL_IMAGEN1" /
spanimg alt="" src="URL_IMAGEN2" //span
/a
/div

Podemos aprovechar este mismo codigo para mostrar una información adicional, complementaria o incluso un detalle, con respecto a la imagen base.

En esta ocasión, no ha sido necesario utilizar elWIDTH, puesto que las dos imágenes ya las hemos construido del tamaño que nos venía bien. No obstante, se podrían haber redimensionado como antes sin problemas.

Otra posiblidad más. Ahora sustituimos la segunda imagen por un texto y añadimos estilo alSPAN.

Trichogaster Leeri. Procede de ríos de aguas tranquilas y densamente plantados de Malasia, Borneo y Sumatra. El macho tiene el cuerpo más rojo y sus aletas anal y dorsal alargadas.

div id="contenedor"
a class="miniatura" href="javascript:void(0);"
img alt="" src="URL_IMAGEN1" /
spanstyle="background:#ffffff;padding:10px;"Trichogaster Leeri. Procede de ríos de aguas tranquilas y densamente plantados de Malasia, Borneo y Sumatra. El macho tiene el cuerpo más rojo y sus aletas anal y dorsal alargadas./span
/a
/div

Para un efecto algo distinto, podeis cambiar en el CSS, los valores deTOP yLEFT, de manera que el segundo elemento, salga desplazado con respecto al vértice superior izquierdo del primero.

En fin, ahí queda la idea y que cada cual le de el uso que necesite. Y si se os ocurren más ¡no dudeis en comentarlo!

Nota: ¿Esto te viene bien Jaime? ;)

Artilugios, Blogger, BPT

Otro servicio para entradas más populares – PHD

Desde este pasado verano, primero enBlogger Borrador y luego enBlogger "Normal", tenemos un nuevo gadget para poder mostrar las entradas más populares de nuestro blog. En esta entrada deEl Escaparate podeis ver cómo instalarlos y en esta otra dePizcos, cómo modificarlos para que el formato sea más acorde con vuestros gustos.

Sin embargo, nunca está de más tener otras alternativas que pueden sernos útiles en determinadas circunstancias y en este caso, entre otras, podemos contar conPostRank.

Poco hay que explicar sobre cómo conseguir el gadget, porque en la misma página principal ya nos indican los cuatro pasos a seguir para ello:

Especificar la dirección del sitio
Escoger el tema
Seleccionar el número de entradas a mostrar
Copiar el código

En el último paso, incluso se facilita un botón para trasladar automáticamente el código del gadget a nuestra barra lateral (sólo TypePad o Blogger).

Según vais ajustando cosas, podreis comprobar cómo quedará todo en la vista previa de la derecha.

Si todavia no os convence del todo y quereis cambiar el estilo general de la lista, sólo tendreis que seleccionar enChoose your theme la última opción, que viene a querer decir "sin estilo" y luego crear en vuestro CSS la clase.postrank-posts li con las opciones deseadas.

Hire php developers life insurance co lincoln Mesothelioma Law Firm Donate a car in Maryland Social media platforms for business WebEx costs what is structured settlement la personal injury lawyer Best social media platforms CHEAP CAR INSURANCE FOR LADIES Hire php developer LIFE INSURANCE CO LINCOLN Auto Mobile Shipping Quote dui lawyer scottsdale Online casino colorado mesothelioma lawyers Home Phone Internet Bundle Paperport Promotional Code Casino reviews PSYCHIC FOR FREE Make money online Australia CAR DONATE yahoo web hosting Massage school Dallas Texas Casino Social media strategies Hard drive Data Recovery Services Nunavut Culture Mobile casino benchmark lending REGISTER FREE DOMAINS business email web hosting NEUSON bus accident attorneys DONATE YOUR CAR SACRAMENTO hughes net business How to Donate A Car in California injury lawyers west palm beach Online colledges Donate Old Cars to Charity Criminal defense lawyer Dedicated Hosting Dedicated Server Hosting World Trade Center Footage DUI lawyer small business administration sba Personal Injury Law Firm PAPERPORT PROMOTIONAL CODE miami personal injury attorney Forensics online course Met Auto Cheap Car Insurance in Virginia Better Conference Calls Psd to html ANNUITY SETTLEMENT WordPress hosting mesotheliama Live casino car insurance in south dakota criminal defense federal lawyer Hire php programmers EMAIL BULK SERVICE DONATE CAR FOR TAX CREDIT Annuity Settlements Tech school Dwi lawyer Criminal lawyer mesothelioma settlement amounts Car Donate Service business software CAR INSURANCE IN SOUTH DAKOTA massage school dallas texas Car Insurance Quotes Utah structered settlement Structures Annuity Settlement Best Criminal Lawyers in Arizona Php programmers for hire state of california car insurance DONATE YOUR CAR FOR MONEY Neuson Psychic for Free Seo company quotes car city college in miami firm law mesothelioma structured settlement buyer Bankruptcy lawyer Holland Michigan College Home phone internet bundle offshore accident lawyer DONATING A CAR IN MARYLAND virtual data rooms Computer science classes online mesothelioma cases alabama mesothelioma lawyer motorcycle lawyer los angeles Online Classes meso lawyer Auto Accident Attorney LOW CREDIT LINE CREDIT CARDS Adobe illustrator classes Donating a Car in Maryland Custom Christmas cards Php programmers Seo companies car insurance quotes colorado asbestos lung cancer event management security Best social media platforms for business Donate Your Car for Kids Online Stock Trading Donating Used Cars to Charity ONLINECLASSES New social media platforms Business finance group structured annuity settlement Online Criminal Justice Degree Cheap domain registration hosting HOLLAND MICHIGAN COLLEGE Christmas cards Custom WordPress theme designer Seo services Best Seo company Photo Christmas cards FUTURISTIC ARCHITECTURE Business management software Motor Insurance Quotes mesothelioma lawyer virginia Social media examiner Email Bulk Service sell annuity payment Online Christmas cards auto accident attorney Torrance Dallas Mesothelioma Attorneys Royalty Free Images Stock DONATING USED CARS TO CHARITY maritime lawyer houston WordPress themes for designers Psd to WordPress Social media management Donate Car for Tax Credit Personal Injury Lawyers forensics online course Html email mesothelioma attorneys california DONATE CARS ILLINOIS futuristic architecture Social media platforms Proud Italian cook truck accident attorney los angeles Insurance Italian cooking school Donate Car To Charity CALIFORNIA MOTOR REPLACEMENTS mesothelioma law firm Social media tools WordPress theme designers donate your car for kids selling annuity payments for cash structured settlement broker saskatchewan auto insurance Learning adobe illustrator Forex Trading Platform HARDDRIVE DATA RECOVERY SERVICES Social media campaigns colorado auto accident attorney Donate Car to Charity California Donate Cars Illinois Mortgage Adviser structured settlement blog Donate Cars in MA Online classes Donate Your Car Sacramento PHD IN COUNSELING EDUCATION Sell Annuity Payment Online Motor Insurance Quotes Asbestos Lawyers Car Insurance Quotes Colorado refinance with poor credit CAR INSURANCE QUOTES UTAH Injury Lawyers Dayton Freight Lines CAR INSURANCE QUOTES MN Donate a Car in Maryland mesothelioma drug Motor Replacements adverse credit remortgage Cheap Domain Registration Hosting mesothelioma settlements amounts buying structured settlements accident attorneys orange county Car Insurance Quotes Car insurance quotes MN Criminal Defense Attorneys Florida structured settlement quote cell cycle regulation ppt car insurance quotes mn Life Insurance Co Lincoln domains yahoo register free domains business voip solutions Online Colleges accident attorney san bernardino los angeles auto accident attorneys PhD in counseling education Massage School Dallas Texas fortis health insurance temporary Low Credit Line Credit Cards buyers of structured settlements CAR INSURANCE QUOTES COLORADO buy gift card

jueves, 21 de octubre de 2010

Mundo Google, Recursos

Google Analytics y las zonas calientes de tu sitio – Law Firm – PHD

Si usaisGoogle Analytics, tal y como parece que ya hacenel 58% de los sitios webs, quizás te sea útil un nuevo indicador que ahora puedes encontrar allí en fase beta. Se trata de laAnalítica de la Página (In-Page Analytics).

Este conjunto de palabros tan extraño -al menos para mí- es sólo una forma de nombrar el sistema que te permite ver directamente sobre una réplica de tu página, las zonas dónde se puede clicar, unidas al porcentaje de clics que reciben cada una de ellas sobre el total de los que se han hecho en la página.

No es casual que Google incorpore esto a uno de sus servicios, como tampoco lo es que sea una de las mejores herramientas que existen para obtener analíticas de páginas webs, a pesar de ser gratuita. Recordamos que el principal negocio del emporio del buscador es la publicidad (Adsense) y cuanto mejor se presente esta, más beneficios para todos los implicados.

Es evidente que la principal utilidad es la de encontrar el sitio dónde los anuncios tienen más posibilidad de ser pinchados. Pero si no tienes publi, también puedes aprovechar esta herramienta para contrastar otros datos. En la imagen de arriba podeis ver, por ejemplo, qué categorías de la lista de etiquetas de este blog son las más visitadas. Con este sistema, resulta muy fácil visualizar eso de un simple vistazo, ahorrándonos el ir buceando por otro tipo de datos.

Como añadido, situando el cursor encima de cada burbuja podeis ver datos adicionales como el total de clicks o la rentabilidad del enlace si es que teneis unido este servicio a Adsense. Pero recordar que todavía es beta, por lo que los datos pueden ser todavía no muy fiables.

Más información en elblog de Google Analytics y en suservicio de ayuda (en inglés).

Actualización: Se me olvidó comentar que podeis encontrar esta utilidad dentro del apartado Contenido, en el menú de la izquierda ;)

motor insurance quotes Online casino mesothelioma settlements amounts DUI lawyer Make money online Australia register free domains car insurance quotes pa mesothelioma attorney assistance cloud identity and access management Car Insurance Companies mesothelioma symptoms life insurance quotes Donating used cars to charity Data Recovery Raid Casino MOTOR REPLACEMENTS New social media platforms asbestos mesothelioma lawsuit Mobile casino boca raton personal injury attorney asbestos lawyers criminal defense attorneys florida AUTO ACCIDENT ATTORNEY mesotheioma Auto Accident Attorney best accident attorneys pharmacist jobs in chicago Automobile Accident Attorney mesothelioma help car accident lawyers west palm beach accident car florida lawyer Donate Old Cars to Charity Register free domains Holland Michigan College Criminal Defense Attorneys Florida car insurance quotes washington mesothelioma attorney WordPress theme designers Forensics Online Course motorcycle accident lawyer san francisco Better Conference Calls Donate Your Car Sacramento Annuity Settlements donate your car for kids Forex Trading Platform AUTOMOBILE ACCIDENT ATTORNEY Seo companies Hire php programmers Php programmers mesotheloma HARDDRIVE DATA RECOVERY SERVICES Futuristic Architecture integrated ehr Royalty free images stock Dwi lawyer Cheap car insurance in Virginia Casino reviews Live casino Html email STRUCTURED ANNUITY SETTLEMENT Hire php developers domain yahoo Php programmers for hire Mortgage Adviser automobile accident attorney Custom Christmas cards world trade center footage Social media campaigns Social media platforms for business royalty free images stock cash out annuity NEUSON criminal defense federal lawyer earthlink business internet domains yahoo Cheap Domain Registration Hosting CAR INSURANCE QUOTES MN Criminal lawyer Service business software donate old cars to charity Criminal defense lawyer structured settlement brokers colorado auto accident attorney Hire php developer PAPERPORT PROMOTIONAL CODE Car Donate Mortgage CRIMINAL DEFENSE ATTORNEYS FLORIDA forensics online course Bankruptcy lawyer Computer science classes online Car Insurance Quotes Utah DONATE YOUR CAR FOR KIDS WordPress hosting Donate a Car in Maryland Psd to html Donate a car in Maryland HOME PHONE INTERNET BUNDLE Criminal defense attorneys Florida Structures Annuity Settlement Best social media platforms for business colorado mesothelioma lawyers insurance medical temporary Personal Injury Law Firm semi truck accident lawyers structured settlement annuity companies accident attorney orange county PSYCHIC FOR FREE hughes net business ROYALTY FREE IMAGES STOCK adverse remortgage Online motor insurance quotes structured settlements annuities Learning adobe illustrator canada personals yahoo LIFE INSURANCE CO LINCOLN Business finance group DONATE CARS ILLINOIS Custom WordPress theme designer Seo services dallas mesothelioma attorneys accident attorneys orange county Best Seo company mesothelioma compensation Business management software Neuson Donate your car Sacramento saskatchewan auto insurance Best social media platforms Seo company Massage School Dallas Texas CHEAP AUTO INSURANCE IN VA business voip solutions Online Christmas cards sell structured settlement calculator Photo Christmas cards alcohol rehab center in florida Christmas cards donating used cars to charity WordPress themes for designers mesothelioma personal injury lawyers Psd to WordPress Social media examiner Social media platforms offshore accident lawyer Social media management Tech school motorcycle accident attorney chicago harddrive data recovery services Paperport Promotional Code workers compensation lawyer los angeles Online Motor Insurance Quotes WORLD TRADE CENTER FOOTAGE mesothelioma law firm Proud Italian cook Italian cooking school Asbestos Lawyers how to donate a car in california Adobe illustrator classes World Trade Center Footage Social media strategies philadelphia mesothelioma lawyer business email web hosting mesothelioma lawyer houston Social media tools Sell Annuity Payment Low credit line credit cards Mesothelioma Law Firm Donate Car to Charity California Met auto state of california car insurance Donate Car for Tax Credit Donate Cars in MA car insurance quotes mn How to Donate A Car in California futuristic architecture structured settlement investments Donate Your Car for Kids ashely madis CAR DONATE Hard drive Data Recovery Services Car Insurance Quotes Colorado Nunavut Culture mesotheliama Dayton Freight Lines Car insurance quotes MN Best Criminal Lawyers in Arizona yahoo web hosting injury lawyers Motor Replacements Car Insurance Quotes event management security Insurance dui lawyer scottsdale Cheap Car Insurance in Virginia Donating a Car in Maryland Donate Cars Illinois FORENSICS ONLINE COURSE ONLINE MOTOR INSURANCE QUOTES Life Insurance Co Lincoln motorcycle lawyer los angeles mesothelioma survival rates Online Colleges Donate car for tax credit auto insurance cost by state Online Classes wisconsin mesothelioma attorney VIRTUAL DATA ROOMS Car insurance quotes Utah Psychic for Free