Personaliza los enlaces de navegación: "Entradas antiguas", "Página Principal" y "Entradas más recientes" de tu Blog con una buena imagen – Virginia

Personaliza tu Blog, dale el toque que deseas. Te propongo una manera de ofrecer los enlaces para mostrar las entradas antiguas o las entradas nuevas de una manera vistosa sin perder un rendimiento y con un excelente acabado.

Los usuarios tienden a utilizar más de lo que se suele pensar los enlaces a pié de página que Blogger añade para que puedan pasar de las entradas más recientes a las entradas más antiguas o ir a la página principal. Son especialmente útiles cuando carecemos de menú u orientación posible para la navegación por el Blog.



Los Blogger no solemos conformarnos con la presentación por defecto que la propia herramienta nos brinda para muchos de sus componentes. Nos gusta editar la plantilla, utilizar los tipos de letra propios, darle nuestro toque personal.

Si anteriormente vimos cómoponer una imagen en el enlace del resumen de las entradas ("Más información"), esta vez vamos a aplicar ese mismo concepto a los dos enlaces del pié de página de Blogger que más complementan el soporte a la navegación por el Blog: Ir a "entradas antiguas" o ir a "entradas más recientes".

Conceptos iniciales para los más noveles: "Entradas antiguas", "Entradas más recientes"

• El llamado "cuerpo del blog" o página central de nuestro sitio web dispone su parte inferior o pié de página de tres enlaces que sirven para que el usuario pueda navegar por el Blog si se encuentra visualizando su parte inferior. Permiten avanzar a páginas con las entradas más recientes (enlace "Entradas más recientes"), retroceder a las más antiguas (enlace "Entradas antiguas") o volver a la página principal (enlace "Página principal").
• Si bien normalmente en la parte superior del Blog hay varios componentes que le permiten al usuario navegar a una página determinada del mismo (archivo del blog, menús, entradas populares, etc...), en la parte inferior no hay muchas más formas de que pueda acceder a contenidos antiguos o nuevos que utilizando estos enlaces.

• Un ejemplo de los enlaces para entradas antiguas, nuevas o página principal realizadoscontexto (la opción por defecto que ofrece Blogger):

Los enlaces para retroceder a entradas antiguas, entradas nuevas o volver a la página principal

Cómo ponemos una imagen para el texto "Entradas más recientes" de nuestro salto de línea. Paso a paso.:

Los más creativos no se conformarán "sólo con texto". Si deseamos añadir una imagen, hay que seguir estos sencillos pasos:

1)Realiza unacopia de seguridadde tu Blog siguiendo la guía para la que te he puesto el enlace. No te llevará más de dos minutos y si cometes cualquier error, simplemente podrás volver a tu copia de seguridad.

2)Dentro de Blogger, en el menú de la izquierda, dirígete a la opción "Plantilla" y selecciona el botón "Editar HTML". Se te mostrará el código fuente de Blogger que compone tu plantilla.

Editor de plantilla de Blogger.

Poniendo la imagen para el enlace "Entradas más recientes"

3)Pulsa CONTROL+ F para localizar el textodata:newerPageTitle/

• Se trata de la etiqueta que controla el texto para el enlace de las "Entradas más recientes". El código completo que debes estar viendo y sobre el que vamos a actuar es este:

b:if cond='data:newerPageUrl'

span id='blog-pager-newer-link'

a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'data:newerPageTitle/ /a

/span/b:if

• Para poner una imagen en vez del texto que por defecto se carga para "Entradas más recientes" cambia o comenta como hago en el ejemplo el textodata:newerPageTitle/porimg src="DIRECCIÓN_DE_TU_IMAGEN" width="ANCHO" height="ALTO"//a

Quedaría algo así:

b:if cond='data:newerPageUrl'
span id='blog-pager-newer-link'
a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'!--data:newerPageTitle/--img src="DIRECCIÓN_DE_TU_IMAGEN" width="ANCHO" height="ALTO"//a
/span
/b:if

• En amarillo:La parte de código que no es necesario tocar y que no cambia.
• !--data:newerPageTitle/--:Comentamos la línea que hace que salga el texto "Entradas más recientes" al presentar nuestra página. El comentario !-- que se cierra con --, hace que el navegador lo interprete como texto "que no existe", que se salta. Es mejor comentarlo para no tenerlo que borrar, si no te gusta el resultado puedes quitar las etiquetas de comentario y vuelve a dibujarse normalmente. Si lo prefieres, puedes borrarlo directamente, esto según tus preferencias.
• img src="DIRECCIÓN_DE_TU_IMAGEN" width="ANCHO" height="ALTO"/:Aquí pondrás la imagen que hayas diseñado y que desees que se muestre para que el usuario pulse y acceda a las entradas más recientes.

Poniendo la imagen para "Entradas Antiguas"

4)Pulsa CONTROL+ F para localizar el textodata:olderPageTitle/(un poco más abajo de las páginas para entradas más recientes, se encuentra esta etiqueta que referencia a las más antiguas).

• Se trata de la etiqueta que controla el texto para el enlace de las "Entradas antiguas". El código completo que debes estar viendo y sobre el que vamos a actuar es este:

b:if cond='data:olderPageUrl'
span id='blog-pager-older-link'
a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'data:olderPageTitle//a
/span
/b:if

• Para poner una imagen en vez del texto que por defecto se carga para "Entradas antiguas" cambia o comenta como hago en el ejemplo el textodata:olderPageTitle/porimg src="DIRECCIÓN_DE_TU_IMAGEN" width="ANCHO" height="ALTO"//a

Quedaría algo así:

b:if cond='data:olderPageUrl'
span id='blog-pager-older-link'
a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'!--data:olderPageTitle/--img src="DIRECCIÓN_DE_TU_IMAGEN" width="ANCHO" height="ALTO"//a
/span
/b:if

• En amarillo:La parte de código que no es necesario tocar y que no cambia.
• !--data:olderPageTitle/--:Comentamos la línea que hace que salga el texto "Entradas antiguas" al presentar nuestra página. El comentario !-- que se cierra con --, hace que el navegador lo interprete como texto "que no existe", que se salta. Es mejor comentarlo para no tenerlo que borrar, si no te gusta el resultado puedes quitar las etiquetas de comentario y vuelve a dibujarse normalmente. Si lo prefieres, puedes borrarlo directamente, esto según tus preferencias.
• img src="DIRECCIÓN_DE_TU_IMAGEN" width="ANCHO" height="ALTO"/:Aquí pondrás la imagen que hayas diseñado y que desees que se muestre para que el usuario pulse y acceda a las entradas más antiguas.

Poniendo la imagen para "Página principal"

5)Pulsa CONTROL+ F para localizar el textodata:homeMsg/(un poco más abajo).

• Se trata de la etiqueta que controla el texto para el enlace de las "Página principal". El código completo que debes estar viendo y sobre el que vamos a actuar es este:

a class='home-link' expr:href='data:blog.homepageUrl'data:homeMsg//a

• Para poner una imagen en vez del texto que por defecto se carga para "Página principal" cambia o comenta como hago en el ejemplo el textodata:homeMsg/porimg src="DIRECCIÓN_DE_TU_IMAGEN" width="ANCHO" height="ALTO"//a

Quedaría algo así:

a class='home-link' expr:href='data:blog.homepageUrl'!--data:homeMsg/--img src="DIRECCIÓN_DE_TU_IMAGEN" width="ANCHO" height="ALTO"//a

• En amarillo:La parte de código que no es necesario tocar y que no cambia.
• !--data:homeMsg/--:Comentamos la línea que hace que salga el texto "Página principal" al presentar nuestra página. El comentario !-- que se cierra con --, hace que el navegador lo interprete como texto "que no existe", que se salta. Es mejor comentarlo para no tenerlo que borrar, si no te gusta el resultado puedes quitar las etiquetas de comentario y vuelve a dibujarse normalmente. Si lo prefieres, puedes borrarlo directamente, esto según tus preferencias.
• img src="DIRECCIÓN_DE_TU_IMAGEN" width="ANCHO" height="ALTO"/:Aquí pondrás la imagen que hayas diseñado y que desees que se muestre para que el usuario pulse y acceda a las entradas más antiguas.

Sobre las imágenes que utilices, útiles recomendaciones y formas de subirlas a un servidor para utilizarlas en tu blog:

Controla que no haya reescalado:

• La imagen que pongas procura que NO haya que reescalarla. Es decir, suelen ser imágenes pequeñas de unos 120x45 píxeles. Busca tu tamaño más apropiado y procura que la imagen mida exactamente ese ancho y alto. De esta forma evitarás que el navegador "pierda tiempo" en el dibujado de tu imagen por tener que reescalarla al ancho y alto que hayas puesto en "Width" y "height". Fíjate en los tutoriales para"iconos sociales"en el punto 2.
• Te recomiendo que para la correcta gestión de imágenes para el Blog realicesel tutorial de imágenespara obtener el mejor rendimiento posible.

Subir imagen de "más información" a Drive para utilizarla en tu Blog:

Una vez tengas tus imágenes, lo mejor es que las pongas en Google Drive o en un almacenamiento fiable y disponible para tí.

• En Google selecciona en el menú superior "Drive" y el icono de la flecha apuntando arriba que te he marcada en la imagen.

• En el menú desplegable que te sale pulsa "Files" y selecciona las imágenes de los iconos que te descargarte para utilizar en el blog.
• Luego, cuando ya te aparezcan las imágenes subdias,no olvidesseleccionarlas con la casilla de verificación que aparece a su izquierda y hacer clic en el icono que te marco en la imagen (el del "hombrecito" con un símbolo+):

• Cuando hagas "Share", vas a dejar la imagen compartida como pública para que pueda dibujarse en tu blog para todos los usuarios que accedan al mismo. Si no la compartes, no se dibujará. Deberás seleccionar "Public" en la sección "Who has access" tal como te muestro en pantalla. Además cópiate el código que te he marcado de cada una de las imágenes que hagas públicas. Es el código identificativo único que Drive asignará a tu imagen para que puedas compartirla, lo utilizaremos después en los próximos pasos (cada imagen que subas tendrá uno, apúntate cada uno con cada imagen que compartas):

Subir imagen de "más información" con Blogger para utilizarla en tu Blog de la manera más óptima:

• Puedes poner tu imagen en Drive, el problema es que su gestión se realizará mediante protocolo https en lugar de http. Esto puede ser un poco más lento, el https no se gestiona en la caché de tu navegador igual que lo hace el http. Mi consejo es que subas la imagen a una entrada de Blogger, la pongas en tamaño "original" y copies la URL asociada a dicha imagen, así la podrás utilizar con http que es más rápido:

1)Créate una nueva entrada en Blogger (luego la podrás dejar en borrador o eliminarla, es igual).

2)Con el icono insertar imagen metes la imagen en la entrada como sueles hacer normalmente (la subes a Blogger como normalmente haces o utilizas una ya existente). Mete la imagen de cada icono.

3)Una vez insertada en la entrada, haz "clic" derecho sobre la imagen y copia la URL que Blogger ha asignado a la misma.

4)Cuando necesites llamar a esa imagen en tus páginas, por ejemplo iconos de redes sociales o de más que puedas tener alojados en Drive o servidores externos, cambia la URL por la nueva que Blogger ha asignado a la imagen al alojarla en sus servidores.
Con esto la carga de la imagen será por HTTP con un correcto alojado en caché y además dentro de los propios servidores de Blogger (sin necesidad de "salir fuera" a por dicha imagen).

Para cualquier duda, como siempre cuéntame lo que necesites en los comentarios.

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDITDONATE CARS IN MADONATE YOUR CAR SACRAMENTOHOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINESHARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLANDMundial Football free legal advice,FIFA World Cup cheap web hosting donde me dieron un available domain name,cheap domain name registration,pero salio muy caro y mejor me hice student credit card ,accept credit pero me recomendaron mejor utilizar credit counseling service donde tienen un mejor soporte y credito support stocking pero mejor me compre un linux hosting y mejor me afilie a affiliate programs pero buy �web position gold�,microsoft certification,Mesothelioma law firm,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetMundial FootballFIFA World Cup Vestidos de Perros y gatosHosting Dominio web movilSelling annuity payments for cashSelling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlementStructured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

cell cycle regulation ppt Social media campaigns Criminal defense lawyer WEBEX COSTS See more at http//wwwginfostopnet/ buy gift card Best criminal lawyer in Arizona PhD in counseling education event management security forensics online course firm law mesothelioma Casino reviews World trade center footage CAR INSURANCE IN SOUTH DAKOTA accident car florida lawyer st louis mesothelioma attorney Hire php developers Dwi lawyer Auto Accident Attorney Royalty free images stock donate your car for kids donate your car for money BEST CRIMINAL LAWYER IN ARIZONA injury attorney baton rouge Gas/Electricity Online casino Html email Life insurance co Lincoln Met Auto Mortgage adviser Business finance group auto accident attorney PHD IN COUNSELING EDUCATION criminal defense attorneys florida Donate your Car for Money Structures Annuity Settlement lawsuit mesothelioma illinois law lemon Casino LIFE INSURANCE CO LINCOLN Adobe illustrator classes mesothelioma law suits better conferencing calls anti spam appliance Mobile casino business administration masters Social media platforms Paperport promotional code domain name yahoo mesothelioma cases Dallas Mesothelioma Attorneys DONATE YOUR CAR FOR MONEY accident attorney orange county structured settlement need cash now Seo company Make money online Australia Motor Insurance Quotes tennessee mesothelioma lawyer Hire php developer Live casino Hard drive Data Recovery Services Life Insurance Co Lincoln mesothelioma symptoms DUI lawyer car accident lawyer san bernardino how to donate a car in california Custom Christmas cards PHD on Counseling Education Hire php programmers World Trade Center Footage dallas mesothelioma lawyer donate old cars to charity DONATE CARS IN MA Car Accident Lawyers motorcycle accident lawyer san francisco workplace accident attorney Donate Your Car Sacramento buyer of structured settlement annuity Business management software cheap car insurance in virginia Online College Course accident lawyers in los angeles compare small business phone systems Holland Michigan College Social media platforms for business Criminal lawyer Car Donate Criminal Defense Attorneys Florida Service business software Psd to WordPress auto accident lawyer san francisco Cheap auto insurance in VA auto accident attorney Torrance Sell Annuity Payment Car Insurance Quotes MN motor insurance quotes Php programmers for hire virtual data rooms Personal Injury Lawyer life insurance co lincoln CAR DONATE MESOTHELIOMA LAW FIRM mesothelioma attorney assistance Bankruptcy lawyer best accident attorneys DONATE YOUR CAR FOR KIDS Php programmers Computer science classes online Tech school Seo companies Social media management Best social media platforms for business BETTER CONFERENCING CALLS miami personal injury attorney Donate Cars in MA motorcycle lawyer los angeles Online Christmas cards New social media platforms offshore accident lawyer car insurance quotes mn Low Credit Line Credit Cards Social media tools mesothelioma lawyer virginia Custom WordPress theme designer mesothelioma information Seo services Best Seo company mesothelioma attorney Best social media platforms bus accident attorney los angeles HARDDRIVE DATA RECOVERY SERVICES Car Insurance Quotes PA mesotheioma Photo Christmas cards Cheap Car Insurance for Ladies WordPress themes for designers Insurance Companies cheap auto insurance in va WordPress hosting miami personal injury lawyer Italian cooking school DALLAS MESOTHELIOMA ATTORNEYS mesothelioma attorney florida selling annuity payments for cash CHEAP DOMAIN REGISTRATION HOSTING Automobile Accident Attorney Social media examiner How to Donate A Car in California PAPERPORT PROMOTIONAL CODE Mesothelioma Law Firm Social media strategies Christmas cards CAR INSURANCE QUOTES PA Nunavut Culture Proud Italian cook Futuristic Architecture car insurance quotes colorado Psd to html mesothelioma settlements amounts DONATE CARS ILLINOIS structured settlement cash out Car Insurance Companies average mesothelioma settlement WordPress theme designers NUNAVUT CULTURE california law lemon phd in counseling education Learning adobe illustrator compare life assurance Best Criminal Lawyers in Arizona Donate Car to Charity California Donate Car for Tax Credit Car insurance quotes MN insurance medical temporary Donate a car in Maryland mesothelioma lawyer california email bulk service Cheap Domain Registration Hosting mesothelioma personal injury lawyers Email Bulk Service Donate Your Car for Kids structured settlemen Asbestos Lawyers Car Insurance Quotes Colorado Criminal lawyer Miami personal injury lawyer sarasota fl la personal injury lawyer Annuity Settlements mesotheolima structured settlements companies Dayton Freight Lines CAR INSURANCE QUOTES COLORADO benchmark lending Donate a Car in Maryland Motor Replacements Psychic for Free Forensics Online Course Donating a Car in Maryland Donate Cars Illinois Register Free Domains Donate your car Sacramento Car Insurance Quotes Utah refinance with poor credit motor replacements Online Motor Insurance Quotes Online Colleges Paperport Promotional Code Online Classes Massage School Dallas Texas Donate Old Cars to Charity

Consigue mejorar el texto "Más información" del resumen de tus entradas con una buena imagen – Shipping – Credit

Personaliza tu Blog, dale el toque que deseas. Te propongo una manera de ofrecer el enlace para acceso al detalle de tus entradas de una manera vistosa sin perder un ápice de rendimiento y con un excelente acabado.

Todas las entradas de un Blog suelen tener un resumen de entrada que finaliza con el texto "Más información" en el que el usuario pulsa para entrar al detalle del contenido.



Los Blogger no solemos conformarnos con la presentación por defecto que la propia herramienta nos brinda para muchos de sus componentes. Nos gusta editar la plantilla, utilizar los tipos de letra propios, darle nuestro toque personal. Entre estos cambios se encuentra el enlace del final del resumen de nuestras entradas para obtener "Más información".

Si quieres aprender a editar el enlace para "Más información" de los resúmenes de tus entradas con imágenes o lo que prefieras, este artículo te interesa.

Conceptos iniciales para los más noveles: "El salto de Línea"

• Para los más noveles, la entrada de Blogger que se escribe en el editor de entradas de la herramienta, dispone de un icono llamado "Salto de línea". El "Salto de línea" establece la "zona de corte" donde termina el resumen introductorio de una entrada y comienza el detalle completo de la misma. Tras la citada "zona de corte", al publicar nuestra entrada del Blog, se mostrará un enlace en el que pone por defecto "más información" que le permitirá al usuario "saltar" a la visualización del resto del texto con el contenido completo.

Un ejemplo delsalto de línea con imagencontexto:

Ejemplo de salto de línea marcado con texto

Un ejemplo delsalto de línea con imagen en lugar de texto:

Salto de línea marcado con imagen en lugar de texto, lo que vamos a hacer con el tutorial.

¿Cómo ponemos el Salto de Línea? (tanto para texto como para imagen)

• Accedemos al editor de entradas, escribimos nuestra entrada al completo y marcamos la "zona de corte" son el icono "Salto de línea" donde queramos que finalice el resumen y después se muestre el texto del contenido de la entrada al completo.

Pantalla de edición de entrada donde se remarca el icono de salto de línea y el artefacto que identifica su inserción

• Cuando pulsamos en el icono salto de línea marcado en la parte superior de la imagen anterior con el icono con una "hoja cortada en dos partes", nos aparece la barra horizontal que he marcado igualmente en rojo, en la "zona de corte" donde deseamos crear el salto de línea.

Cambiando el texto del salto de Línea:

• Modificar el texto del salto de línea de una entrada es sencillo: dentro de Blogger nos fijamos en el menú de la izquierda y pulsamos sobre la opción "Diseño".

Zona de diseño de plantilla

• Si hacemos "clic" en el Gadget central "Entradas del Blog", nos aparecerá una pantalla con una caja de texto con el literal "Texto del enlace de la página de entrada:" donde podemos cambiar el texto por defecto para el salto de línea.

Aparece marcado en rojo el texto para el enlace del salto de línea. Por defecto pone "Más información".

Cómo ponemos una imagen para el texto "Más información" de nuestro salto de línea. Paso a paso.:

Los más creativos no se conformarán "sólo con texto". Si deseamos añadir una imagen, hay que seguir estos sencillos pasos:

1) Realiza unacopia de seguridadde tu Blog siguiendo la guía para la que te he puesto el enlace. No te llevará más de dos minutos y si cometes cualquier error, simplemente podrás volver a tu copia de seguridad.

2) Dentro de Blogger, en el menú de la izquierda, dirígete a la opción "Plantilla" y selecciona el botón "Editar HTML". Se te mostrará el código fuente de Blogger que compone tu plantilla.

Editor de plantilla de Blogger.

3) Pulsa CONTROL+ F para localizar el textob:if cond='data:post.hasJumpLink'

• Se trata de un etiqueta condicional que indica a Blogger "Si en el post de entrada hay un "hasJumpLink" o salto de línea, "haz" todo lo que sigue a la citada etiqueta:

b:if cond='data:post.hasJumpLink'

div class='jump-link' a expr:href='data:post.url + "#more"' expr:title='data:post.title'data:post.jumpText//a

/div /b:if

• A nivel informativo,div class='jump-link': es la clase de la "hoja de estilos" de tu Blog que indica cómo debe componerse a nivel de presentación el texto asociado al salto de línea, el "Más información". Lo hace accediendo a la propiedad.jumpTextque rellenaste en el Gadget para configurar las entradas.
• Para poner una imagen en vez del texto que por defecto se carga para el final de los resúmenes de entradas cambia o comenta como hago en el ejemplo el textodata:post.jumpText/porimg src="DIRECCIÓN_DE_TU_IMAGEN" width="ANCHO" height="ALTO"//a

Quedaría algo así:

b:if cond='data:post.hasJumpLink'

div class='jump-link' a expr:href='data:post.url + "#more"' expr:title='data:post.title'!--data:post.jumpText/--img src="DIRECCIÓN_DE_TU_IMAGEN" width="ANCHO" height="ALTO"//a /div /b:if

• En amarillo:La parte de código que no es necesario tocar y que no cambia.
• !--data:post.jumpText/--:Comentamos la línea que hace que salga el texto "Más información" al presentar nuestra página. El comentario !-- que se cierra con --, hace que el navegador lo interprete como texto "que no existe", que se salta. Es mejor comentarlo para no tenerlo que borrar, si no te gusta el resultado puedes quitar las etiquetas de comentario y vuelve a dibujarse normalmente. Si lo prefieres, puedes borrarlo directamente, esto según tus preferencias.
• img src="DIRECCIÓN_DE_TU_IMAGEN" width="ANCHO" height="ALTO"/:Aquí pondrás la imagen que hayas diseñado y que desees que se muestre para que el usuario pulse y acceda al detalle de la entrada.

Sobre las imágenes que utilices, útiles recomendaciones y formas de subirlas a un servidor para utilizarlas en tu blog:

Controla que no haya reescalado:

• La imagen que pongas procura que NO haya que reescalarla. Es decir, suelen ser imágenes pequeñas de unos 120x45 píxeles. Busca tu tamaño más apropiado y procura que la imagen mida exactamente ese ancho y alto. De esta forma evitarás que el navegador "pierda tiempo" en el dibujado de tu imagen por tener que reescalarla al ancho y alto que hayas puesto en "Width" y "height". Fíjate en los tutoriales para "iconos sociales"en el punto 2.
• Te recomiendo que para la correcta gestión de imágenes para el Blog realices el tutorial de imágenespara obtener el mejor rendimiento posible.

Subir imagen de "más información" a Drive para utilizarla en tu Blog:

Una vez tengas tus imágenes, lo mejor es que las pongas en Google Drive o en un almacenamiento fiable y disponible para tí.

• En Google selecciona en el menú superior "Drive" y el icono de la flecha apuntando arriba que te he marcada en la imagen.

• En el menú desplegable que te sale pulsa "Files" y selecciona las imágenes de los iconos que te descargarte para utilizar en el blog.
• Luego, cuando ya te aparezcan las imágenes subdias,no olvidesseleccionarlas con la casilla de verificación que aparece a su izquierda y hacer clic en el icono que te marco en la imagen (el del "hombrecito" con un símbolo+):

• Cuando hagas "Share", vas a dejar la imagen compartida como pública para que pueda dibujarse en tu blog para todos los usuarios que accedan al mismo. Si no la compartes, no se dibujará. Deberás seleccionar "Public" en la sección "Who has access" tal como te muestro en pantalla. Además cópiate el código que te he marcado de cada una de las imágenes que hagas públicas. Es el código identificativo único que Drive asignará a tu imagen para que puedas compartirla, lo utilizaremos después en los próximos pasos (cada imagen que subas tendrá uno, apúntate cada uno con cada imagen que compartas):

Subir imagen de "más información" con Blogger para utilizarla en tu Blog de la manera más óptima:

• Puedes poner tu imagen en Drive, el problema es que su gestión se realizará mediante protocolo https en lugar de http. Esto puede ser un poco más lento, el https no se gestiona en la caché de tu navegador igual que lo hace el http. Mi consejo es que subas la imagen a una entrada de Blogger, la pongas en tamaño "original" y copies la URL asociada a dicha imagen, así la podrás utilizar con http que es más rápido:

1) Créate una nueva entrada en Blogger (luego la podrás dejar en borrador o eliminarla, es igual).

2) Con el icono insertar imagen metes la imagen en la entrada como sueles hacer normalmente (la subes a Blogger como normalmente haces o utilizas una ya existente). Mete la imagen de cada icono.

3) Una vez insertada en la entrada, haz "clic" derecho sobre la imagen y copia la URL que Blogger ha asignado a la misma.

4) Cuando necesites llamar a esa imagen en tus páginas, por ejemplo iconos de redes sociales o de más que puedas tener alojados en Drive o servidores externos, cambia la URL por la nueva que Blogger ha asignado a la imagen al alojarla en sus servidores.
Con esto la carga de la imagen será por HTTP con un correcto alojado en caché y además dentro de los propios servidores de Blogger (sin necesidad de "salir fuera" a por dicha imagen).

Para cualquier duda, como siempre cuéntame lo que necesites en los comentarios.

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetMundial Football Perros,FIFA World Cup Peinados caninos,Veterinarios caninos,MESOTHELIOMA LAW FIRM,MESOTHELIOMA LAW FIRM,DONATE CAR TO CHARITY CALIFORNIA ,DONATE CAR FOR TAX CREDIT,DONATE CARS IN MA,DONATE YOUR CAR SACRAMENTO,HOW TO DONATE A CAR IN CALIFORNIA,SELL ANNUITY PAYMENT,DONATE YOUR CAR FOR KIDS,ASBESTOS LAWYERS,DONATE YOUR CAR FOR KIDS ,Selling annuity payments for cashSelling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDITDONATE CARS IN MADONATE YOUR CAR SACRAMENTOHOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINESHARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLANDUn dia en Mundial Football MESOTHELIOMA LAW FIRM FIFA World Cup,DONATE CAR TO CHARITY CALIFORNIA , and STRUCTURED ANNUITY SETTLEMENT ,ANNUITY SETTLEMENTS, habia mucha monja pero fui a NUNAVUT CULTURE, DAYTON FREIGHT LINES and BUSINESS VOIP SOLUTIONS,CAR INSURANCE COMPANIES pero for you ONLINE CRIMINAL JUSTICE DEGREE ,PERSONAL INJURY LAW FIRM, Virtual data rooms and future now Automobile accident attorney and pero mas aya del visita and Mesothelioma law firm CHEAP CAR INSURANCE IN VIRGINIA,Selling annuity payments for cashSelling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

city college in miami Register Free Domains BETTER CONFERENCING CALLS Dallas mesothelioma attorneys Auto Accident Attorney Social media management Asbestos Lawyers motorcycle accident lawyer san francisco WordPress hosting Car Accident Lawyers miami personal injury lawyer Html email motor replacements mesothelioma attorneys california Casino Mobile casino Online casino mesothelioma lawyer asbestos cancer lawsuit World Trade Center Footage california motorcycle accident lawyer Php programmers Make money online Australia mesothelioma cases mesothelioma settlement amounts Health Records Personal Health Record car accident lawyers west palm beach Cheap car insurance for ladies home phone internet bundle PHD on Counseling Education Bankruptcy lawyer att call conference Social media campaigns Motor replacements selling my structured settlement mesothelioma charities FORENSICS ONLINE COURSE car accident lawyer san bernardino CHEAP AUTO INSURANCE IN VA Criminal lawyer Cheap Car Insurance in Virginia Best Criminal Lawyers in Arizona Donate Your Car Sacramento la personal injury lawyer CAR INSURANCE QUOTES MN integrated ehr motor insurance quotes Social media platforms for business Mesothelioma Law Firm AUTO ACCIDENT ATTORNEY mesothelioma care Home phone internet bundle illinois law lemon Donate Old Cars to Charity mesothelioma lawsuits Best social media platforms Php programmers for hire Casino reviews Dwi lawyer Live casino Seo companies Donate your Car for Money CAR INSURANCE QUOTES COLORADO peritoneal mesothelioma Annuity Settlements Mortgage Adviser DUI lawyer Hire php developers Hire php programmers Royalty free images stock Service business software houston mesothelioma attorney buying an annuity calculator Auto Mobile Insurance Quote cash out structured settlement injury lawyers supportpeachtreecom event management security NUNAVUT CULTURE Car insurance quotes Colorado Mortgage Criminal defense lawyer best criminal lawyer in arizona New social media platforms Massage school Dallas Texas Donating a Car in Maryland Hire php developer workers compensation lawyer los angeles yahoo web hosting phd in counseling education Donate Car for Tax Credit injury attorney baton rouge HARDDRIVE DATA RECOVERY SERVICES REGISTER FREE DOMAINS Custom WordPress theme designer DALLAS MESOTHELIOMA ATTORNEYS CHEAP CAR INSURANCE FOR LADIES life insurance co lincoln Computer science classes online donate your car for kids car accident lawyers MORTGAGE ADVISER LIFE INSURANCE CO LINCOLN Online College Course Nunavut Culture Structures Annuity Settlement Seo services mesothelioma lawyer houston Royalty Free Images Stock Email Bulk Service Dedicated Hosting Dedicated Server Hosting Best social media platforms for business Personal Injury Lawyers Claim ONLINE MOTOR INSURANCE QUOTES Christmas cards business administration masters lease management software Best criminal lawyer in Arizona Business finance group Psd to WordPress Cheap Domain Registration Hosting Business Voip Solutions Best Seo company Donate Your Car for Kids Online colledges Car Insurance Quotes MN PhD in counseling education Seo company Criminal Defense Attorneys Florida WordPress theme designers Business management software PHD IN COUNSELING EDUCATION domain registration yahoo mesothelioma lawyer virginia Online Christmas cards accident lawyers in los angeles Custom Christmas cards Photo Christmas cards Life Insurance Co Lincoln Online Classes Car insurance quotes Utah miami personal injury attorney WordPress themes for designers mesothelioma personal injury lawyers DONATE CARS IN MA royalty free images stock Social media examiner Tech school PAPERPORT PROMOTIONAL CODE Met auto anti spam exchange server Social media platforms mesotheloma Proud Italian cook truck accident attorney texas Hard drive Data Recovery Services motorcycle accident attorney chicago offshore accident lawyer Psd to html Italian cooking school personal injury firm Adobe illustrator classes Social media strategies personal injury solicitor selling annuity Learning adobe illustrator los angeles auto accident attorneys asbestos lawyers mesothelioma law suits Social media tools mesothelioma ct PSYCHIC FOR FREE how to donate a car in california motorcycle lawyer los angeles Donate Car to Charity California Donate Cars in MA How to Donate A Car in California Sell Annuity Payment Hard drive data recovery services car insurance quotes VIRTUAL DATA ROOMS structured settlement brokers sell structured settlement calculator Car Insurance Quotes Colorado Psychic for Free orlando criminal attorney Dayton Freight Lines Donate a Car in Maryland what is structured settlement Motor Replacements world trade center footage Donate your car Sacramento utah mesothelioma lawyer workplace accident attorney Mortgage adviser Donate Cars Illinois low credit line credit cards Better conferencing calls Car Insurance Quotes Utah Holland Michigan College dui lawyer scottsdale Online Motor Insurance Quotes Online Colleges Paperport Promotional Code onlineclasses alcohol rehab center in florida Massage School Dallas Texas structured settlement buyer Gas/Electricity Car Insurance Quotes

Mostrar tweets tras el fin de la API 1 de Twitter – Forex

BerryReview

Malas y buenas noticias traigo, oiga.

La mala es que Twitter -siguiendoel calendario previsto por cierto- ha dejado de dar soporte a la API 1 que hasta ahora sustentaba una gran parte de los gadgets que permitían mostrar un timeline determinado de una manera personalizada (1) (2).

La siguiente, sólo regular, es que ahora hay que pasar por taquilla -es un decir- y para construir un gadget de Twitter hay que hacerlo por narices desdesu página oficial previa autentificación.

Otra de igual enjundia es que desde allí sólo se pueden generar gadgets oficiales, todos grandísimos y casi nada configurables en cuanto a estética por tratarse de iframe's.

Y por fin la buena: Alguien ha tenido una idea feliz para poder solventar todo esto y ha creado un código bastante bueno que da mucho juego.

---

Ese alguien esJason Mayes y fue ayer mismo cuando tropecé con su página y con esteJSFiddle dónde se puede ver que todo funciona correctamente.

Esta vez no voy a explicaros con detalle que hace todo eso porque hay bastantes cosas más que comentar, pero básicamente hace uso de los widgets oficiales recortando todo lo que "sobra" y dejando sólo lo que interesa: avatar, nick, usuario, mensaje y fecha. Veamos cómo ponerlo en nuestro sitio.

1. Incluir el código principal

Este es ese código y sólo es necesario conservar los créditos del principio para poder usarlo. Atentos a las últimas líneas (// Ejemplos) que será lo único que habrá que modificar como después veremos. En Blogger lo podéis añadir como gadget tipo HTML/JavaScript.

Ver/Ocultar

script type="text/javascript"
// #### Twitter Post Fetcher v7.0 ####
// Coded by Jason Mayes 2013 www.jasonmayes.com
var twitterFetcher=function(){function t(d){return d.replace(/b[^]*(.*?)\/b/gi,function(c,d){return d}).replace(/class=".*?"|data-query-source=".*?"|dir=".*?"|rel=".*?"/gi,"")}function m(d,c){for(var f=[],e=RegExp("(^| )"+c+"( |$)"),g=d.getElementsByTagName("*"),b=0,a=g.length;ba;b++)e.test(g[b].className)&&f.push(g[b]);return f}var u="",j=20,n=!0,h=[],p=!1,k=!0,l=!0,q=null,r=!0;return{fetch:function(d,c,f,e,g,b,a){void 0===f&&(f=20);void 0===e&&(n=!0);void 0===g&&(g=!0);void 0===b&&(b=!0); void 0===a&&(a="default");p?h.push({id:d,domId:c,maxTweets:f,enableLinks:e,showUser:g,showTime:b,dateFunction:a}):(p=!0,u=c,j=f,n=e,l=g,k=b,q=a,c=document.createElement("script"),c.type="text/javascript",c.src="//cdn.syndication.twimg.com/widgets/timelines/"+d+"?&lang=en&callback=twitterFetcher.callback&suppress_response_codes=true&rnd="+Math.random(),document.getElementsByTagName("head")[0].appendChild(c))},callback:function(d){var c=document.createElement("div");c.innerHTML=d.body;"undefined"===typeof c.getElementsByClassName&&(r=!1);var f=d=null,e=null;r?(d=c.getElementsByClassName("e-entry-title"),f=c.getElementsByClassName("p-author"),e=c.getElementsByClassName("dt-updated")):(d=m(c,"e-entry-title"),f=m(c,"p-author"),e=m(c,"dt-updated"));for(var c=[],g=d.length,b=0;bg;){if("string"!==typeof q){var a=new Date(e[b].getAttribute("datetime").replace(/-/g,"/").replace("T"," ").split("+")[0]),a=q(a);e[b].setAttribute("aria-label",a);if(d[b].innerText)if(r)e[b].innerText=a;else{var s=document.createElement("p"), v=document.createTextNode(a);s.appendChild(v);s.setAttribute("aria-label",a);e[b]=s}else e[b].textContent=a}n?(a="",l&&(a+='div class="user"'+t(f[b].innerHTML)+"/div"),a+='p class="tweet"'+t(d[b].innerHTML)+"/p",k&&(a+='p class="timePosted"'+e[b].getAttribute("aria-label")+"/p")):d[b].innerText?(a="",l&&(a+='p class="user"'+f[b].innerText+"/p"),a+='p class="tweet"'+d[b].innerText+"/p",k&&(a+='p class="timePosted"'+e[b].innerText+"/p")):(a="",l&&(a+='p class="user"'+f[b].textContent+ "/p"),a+='p class="tweet"'+d[b].textContent+"/p",k&&(a+='p class="timePosted"'+e[b].textContent+"/p"));c.push(a);b++}c.lengthj&&c.splice(j,c.length-j);d=c.length;f=0;e=document.getElementById(u);for(g="ul";fd;)g+="li"+c[f]+"/li",f++;e.innerHTML=g+"/ul";p=!1;0h.length&&(twitterFetcher.fetch(h[0].id,h[0].domId,h[0].maxTweets,h[0].enableLinks,h[0].showUser,h[0].showTime,h[0].dateFunction),h.splice(0,1))}}}();
function dateFormatter(date) {return date.toTimeString();}
// Ejemplo con 3 tuits a insertar en un elemento con id='tweets' con enlaces activos
twitterFetcher.fetch('347121215158222848', 'tweets', 3, true);
// Ejemplo con 5 tuits a insertar en eun elemento con id='tweets2' con enlaces activos, sin detalles de usuario, con fecha y usando un formato personalizado para la fecha
twitterFetcher.fetch('347118235830870017', 'tweets2', 5, true, false, true, dateFormatter);
// Ejemplo con 1 tuit a insertar en un elemento con id='tweets3' con enlaces activos, sin detalles de usuario ni fecha
twitterFetcher.fetch('347086380704342017', 'tweets3', 1, true, false, false);
/script

2. Relacionar con el gadget oficial

Ahora los datos no se pueden generar de manera independiente y hay que obtenerlos desde un widget oficial. Para vincularlo con este script utilizamos ese número largo al principio de cada funcióntwitterFetcher. Aparecen al final del código principal y los he marcado en verde, al igual que el resto de parámetros configurables. Se trata de un identificador que os asigna Twitter cuando creáis un widget con su sistema. Para generarlo y localizarlo sigue estos pasos:

• validado en Twitter, crea un widget desde https://twitter.com/settings/widgets
• crea un nuevo widget con lo que necesites, cronología, favoritos, etc.
• si no quieres incluir las respuestas asegúrate de marcar su exclusión
• pincha en el botón "Volver a la configuración del widget" y en la nueva pantalla pincha en "Editar"
• ahora fíjate en la dirección de tu navegador, ahí tienes la id del gadget, entre /widgets/ y /edit
• tal que aquí: https://twitter.com/settings/widgets/XXXXXXXXXXXXXXXXXX/edit

Una vez lo tengáis, no olvidéis cambiarlo en el código principal. Se pueden poner tantos distintos como se quiera y ya habéis visto que yo incluí tres, aunque lo normal será dejar una sola de esas tres funciones con la configuración exacta que necesitamos.

3. Añadir una caja vacía para que sea visible

Una vez el código esté en vuestro sitio sólo hay que poner una caja vacía con laid que hayamos elegido (en los ejemplostweets,tweets2 ytweets3) y el script se encargará de insertar en ella lo que hayamos programado en las últimas líneas.

Así, siguiendo los tres ejemplos que puse, dónde añadamosdiv id="tweets"/div nos saldrá algo así:

Condiv id="tweets2"/div obtendremos otro tipo de datos.

Y finalmente condiv id="tweets3"/div esto otro, un tuit simple:

---

Parámetros de la función twitterFetcher

Ejemplo 2:twitterFetcher.fetch('347118235830870017', 'tweets2', 5, true, false, true, dateFormatter);

Así tal cual lo puse, el código os mostrará uno de los formatos de datos que yo utilicé según uséis unaid u otra, pero también eso lo podéis personalizar. De la serie de parámetros separados por comas sólo los dos primeros son obligatorios, el identificador del widget y la id de la caja dónde meteremos el resultado. Los demás son opcionales y en este orden serían:

• el número máximo de tuits a mostrar, desde 1 a 20 (por defecto 20)
• true/false según queramos que nicks, URL's y hashtags tengan enlaces o no (por defecto false)
• true/false para que se muestre el avatar, nick y el usuario (por defecto true)
• true/false para mostrar fecha/hora del tuit (por defecto true)
• nombre de la función que convertirá la fecha al formato que quieras (por defecto saldrá el formato Twitter)

Para personalizar la hora y fecha puedes definir una función que tome una fecha JavaScript como parámetro y devuelva una cadena. En el ejemplo se incluyó una llamadadateFormatter.

Estilo CSS

Pero como además de querer personalizar los datos de salida, posiblemente también os interese personalizar la estética, aquí tenéis la lista de selectores que vais a necesitar. He supuesto que utilizaréis la idtweets. Para otra id habría que sustituir ese nombre.

/* Reset */
#tweets * {}
/* Bloque del gadget */
#tweets {}
/* Lista de tuits */
#tweets ul {}
/* Cada uno de los tuits */
#tweets li {}
/* Bloque datos usuario */
#tweets .user a {}
/* Avatar */
#tweets .user img {}
/* Nick */
#tweets .user a span {}
/* Usuario Twitter */
#tweets .user span + span {}
/* Cuerpo texto del tuit */
#tweets p {}
/* Enlaces en el tuit */
#tweets p a {}
/* Fecha */
#tweets p.timePosted {}

Las reglas que he utilizado para las salidas que visteis en el post fueron estas:

#tweets * {margin: 0; padding: 0; border: 0;}
#tweets {margin: 20px 0; text-align:center;}
#tweets ul {display: inline-block; width: 80%; list-style:none; clear:both;}
#tweets li {margin-bottom: 5px; text-align: left; clear:both;}
#tweets .user a {float:left; width:120px;}
#tweets .user img {float: left; width: 80px;}
#tweets .user a span {display:none;}
#tweets .user span + span { display:block; margin-top:10px;font-size: 9px;}
#tweets p.timePosted {font-size: 80%;}

#tweets2 * {margin: 0; padding: 0; border: 0;}
#tweets2 {margin: 20px 0;}
#tweets2 ul {list-style:none; clear:both;}
#tweets2 li {display: block; margin-bottom: 5px; padding:5px; border: 1px solid #ccc; clear:both;}
#tweets2 p {font-size: 14px;}
#tweets2 p.timePosted {font-size: 80%;}

Al tuit simple no le asigné ningún estilo así que por defecto tomó las reglas generales de la página.


Y bien, a ver si saco otro rato para daros hecho el código con el que montar aquelcacharrito para mostrar tu último tweet que a muchos os ha dejado de funcionar por este motivo.

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDITDONATE CARS IN MADONATE YOUR CAR SACRAMENTOHOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINESHARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLANDNos ofrece Mundial Football eloan com, FIFA World Cupuna gran variedad para contratar mesothelioma info y obtener un equity line of credit y una buena estructura de negocio SEO consolidate loans y visitar su casa matriz Mesothelioma law firm,home equity loans domain name searchSelling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetMundial Football DONATE CAR TO CHARITY CALIFORNIA FIFA World Cup,DONATE CAR FOR TAX CREDIT, and DONATE CARS IN MA,DONATE YOUR CAR SACRAMENTO,HOW TO DONATE A CAR IN CALIFORNIA, SELL ANNUITY PAYMENT and DONATE YOUR CAR FOR KIDS,ASBESTOS LAWYERS pero for you STRUCTURED ANNUITY SETTLEMENT ,ANNUITY SETTLEMENTS, CAR INSURANCE QUOTES COLORADO and future now NUNAVUT CULTURE and pero mas aya del visita DAYTON FREIGHT LINES and Mesothelioma law firm HARDDRIVE DATA RECOVERY SERVICES,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Php programmers los angeles auto accident attorneys HOME PHONE INTERNET BUNDLE california motorcycle accident lawyer Car Insurance Companies Online casino Dallas Mesothelioma Attorneys motor insurance quotes Donate Your Car Sacramento small business administration sba New social media platforms motorcycle accident lawyer california Business finance group utah mesothelioma lawyer Hire php programmers CAR INSURANCE QUOTES PA bus accident attorney los angeles ASBESTOS LAWYERS Asbestos Lawyers EMAIL BULK SERVICE MESOTHELIOMA LAW FIRM personal injury solicitor mesothelioma care Business management software car accident lawyer michigan refinance with poor credit mesothelioma lawyer california Sell Annuity Payment structured settlement brokers Donate a car in Maryland firm law mesothelioma new york mesothelioma law firm Dwi lawyer alcohol rehab center in florida integrated ehr Bankruptcy lawyer Insurance mesothelioma lawyer chicago Donate a Car in Maryland Psychic for free Car Insurance Quotes Colorado Donate your Car for Money Live casino city college in miami best criminal lawyer in arizona asbestos mesothelioma lawsuit Hire php developer Casino Mesothelioma Law Firm Mobile casino Service business software mesotheloma data recovery raid MOTOR REPLACEMENTS Make money online Australia Best social media platforms for business google adsense miami personal injury attorney Social media campaigns selling my structured settlement Forensics Online Course Casino reviews See more at http//wwwginfostopnet/ paperport promotional code Tech school Motor Replacements forensics online course Italian cooking school motorcycle accident attorney chicago HOW TO DONATE A CAR IN CALIFORNIA mesotheolima mesothelioma claims DUI lawyer Hire php developers Psd to html anti spam appliance injury lawyers west palm beach st louis mesothelioma attorney structured annuity settlement federal criminal defense attorney Paperport Promotional Code Social media platforms for business World trade center footage NEUSON Low Credit Line Credit Cards Better conferencing calls Best Seo company Criminal lawyer Massage School Dallas Texas buying an annuity calculator Criminal defense lawyer Hard drive Data Recovery Services mesothelioma attorney Personal Injury Lawyer Php programmers for hire Personal Injury Law Firm mesothelioma ct Social media examiner mesothelioma lawyer dallas philadelphia mesothelioma lawyer ONLINECLASSES hosted predictive dialers Computer science classes online ONLINE COLLEDGES annuity payment Online College Course Social media platforms LOW CREDIT LINE CREDIT CARDS Seo companies Donate Car to Charity California personal injury accident lawyer donate your car for kids Photo Christmas cards NUNAVUT CULTURE earthlink business internet Home Phone Internet Bundle Royalty free images stock Mortgage Adviser Psd to WordPress Auto Accident Attorney colorado mesothelioma lawyers DONATE YOUR CAR SACRAMENTO Custom WordPress theme designer Seo services hair removal washington dc structured settlement company SELL ANNUITY PAYMENT webex costs Online Stock Trading low credit line credit cards Best social media platforms Seo company email bulk service Online Christmas cards verizon sip Custom Christmas cards WordPress themes for designers workers compensation lawyer los angeles WordPress hosting Best criminal lawyer in Arizona Adobe illustrator classes Social media management Car Insurance Quotes Online Criminal Justice Degree CAR ACCIDENT LAWYERS register free domains Cheap Car Insurance in Virginia Donate Cars Illinois Html email Forensics online course CHEAP AUTO INSURANCE IN VA home phone internet bundle Christmas cards Proud Italian cook WORLD TRADE CENTER FOOTAGE WordPress theme designers injury attorney baton rouge AUTO ACCIDENT ATTORNEY Social media strategies canada personals yahoo Learning adobe illustrator washington mesothelioma attorney mesothelioma settlements amounts Social media tools alabama mesothelioma lawyer donating used cars to charity World Trade Center Footage injury lawyers motor replacements Dayton freight lines DONATE CARS ILLINOIS Donate Car for Tax Credit Donate Cars in MA Nunavut culture Data Recovery Raid How to Donate A Car in California car donate Donate Your Car for Kids criminal defense attorneys florida Cheap Domain Registration Hosting Structures Annuity Settlement Donate your car Sacramento Online Colleges business administration masters Annuity Settlements Nunavut Culture adverse remortgage CAR INSURANCE QUOTES UTAH Car Accident Lawyers Dayton Freight Lines VIRTUAL DATA ROOMS Cheap domain registration hosting business voip solutions Car Insurance in South Dakota Futuristic Architecture Webex Costs structured settlemen Donating a Car in Maryland onlineclasses domain name yahoo buy gift card Criminal Defense Attorneys Florida Best Criminal Lawyers in Arizona supportpeachtreecom Car Insurance Quotes Utah Life Insurance Co Lincoln Holland Michigan College Online Motor Insurance Quotes motorcycle lawyer los angeles DONATE A CAR IN MARYLAND

Ponle descripción a tus entradas en los resultados de los buscadores – Service – Phone – Negocios

La optimización de nuestro sitio web para motores de búsqueda, conocida como SEO, muchas veces tiene pequeños detalles que a menudo solemos pasar por alto. Entre estos se encuentran los que van especialmente dirigidos a nuestros usuarios.

Si bien el motor de búsqueda necesita dediversas actuaciones que contribuyen a que nuestro sitio web o blog quede indexado en su base de datos, el usuario igualmente necesita un mínimo de información para aceptar un resultado del buscador como válido. Es en este punto donde entra la importancia del uso de las descripciones.



La descripción de los contenidos de los resultados de los buscadores son la "fachada" o "escaparate" de lo que el enlace que puede haber suscitado su interés puede ofrecerle. Al igual que un escaparate, puede atraer a otros usuarios que no habían prestado atención al enlace por considerar que el contenido del mismo es atractivo a sus necesidades.

Todo esto es posible gracias a las descripciones que los buscadores muestran bajo los enlaces de sus resultados. No sólo es necesario como medida de posicionamiento orientada a mejorar la indexación de los datos de nuestro sitio web en las bases de datos del buscador, además ofrece al usuario el acicate necesario para decantarse por nuestro resultado. ¿Quieres aprender cómo ponerlo en tu Blog?, entonces este artículo te interesa.

¿Qué son las descripciones de búsqueda de las entradas en Blogger?

Sin entrar en tecnicismos que no son objeto de este artículo: se trata de textos cortos que se muestran bajo el enlace delresultado de una búsqueda realizada por el usuario en un buscador. Dicho texto debe describir el contenido del enlace al que hace referencia por dos motivos:

• Hace que la actuación del motor de búsqueda sea más eficiente y rápida, pues ofreces al motor del buscador una descripción fija que hará que no tenga que "leer" tu entrada y poner de ella la primera parte de su contenido a modo resumen en los resultados que le muestra al usuario.
• Ofrece al usuario información sobre el contenido del enlace que le permite entender el contenido de nuestra entrada antes de verla.

Si no rellenas la descripción de tu entrada, Google o el buscador que utilice el usuario, colocará por defecto una porción inicial del texto que forme parte de tu contenido. A parte de que muchas veces este texto no es representativo de la información que vas a proporcionar, "haces" que el buscador tenga que "leerse" las primeras líneas para poderlas poner como descripción asociada al resultado.

La descripción de búsqueda es inmediata para las publicaciones que realices nuevas, las que ya se encuentren indexadas en el buscador tardarán en actualizarse pues irán con la indexación habitual.

¿Cómo activo las descripciones de búsqueda para las entrada de Blogger?

1) Las descripciones de búsquedano se activan por defecto. Sólo se activarán si introdujiste la descripción de tu sitio web o Blog En Blogger:

La meta-etiqueta description

Para poner la descripción en Blogger debes ir al menú de la izquierda, a la opción "Configuración", luego la sub-opción "Lo básico" y en la pantalla que sale, pulsar "Editar" en Descripción (como se muestra en la pantalla inferior).

Esta etiqueta puede utilizarla Google u otros buscadores, en primer lugar para conocer de un "vistazo" con pocas palabras cuál es el contenido de tu Blog. En segundo lugar, Google puede mostrarlo como texto descriptivo bajo la entrada de tu resultado. De esta forma, no sólo facilitas la localización de tu contenido al buscador sino que además aclaras al usuario con una breve descripción qué le estás ofreciendo en él.

2) Si ya tienes la descripción puesta para tu Blog, ahora por cada entrada podrás establecer una descripción individualizada. En el editor de entradas, en el menú de la derecha llamado "Configuración de la entrada", fíjate en la penúltima opción llamada "Descripción de búsqueda". Escribe en ella una muy breve descripción del contenido de tu entrada y pulsa el botón "Listo" cuando termines. A continuación, si ya has finalizado la edición de la entrada pulsar "publicar" y ya lo tienes.

Imagen de la web de soporte de Google para Blogger. En ella se muestra dónde se inserta la descripción de búsqueda para tu entrada.

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetMundial Football DONATE CAR TO CHARITY CALIFORNIA FIFA World Cup,DONATE CAR FOR TAX CREDIT, and DONATE CARS IN MA,DONATE YOUR CAR SACRAMENTO,HOW TO DONATE A CAR IN CALIFORNIA, SELL ANNUITY PAYMENT and DONATE YOUR CAR FOR KIDS,ASBESTOS LAWYERS pero for you STRUCTURED ANNUITY SETTLEMENT ,ANNUITY SETTLEMENTS, CAR INSURANCE QUOTES COLORADO and future now NUNAVUT CULTURE and pero mas aya del visita DAYTON FREIGHT LINES and Mesothelioma law firm HARDDRIVE DATA RECOVERY SERVICES,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDITDONATE CARS IN MADONATE YOUR CAR SACRAMENTOHOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINESHARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLANDMundial Football free legal advice,FIFA World Cup cheap web hosting donde me dieron un available domain name,cheap domain name registration,pero salio muy caro y mejor me hice student credit card ,accept credit pero me recomendaron mejor utilizar credit counseling service donde tienen un mejor soporte y credito support stocking pero mejor me compre un linux hosting y mejor me afilie a affiliate programs pero buy �web position gold�,microsoft certification,Mesothelioma law firm,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

selling a structured settlement Cheap car insurance in Virginia Criminal defense lawyer Social media platforms for business mesothelioma help PHD on Counseling Education tucson car accident attorney Seo companies Php programmers Business management software Donate car for tax credit buy structured settlements Online Colleges webex costs Business finance group cash annuity Live casino Psd to WordPress Online casino mesotheliama Injury Lawyers google adsense Dwi lawyer Criminal defense attorneys Florida Car Donate Donating a Car in Maryland SELL ANNUITY PAYMENT ANNUITY SETTLEMENT bus accident attorneys Cheap Car Insurance in Virginia lease management software Social media management Social media platforms Automobile Accident Attorney Criminal lawyer yahoo web hosting NEUSON Webex Costs Adobe illustrator classes buy gift card STRUCTURED ANNUITY SETTLEMENT Motor replacements Seo company Casino Christmas cards Cheap Domain Registration Hosting Criminal Defense Attorneys Florida Mobile casino structured settlement investments Virtual Data Rooms auto accident attorney Torrance Make money online Australia motor replacements broward county dui lawyer MORTGAGE ADVISER DONATE YOUR CAR FOR MONEY Casino reviews Nunavut Culture Proud Italian cook MET AUTO DUI lawyer Donate Car To Charity CALIFORNIA Online Christmas cards buying an annuity calculator DONATING A CAR IN MARYLAND Hire php developers Hire php programmers att call conference Life insurance co Lincoln Online Motor Insurance Quotes email bulk service personal injury firm online criminal justice degree Massage School Dallas Texas car accident lawyers phd in counseling education cheap auto insurance in va EMAIL BULK SERVICE Dedicated Hosting Dedicated Server Hosting wisconsin mesothelioma attorney DONATE OLD CARS TO CHARITY Service business software Php programmers for hire Hire php developer FORENSICS ONLINE COURSE Learning adobe illustrator mesothelioma lawyers san diego mesothelioma survival rates Bankruptcy lawyer Computer science classes online Car Insurance Quotes Colorado illinois mesothelioma lawyer DALLAS MESOTHELIOMA ATTORNEYS motorcycle lawyer los angeles Hard drive Data Recovery Services car accident lawyer michigan Psd to html World Trade Center Footage mesothelioma charities Best social media platforms for business auto insurance cost by state Business VOIP Solutions New social media platforms PAPERPORT PROMOTIONAL CODE Donate Cars Illinois life insurance quotes cash out structured settlement student loan consolidation program DONATE CAR FOR TAX CREDIT ONLINE MOTOR INSURANCE QUOTES Seo services CHEAP DOMAIN REGISTRATION HOSTING Mortgage adviser World trade center footage refinance with poor credit WORLD TRADE CENTER FOOTAGE royalty free images stock refinance with bad credit Custom WordPress theme designer Online Criminal Justice Degree emergency response plan ppt Mortgage Adviser virtual data rooms Best Seo company Best social media platforms REGISTER FREE DOMAINS HOW TO DONATE A CAR IN CALIFORNIA caraccidentlawyer injury lawyers Donate your car for money Custom Christmas cards Photo Christmas cards donate your car for money Mesothelioma Law Firm WordPress themes for designers WordPress hosting miami personal injury attorney VIRTUAL DATA ROOMS new mexico mesothelioma lawyer asterisk call center software Auto Accident Attorney Social media examiner asbestos exposure lawyers Psychic for Free car accident lawyer san bernardino Tech school LIFE INSURANCE CO LINCOLN florida car insurance company Html email Dallas mesothelioma attorneys Better Conference Calls mesothelioma attorney california structured settlement company compare small business phone systems Cheap Auto Insurance in VA DONATE YOUR CAR FOR KIDS Motor Replacements motor insurance quotes selling structured settlement pharmacist jobs in chicago Italian cooking school WordPress theme designers structured settlement buyers mesothelioma Social media strategies Better conferencing calls Donate your car Sacramento structured settlement sell ONLINECLASSES DONATE CARS IN MA Social media tools Social media campaigns Donate Car to Charity California car insurance quotes Criminal lawyer Miami Donate Car for Tax Credit car insurance quotes mn Car Insurance Quotes PA Donate Cars in MA Donate Your Car Sacramento CAR INSURANCE QUOTES PA motorcycle accident attorney chicago How to Donate A Car in California Sell Annuity Payment Donate Your Car for Kids federal criminal defense attorney register free domains Asbestos Lawyers Structures Annuity Settlement Business Voip Solutions Annuity Settlements ROYALTY FREE IMAGES STOCK Donate your car for kids Dayton Freight Lines online motor insurance quotes Donate a Car in Maryland mesothelioma litigation hughes net business canada personals yahoo windows phone for business Online colledges Donating a car in Maryland structured settlement buyer adverse remortgage mesothelioma care mesotheolima Best Criminal Lawyers in Arizona Car Insurance Quotes Utah Hard drive data recovery services Life Insurance Co Lincoln