CosasParaMiBlogs

miércoles, 28 de marzo de 2012

Mega FB Man, un gadget juguetón para compartir en Facebook – Money

Supongo que muchos recordaréis esepájaro que se paseaba erráticamente por una página y que permitía enviar un tweet con la dirección visitada al pinchar en él. Pues modificando un poco el código y -sobre todo- el sprite que lo acompañaba, he conseguido que ese bicho se convierta ahora enMegaMan y que sus funciones se puedan aplicar a Facebook. Es por eso que lo he bautizado comoMega FB Man.

El muñequito estará siempre visible en la página y cuando se haga scroll y desaparezca, bajará o subirá por ella hasta quedar otra vez dentro de la ventana visual.

Cuando se hace hover sobre él, un par de mensajes con las leyendas "Compartir" y "Seguir" aparecen para que el usuario pueda enviar el enlace a su cuenta de Facebook o para que pueda acceder a tu página y pinchar en el "Me gusta" si le place.

Cuando Mega FB Man se sitúa en algún lugar que molesta para la lectura o visión de alguna imagen, sólo hay queagitarlo un poco con el puntero y cambiará de posición.

La cosa no tiene mucha ciencia, ya que el efecto visual corre a cargo de la imagen que sirve de base para las distintas secuencias de la animación y todo lo demás lo hace el código JavaScript. De esta manera, lo único que hay que hacer para que funcione en tu página es copiar el siguiente código en un nuevo gadget y cambiar la dirección marcada en verde por la de tu página en Facebook:

script src="http://dl.dropbox.com/u/57549161/scripts/facebook/tripleflapfb.js" type="text/javascript"/script
script type="text/javascript"
var birdSprite='http://dl.dropbox.com/u/57549161/scripts/facebook/megamanfb96.gif';
var targetElems=new Array('img','hr','table','td','div','input','textarea','button','select','ul','ol','li','h1','h2','h3','h4','p','code','object','a','b','strong','span');
var facebookAccount = 'http://www.facebook.com/oloblogger';
tripleflapInit();
/script

De todas formas, si hay algún perezoso por ahí, también puede usar este formulario para que el gadget se instale automáticamente en su web. Sólo hay que teclear el nombre de la página o completar la dirección del perfil de facebook y pulsar enAñadir a Blogger. Esta nuestra plataforma hará el resto.

Si tienes varios blogs, no olvides seleccionar aquel en el que quieras instalarlo cuando accedas a la utilidadAñadir elemento de página.

Online Stock Trading Insurance mesothelioma attorney directory meso lawyer los angeles auto accident attorneys World trade center footage Criminal lawyer Hire php developer Nunavut Culture Custom WordPress theme designer Social media tools Donating Used Cars to Charity ONLINE MOTOR INSURANCE QUOTES Criminal defense attorneys Florida california motorcycle accident lawyer Neuson mesotheloma Life Insurance Co Lincoln Data Recovery Raid WordPress theme designers CRIMINAL DEFENSE ATTORNEYS FLORIDA Dallas Mesothelioma Attorneys Motor Insurance Quotes Php programmers for hire Live casino adverse credit remortgage Hire php programmers Casino reviews Online motor insurance quotes Cheap Car Insurance in Virginia Php programmers Online casino Make money online Australia CAR INSURANCE QUOTES COLORADO Annuity Settlements CAR ACCIDENT LAWYERS Massage School Dallas Texas Claim Custom Christmas cards FORENSICS ONLINE COURSE home phone internet bundle CAR INSURANCE QUOTES UTAH Casino ashely madis HOLLAND MICHIGAN COLLEGE primary pulmonary hypertension la personal injury lawyer PAPERPORT PROMOTIONAL CODE Low Credit Line Credit Cards world trade center footage structured settlement quote Asbestos Lawyers massage school dallas texas Mobile casino Tech school cheap car insurance in virginia Psd to html Donating a Car in Maryland Hard drive Data Recovery Services mesothelioma charities Met Auto Hire php developers online motor insurance quotes cash out annuity domain name yahoo st louis mesothelioma attorney Seo services DUI lawyer california law lemon small business administration sba Automobile Accident Attorney mesothelioma settlements amounts MESOTHELIOMA LAW FIRM Online Christmas cards WordPress hosting Learning adobe illustrator Motor Replacements Dwi lawyer mesothelioma drug motorcycle accident lawyer san francisco Business finance group Italian cooking school ONLINE COLLEDGES Cheap Domain Registration Hosting Service business software Best Seo company HOW TO DONATE A CAR IN CALIFORNIA Criminal defense lawyer what is structured settlement houston tx auto insurance LOW CREDIT LINE CREDIT CARDS Sell Annuity Payment Futuristic Architecture car accident lawyer san bernardino broward county dui lawyer chicago hair laser removal Bankruptcy lawyer Computer science classes online Seo companies Best social media platforms for business mesotheolima New social media platforms buying structured settlements Social media platforms for business motorcycle accident lawyer california insurance medical temporary Best Criminal Lawyers in Arizona Business management software Best social media platforms automobile accident attorney Seo company Social media campaigns CHEAP CAR INSURANCE IN VIRGINIA phd in counseling education PHD IN COUNSELING EDUCATION Photo Christmas cards WordPress themes for designers Register Free Domains Donate your Car for Money Donate old cars to charity Dallas mesothelioma attorneys business email web hosting cash out structured settlement Psd to WordPress Social media examiner Social media management CAR INSURANCE QUOTES PA Car Insurance Quotes PA Html email Auto Mobile Shipping Quote Social media platforms mesothelioma lawyer texas Christmas cards structured settlement broker Proud Italian cook criminal defense federal lawyer car accident lawyers los angeles Car Insurance Quotes Colorado Online colledges Donate Car to Charity California Adobe illustrator classes Donate Car for Tax Credit Social media strategies fortis health insurance temporary structured settlement brokers refinance with bad credit selling my structured settlement Cheap Auto Insurance in VA DALLAS MESOTHELIOMA ATTORNEYS DONATE CARS ILLINOIS Dayton freight lines asbestos lung cancer Mesothelioma Law Firm Car Donate Donate Cars in MA WEBEX COSTS webex costs Donate Your Car Sacramento How to Donate A Car in California mesothelioma lawyer houston mesothelioma law suits domain yahoo Donate Your Car for Kids Structures Annuity Settlement mesothelioma trial attorney integrated ehr Dayton Freight Lines Donate a Car in Maryland Mortgage Adviser dallas mesothelioma attorneys EMAIL BULK SERVICE miami personal injury attorney colorado auto accident attorney MASSAGE SCHOOL DALLAS TEXAS Online Criminal Justice Degree Webex Costs World Trade Center Footage mesothelioma attorney Donate Cars Illinois personal injury solicitor Donate car for tax credit Criminal Defense Attorneys Florida Car Insurance Quotes Utah sell your structured settlement payments donate your car for money personal injury lawyer mesothelioma lawyer virginia Holland Michigan College Online Motor Insurance Quotes Cheap domain registration hosting Online Colleges Paperport Promotional Code Online Classes arizona auto accident attorney Psychic for Free Donate Old Cars to Charity ANNUITY SETTLEMENT DONATE YOUR CAR FOR KIDS Car Insurance Quotes MN domain registration yahoo best accident attorneys Criminal lawyer Miami Forensics Online Course orlando criminal attorney Home Phone Internet Bundle best consolidation loan student DAYTON FREIGHT LINES Business Voip Solutions Asbestos Lung Cancer PHD on Counseling Education

martes, 27 de marzo de 2012

Blogger

Página para error 404 a mi manera y a la de otros – Virginia – World

Ya hay un montón de sitios que explican cómo se maneja esa nueva utilidad Blogger que nos permite crear un página 404, así que simplemente voy explicar cómo la hice yo por si a alguien le viene bien copiar el sistema. Al final de la entrada ya os pongo unos enlaces para que también podáis ver cómo lo hicieron otros.

En primer lugar y para los menos avezados, una página 404 es aquella a la que se redirigen todas las peticiones de páginas de un dominio, cuando esa dirección no existe. Dicho de otra manera, es aquella página a la que llegamos cuando el navegador ha sido capaz de comunicarse con el servidor, pero no existe la dirección solicitada. Y realmente no sólo ocurre esto con las páginas, sino también con cualquier fichero que se solicite. Ese fallo se conoce como Error 404 o HTTP 404 y de ahí el apodo de este tipo de páginas.

Su utilidad es evitar en lo posible perder tráfico, ya que si alguien accede a tu sitio desde un enlace redactado con alguna errata o mediante un resultado de búsqueda sobre una página que has borrado, no verá en su navegador mas que un escueto mensaje y lo más probable es que elija otro resultado y no se ponga a buscar por todo el dominio. En este enlaceun ejemplo.

Para que esto funcione en Blogger, lo primero es comprobar que tenemos la líneab:include data='top' name='status-message'/ en nuestra plantilla. Si no la tenéis, ya estáis tardando en situarla debajo de esta otra que he marcado en gris. Debe aparecer en dos sitios, en la parte normal y en la destinada a dispositivos móviles (Expandir plantillas de artilugios):

div class='blog-posts hfeed'
b:include data='top' name='status-message'/

Esa línea es la que nos muestra el mensaje "Mostrando entradas con la etiqueta xxxxxx. Mostrar todas las entradas", pero también es ahora la que nos da el siguiente mensaje cuando accedemos a una página errónea:

La novedad es que desde hace unos días, ese mensaje se puede personalizar desde el Escritorio para que salga el texto que queramos:

Pero lo más interesante no es que podamos cambiar el texto, sino que también podemos meter en ese formulario código HTML y JavaScript. O sea, que con poco se puede hacer algo más personalizado. Esta captura es de momento mi opción y pinchando en ella la podéis ver en acción (¿Cómo era eso de '...me ha salido un pareado'?).

El código que utilicé es simple, una imagen flotando a la derecha, un encabezamiento, un texto con enlace a la página de Inicio y una pequeña lista con un par de opciones para que el usuario pueda seguir buscando por el blog.Si no queréis que salga todo el texto seguido, no olvidéis utilizarbr/ para los saltos de línea::

img border="0" style="float:right;" src="http://1.bp.blogspot.com/s1600/chuck.gif" /h1¡Vaya! Parece que a Chuck Norris no le gustó esa dirección/h1
br/
pDe todas formas, antes de discutir con él la conveniencia o no de su eliminación, comprueba que tecleaste bien la URL en tu navegador./p
bAbajo encontrarás un enlace para ir a la página de a href="/"Inicio/a, pero desde la barra lateral también puedes:/bbr/
ul
liBuscar una información concreta/li
liNavegar por las distintas categorías del blog/li
/ul

Y para que los estilos por defecto no afectaran al diseño de este mensaje, además añadí tras elinclude que vimos al principio, una especie dereset que anulara los estilos de Blogger para elstatus. Como estos estilos sólo son para la página de error, los metí a su vez dentro de una condición que detecta cuando estamos en ese tipo de páginas. Las dos últimas clases las necesité particularmente para el encabezado y la lista:

b:include data='top' name='status-message'/
b:if cond='data:blog.pageType == "error_page"'
style type='text/css'
.status-msg-wrap { position: relative; width: 100%; margin: 30px auto; padding: 10px;font-size: 100%; }
.status-msg-wrap a { padding: none; text-decoration: inherit; }
.status-msg-border {display:none; }
.status-msg-body { position: relative; width: 100%; padding: 0; text-align: inherit; z-index: auto; }
.status-msg-body h1 { font-size:150%; }
.status-msg-body li { list-style-type: circle;margin-left:50px; }
/style
/b:if

Una última cosa. Por el diseño de mi blog prefiero que siga sin salir el "Mostrando entradas con la etiqueta...", así que simplemente metí también elinclude dentro del condicional y de esta manera, los mensajes de este tipo seguirán sin salir, excepto cuando hay un 404.

Más información y otros ejemplos enCiudad Blogger,Vagabundia,Emilio Cobos,Utopia Blogs,MBT yBlogger Plugins (los dos últimos en inglés).

city college in miami Custom WordPress theme designer CAR DONATE online motor insurance quotes donating used cars to charity DONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND DONATE CARS IN MA selling annuity mesothelioma suit Social media tools Cheap Auto Insurance in VA Donate cars in ma Business finance group Seo companies CHEAP DOMAIN REGISTRATION HOSTING life insurance quotes Claim Bankruptcy lawyer Proud Italian cook truck accident attorney los angeles Online casino Christmas cards Donate a Car in Maryland firm law mesothelioma illinois mesothelioma lawyer world trade center footage Donating a Car in Maryland mesothelioma law suit HOW TO DONATE A CAR IN CALIFORNIA Futuristic Architecture Php programmers for hire Cheap domain registration hosting compare life assurance Donate Car to Charity California Casino structured settlement quote Make money online Australia business voip solutions mesothelioma lawsuits Met auto accident attorney in los angeles illinois law lemon Dwi lawyer Hard drive Data Recovery Services Hire php developers mesothelioma attorney florida Online Stock Trading Online Colleges Mobile casino CHEAP CAR INSURANCE FOR LADIES car insurance quotes mesothelioma attorneys california Adobe illustrator classes Casino reviews harddrive data recovery services Live casino DUI lawyer buying structured settlements Webex Costs Car Donate Social media examiner Hire php programmers PAPERPORT PROMOTIONAL CODE Criminal defense lawyer Custom Christmas cards event management security LOW CREDIT LINE CREDIT CARDS Home phone internet bundle washington mesothelioma attorney virtual data rooms Criminal lawyer Dayton freight lines Online colledges Donate your Car for Money Hire php developer auto accident attorney Torrance Donate Cars in MA Service business software anti spam exchange server Business management software Royalty Free Images Stock tennessee mesothelioma lawyer mesotheloma mesothelioma attorney california primary pulmonary hypertension New social media platforms domains yahoo Nunavut Culture Psd to WordPress mesothelioma mesothelioma claims CRIMINAL DEFENSE ATTORNEYS FLORIDA Online Classes Computer science classes online FUTURISTIC ARCHITECTURE federal criminal defense attorney structured settlements annuities cheap auto insurance in va Psd to html auto accident lawyer san francisco How to Donate A Car in California donate old cars to charity personal injury solicitor auto insurance yuba city ca Online Criminal Justice Degree CAR INSURANCE IN SOUTH DAKOTA pharmacist jobs in chicago Tech school Php programmers Best social media platforms for business accident car florida lawyer Asbestos Lawyers Seo company Best social media platforms california law lemon LIFE INSURANCE CO LINCOLN WordPress themes for designers Low Credit Line Credit Cards new mexico mesothelioma lawyer Social media platforms for business Car Insurance Quotes Colorado mesothelioma litigation Html email ONLINE COLLEDGES Seo services personal injury attorney springfield mo home phone internet bundle Low credit line credit cards Best Seo company mesothelioma law firms Insurance BEST CRIMINAL LAWYER IN ARIZONA Mortgage adviser Online Christmas cards Photo Christmas cards Sell Annuity Payment chicago hair laser removal Motor Insurance Quotes Online College Course DAYTON FREIGHT LINES car insurance companies WordPress hosting tucson car accident attorney car accident lawyer michigan Learning adobe illustrator Better Conference Calls asbestos lung cancer mesothelioma cases Social media management cheap domain registration hosting Insurance Companies Life Insurance Co Lincoln philadelphia mesothelioma lawyer Cheap Car Insurance in Virginia Social media platforms Donating Used Cars to Charity PhD in counseling education Italian cooking school WordPress theme designers mesothelioma law suits Social media strategies most profitable internet business AUTO ACCIDENT ATTORNEY Donate old cars to charity DONATE CAR FOR TAX CREDIT Social media campaigns Mesothelioma Law Firm fortis health insurance temporary Donate Car for Tax Credit hair removal washington dc Donate Your Car Sacramento workers compensation lawyer los angeles Car Insurance Quotes injury lawyers west palm beach Donate Your Car for Kids wisconsin mesothelioma attorney NUNAVUT CULTURE structured settlement broker injury lawyers Structures Annuity Settlement what is structured settlement Annuity Settlements Dayton Freight Lines Data Recovery Raid royalty free images stock Forensics Online Course Motor Replacements Cheap Domain Registration Hosting mesothelioma ct Life insurance co Lincoln Mortgage Personal Injury Lawyers Donate Cars Illinois Criminal Defense Attorneys Florida PHD on Counseling Education World Trade Center Footage Best Criminal Lawyers in Arizona futuristic architecture webex costs Car Insurance Quotes Utah DONATE YOUR CAR FOR KIDS better conferencing calls Holland Michigan College Royalty free images stock NEUSON Online Motor Insurance Quotes PSYCHIC FOR FREE Paperport Promotional Code Email Bulk Service

viernes, 23 de marzo de 2012

Blogger

Nueva etiqueta META para descripción en plantillas modificadas – cancer – Accident – Accident

A los que nos pasamos de listos y hacemos cambios por nuestra cuenta, nos ocurre con frecuencia que no se incorporan automáticamente las modificaciones que va introduciendo Blogger. Fue el caso de muchos con loscomentarios anidados y ahora es probable que les ocurra a otros con lasnuevas funciones SEO que se incorporaron ayer. Servidor es uno de los afectados.

De momento, lo primero que probé y no funcionó fue la etiquetaMETA que ahora podemos configurar desde elEscritorio y que sirve paraañadir la descripción de las páginas de inicio, navegación y la de las distintas entradas. Esa etiqueta es la que sirve para que los resultados que ofrecen los buscadores sobre nuestro sitio, muestren una especie de subtítulo a modo de resumen del contenido. De ahí su importancia.

Yo tenía mi propiaMETA para eso, pero ni quitándola se incorporaba la que se supone que metemos nueva desde el escritorio. La respuesta es quehace tiempo que estaba ahí, pero cómo no funcionaba, la quité en alguna de mis frecuentes andanzas por la plantilla.

Es la que está marcada en rojo en el siguiente trozo y si queréis que funcione desde la nueva utilidad, hay que comprobar que se tiene en la plantilla. Las otras líneas están como referencia. Todas van tras elheady antes de la apertura deb:skin:

b:include data='blog' name='all-head-content'/
titledata:blog.pageTitle//title
meta expr:content='data:blog.metaDescription' name='description'/

b:skin![CDATA[/*

Si tenéis otras etiquetasmetaañadidas manualmente, las podéis dejar todas menos la que lleva precisamentename='description', ya que la puesta por nosotros será innecesaria y dependiendo de dónde esté, puede incluso interferir en la otra.

Además, esadata:blog.metaDescription va a recoger también laDescripción de búsqueda que se puede ahora meter desde el editor de entradas para cada una de las idem y esa es una mejora sustancial sobre cualquier otra opción que hayamos podido poner nosotros con algún código añadido.

jueves, 22 de marzo de 2012

Blogger

Una cal y otra de arena: Las nuevas utilidades SEO de Blogger – Hosting – Promotional Code – cancer

Tras la movida de la redirección a dominios de países, no viene mal una buena noticia para compensar. Con el nombre dePreferencias de búsqueda, Blogger ha puesto hoy operativas una serie de opciones muy interesantes desde el punto de vista del SEO (Search Engine Optimization u Optimización para Motores de Búsqueda).

Esta era una de las carencias que tenía Blogger frente a otras plataformas, pero aún no incluyendo todas las opciones que podrían desarrollarse, lo cierto es que las que han puesto están entre las más importantes.

La mayoría son accesibles desde el menú lateral del nuevo escritorio y cuando pinchamos nos aparecen agrupadas bajo los nombresEtiquetas META,Errores y redireccionamientos yRastreadores e indexación.

Por otra parte, desde la pestañaRedactar del editor de entradas, también encontramos una nueva opción paraetiquetar las imágenes que subamos mediante los atributostitle yalt. Aparece en el mismo menú desde el que podíamos cambiar el tamaño de una imagen o añadirle un link o un texto al pie, bajo el nombreProperties (Propiedades).

Esto también se echaba de menos y sobre las ventajas de incluir estas propiedades en las imágenes, precisamente nos habló hace un par de días Ciudad Blogger:SEO en las imágenes del blog.

No voy a ser muy exhaustivo, pero sí que veremos un poco para qué nos van a servir en el futuro todas las cosas nuevas que encontraremos ahora en nuestro escritorio.

Lasetiquetas METAsirven para facilitar a los buscadores ciertos datos de interés para la indexación de nuestras páginas y es algo que ya podíamos hacer pero manualmente.

Por ahora, la única opción que vemos en este apartado es para ladescripción del blog (vg.:Blogger para torpes y para no tanto), pero lo más interesante está (o estará, yo todavía no la tengo) en otra parte. En el menú de la derecha del editor llamadoConfiguración de Entradas. una nueva opción nos permite añadir también unadescripción de búsqueda individual, para cada una de las entradas que publiquemos.

Esto soluciona parte del problema de lasdescripciones duplicadas del que ya hablamos. El sistema que propusimos allí era sólo un apaño y lo óptimo es esto, que cada entrada disponga de su propia descripción.

El apartado deerrores seguro que nos va a permitir desarrollar nuestra creatividad, ya que ahí podremos escribir el código que queramos para crear unapágina 404, esas que nos avisan de que la dirección buscada no existe. Se puede utilizar desde una página HTML sencilla hasta otra personalizada con CSS.

Ahí mismo también encontramos lasredirecciones automáticas, útil para que cuando se acceda a una entrada o página borrada, el usuario pueda ser desviado a otra página. Autoexplicativo según se puede ver en la captura:

Por último vemos dos apartados más para programar el ficherorobots.txt, un servicio que sirve para indicar a las arañas rastreadoras de los buscadores, qué cosas indexar y qué cosas no.

Este es un tema delicado, ya que las instrucciones se dan con un lenguaje lleno de parámetros y un asterisco de más o de menos, puede hacer que causemos el efecto contrario del deseado. Es decir, que ocultemos lo que queremos que se vea. Útil por ejemplo paraesconder de la indiscreta mirada de los buscadores una página concreta. Yo tengo una de esas en otro blog y probaré a ver si deja de salir en Google.

Aunque hay que tener la misma precaución, más fácil es la parte deEtiquetas de encabezado, en la que sólo hay que marcar o desmarcar opciones. Con esto lo que podremos hacer será dar instrucciones por separado al robots.txt, para las páginas deInicio,Archivo,Navegación,Estáticas yEntradas.

Queda otra nueva opción que yo tampoco veo de momento y es la posibilidad de añadirencabezados Hx desde el editor. Esto nos permitirá marcar adecuadamente los apartados más relevantes de cada entrada con las etiquetas H1, H2, H3, etc. Los buscadores también se fijan en este tipo de encabezados para obtener una visión general de que se puede encontrar en una página.

Información más detallada sobre la utilidad de cada apartado en el soporte de Blogger:Acerca de Blogger y la optimización de motores de búsqueda.

Actualización:

Se me pasó otra cosa que acabo de ver. Cuando insertas un enlace desde el editor, la ventana emergente ofrece tres opciones nuevas para incorporar: una dirección de correo como destino, poder marcar el enlace con unnofollow y/o abrir enlace en ventana nueva (_blank).

Seo company Business finance group Better Conference Calls Casino reviews boulder personal injury lawyers california law lemon colorado mesothelioma lawyers WordPress hosting Seo services Dayton Freight Lines Mobile casino mesothelioma law firms Life Insurance Co Lincoln Photo Christmas cards Health Records Personal Health Record Social media platforms for business Hire php developer Casino Psychic for Free Business management software CAR INSURANCE QUOTES COLORADO DONATING A CAR IN MARYLAND donating used cars to charity Donate Your Car for Kids Cheap auto insurance in VA online colledges DONATE OLD CARS TO CHARITY washington mesothelioma attorney structured annuity settlement truck accident attorney texas Online casino mesothelioma attorney florida houston motorcycle accident lawyer harddrive data recovery services selling structured settlement business administration masters Best Seo company all about mesothelioma See more at http//wwwginfostopnet/ injury lawyers Home Phone Internet Bundle mesotheolima ROYALTY FREE IMAGES STOCK Best social media platforms chicago hair laser removal Seo companies dui lawyer scottsdale Car insurance quotes pa Car Insurance Quotes MN Online Classes criminal defense federal lawyer personal injury lawyer sarasota fl alcohol rehab center in florida Social media platforms Make money online Australia DUI lawyer cheap car insurance in virginia Neuson Best social media platforms for business cheaper insurance companies Live casino Donate Car to Charity California Social media examiner anti spam appliance mesothelioma litigation MOTOR REPLACEMENTS Hire php developers domain yahoo Hire php programmers Auto Accident Attorney Criminal lawyer Dwi lawyer business voice mail service Social media tools Annuity Settlements Psd to WordPress Online Motor Insurance Quotes AUTOMOBILE ACCIDENT ATTORNEY Met Auto structured settlement sell Service business software Criminal defense lawyer Forex Trading Platform bus accident attorney los angeles Donate Cars Illinois Proud Italian cook DALLAS MESOTHELIOMA ATTORNEYS Motor Replacements Php programmers for hire canada personals yahoo pharmacist jobs in chicago Bankruptcy lawyer Computer science classes online Php programmers philadelphia mesothelioma lawyer HOLLAND MICHIGAN COLLEGE mesotheloma donate old cars to charity New social media platforms Custom WordPress theme designer motorcycle accident lawyer san francisco mesothelioma lawyer texas sell your structured settlement payments Paperport Promotional Code utah mesothelioma lawyer Structures Annuity Settlement Best Criminal Lawyers in Arizona Low Credit Line Credit Cards motorcycle accident attorney chicago Social media management life insurance co lincoln forensics online course anti spam exchange server boca raton personal injury attorney NUNAVUT CULTURE Donating a Car in Maryland earthlink business internet car accident lawyers los angeles Online Christmas cards Donate your Car for Money Cheap Car Insurance in Virginia Custom Christmas cards windows phone for business Business VOIP Solutions Social media campaigns Insurance WordPress themes for designers Virtual Data Rooms broward county dui lawyer Donate cars Illinois DONATE YOUR CAR SACRAMENTO Car Insurance Quotes Colorado Car Insurance Quotes mesothelioma suit Massage school Dallas Texas Car insurance quotes Colorado Dedicated Hosting Dedicated Server Hosting Car Insurance Quotes PA Tech school selling a structured settlement supportpeachtreecom car insurance quotes STRUCTURED ANNUITY SETTLEMENT Html email mesothelioma personal injury lawyers Christmas cards PSYCHIC FOR FREE LIFE INSURANCE CO LINCOLN workers compensation lawyer los angeles better conferencing calls Psd to html Sell Annuity Payment Italian cooking school CAR DONATE truck accident attorney los angeles car accident lawyers motor insurance quotes WordPress theme designers Adobe illustrator classes Social media strategies structured settlement agreement Learning adobe illustrator structured settlements annuities motorcycle lawyer los angeles structured settlements companies dallas mesothelioma attorneys Mesothelioma Law Firm semi truck accident lawyers massage school dallas texas Auto Mobile Shipping Quote Donate Car for Tax Credit Donate Cars in MA Donate Your Car Sacramento Donate your car for money How to Donate A Car in California Injury Lawyers DONATE CARS ILLINOIS mesothelioma settlement amounts mesothelioma ct BETTER CONFERENCING CALLS miami personal injury attorney WEBEX COSTS FORENSICS ONLINE COURSE Asbestos Lawyers Webex Costs CAR INSURANCE QUOTES UTAH ASBESTOS LAWYERS Nunavut Culture best criminal lawyer in arizona mesothelioma lawyer dallas Hard drive Data Recovery Services Donate a Car in Maryland mesothelioma Cheap Domain Registration Hosting Donate a car in Maryland Data Recovery Raid Car Accident Lawyers mesothelioma trial attorney CAR INSURANCE IN SOUTH DAKOTA donate your car for money Criminal Defense Attorneys Florida mesothelioma symptoms Car Insurance Quotes Utah houston tx auto insurance mesothelioma lawsuit Life insurance co Lincoln Car Insurance in South Dakota Holland Michigan College ONLINE COLLEDGES Online Colleges

Blogger, Trucos

Vacuna rápida para el mal de Blogger. Botones sociales – Record – php – Online

Como decíamos ayer, Blogger la ha liado de nuevo con las redirecciones a dominios nacionales, pero parece que de momento ya hay soluciones para poder seguir con el habitual blogspot.com.

La que resulta más efectiva por ahora consiste en forzar una redirección por nuestra cuenta, que deja las cosas otra vez como estaban. De eso tratónuestro anterior post sobre esto en el que proponiamos como mejor opción para todos los casos conocidos, un script deEmilio Cobos que había que insertar en la plantilla.

Pero hay otra opción si no queremos hacer ninguna redirección y simplemente necesitamos que los botones sociales que se desbarajustan con estos nuevos dominios, apunten a dónde deben y envíen y sumen bien los tweets, +1, votos, etc.

Simplemente tenemos que cambiar en la plantilla las referencias a la dirección de la página que se está visitando (data:post.url), que normalmente aparecen comoexpr:href='data:post.url' y sustituir esadata normal pordata:post.canonicalUrl, que es la que guarda la misma dirección pero con el formato blogspot.com.

Esto se puede aplicar a todos los gadgets que adaptados a Blogger, incluyan la dirección de la página con este tipo de variables. Un ejemplo con el botón de twitter:

a class='twitter-share-button' data-lang='es' expr:data-url='data:post.url' data-via='oloman' href='https://twitter.com/share'Twittear/a
script!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");/script

Esedata:post.urlmarcado en verde, sería el que habría que cambiar para poner en su lugardata.post.canonicalUrl:

a class='twitter-share-button' data-lang='es' expr:data-url='data:post.canonicalUrl' data-via='oloman' href='https://twitter.com/share'Twittear/a
script!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");/script

Otro. La caja de comentarios de Facebook que además de un script previo necesita este código:

fb:comments colorscheme='light' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1' width='520'/div id='fb-root'/

Tras el cambio:

fb:comments colorscheme='light' expr:href='data:post.canonicalUrl' expr:title='data:post.title' expr:xid='data:post.id' migrated='1' width='520'/div id='fb-root'/

Y de la misma manera habría que ir sustituyendo las direcciones que normalmente usamos por lascanonical. Si algún gadget localizara automáticamente la dirección de la página, habría que adaptarlo para forzar que enviara la que queremos. Puede hacerse como habéis visto, con unexpr: delante del dato.

Esa variable sólo funcionará dentro delloop principal que va formando las entradas. Si necesitáis algo similar para la dirección principal del blog (página Home) entonces podéis echar mano dedata:blog.canonicalUrl.

Lo siguiente es un simple experimento por mi parte para ver cómo funciona esto de proporcionar gadgets autoinstalables al personal y de paso facilitar esa instalación a aquellos a los que les cuesta más moverse entre códigos.

Para ellos, este botón que al pinchar en él, instala un gadget en la barra lateral con el código necesario para hacer esa redirección que comentábamos al principio.

Está probado y la única diferencia con respecto a cargarlo directamente en la plantilla es que se aprecia un "guiño" en la pantalla con el salto de página. Lo óptimo sería insertarlo al principio del todo, esto es, justo después dehead Pero lo dicho, aquí está para el que lo necesite, esta vacuna rápida:

Por último, recordar de nuevo que esta nueva jugarreta de Blogger sólo afecta a los dominiosblogspot, no a los que tienen dominio propio.

earthlink business internet selling annuity payments for cash automobile accident attorney Casino mesothelioma Service business software car accident lawyers west palm beach hosted predictive dialers Online Criminal Justice Degree Forex Trading Platform online criminal justice degree sell your structured settlement payments Donate cars in ma futuristic architecture DONATE YOUR CAR FOR KIDS webex costs car accident lawyer michigan Seo services Online casino Make money online Australia car insurance in south dakota uk homeowner loans saskatchewan auto insurance Donate car to charity California Html email domain name yahoo Donate Cars Illinois Php programmers for hire Casino reviews Hire php developers Online Motor Insurance Quotes Php programmers diagnosed with mesothelioma motorcycle lawyer los angeles Automobile Accident Attorney seattle mesothelioma lawyer domain registration yahoo Photo Christmas cards structured settlement buyer ashely madis Seo companies mesothelioma lawsuit DONATING A CAR IN MARYLAND DUI lawyer car insurance quotes colorado Mobile casino Mesothelioma Law Firm criminal defense federal lawyer cheaper insurance companies Live casino Motor Insurance Quotes AUTOMOBILE ACCIDENT ATTORNEY Custom WordPress theme designer Social media examiner Social media platforms for business Psd to WordPress car accident lawyers los angeles Nunavut Culture motorcycle accident lawyer san francisco WORLD TRADE CENTER FOOTAGE car accident lawyer san bernardino Email Bulk Service mesothelioma ct Hire php programmers Dwi lawyer CAR INSURANCE IN SOUTH DAKOTA injury lawyer houston tx illinois law lemon miami personal injury attorney Criminal lawyer Car Insurance Quotes PA florida car insurance company Christmas cards Criminal defense lawyer MESOTHELIOMA LAW FIRM Best Seo company Hire php developer workers compensation lawyer los angeles personal injury attorney springfield mo MOTOR REPLACEMENTS mesothelioma law suit mesothelioma cases domain yahoo mesothelioma lawyer california mesothelioma lawyer dallas Bankruptcy lawyer Criminal defense attorneys Florida tucson car accident attorney Computer science classes online Adobe illustrator classes Donate Your Car Sacramento structured settlement purchasers Dayton freight lines Best social media platforms Donating a Car in Maryland Best social media platforms for business New social media platforms mesothelioma lawyer chicago Business finance group what is structured settlement Donate Your Car for Kids structured settlement company cash out annuity los angeles auto accident attorneys Social media tools Home Phone Internet Bundle business email web hosting mesothelioma survival rates Met Auto purchase structured settlements Custom Christmas cards business voip solutions how to donate a car in california PSYCHIC FOR FREE Business management software Dedicated Hosting Dedicated Server Hosting personal injury attorney ocala fl Virtual Data Rooms auto accident attorney Seo company accident car florida lawyer Cheap Domain Registration Hosting WordPress theme designers Register Free Domains Donate Car for Tax Credit Online Christmas cards DONATE CAR FOR TAX CREDIT WordPress themes for designers PHD on Counseling Education WordPress hosting Psd to html Auto Accident Attorney LIFE INSURANCE CO LINCOLN Car insurance quotes MN colorado mesothelioma lawyers Donate your Car for Money Social media management best accident attorneys selling annuity Tech school Holland Michigan College Cheap Car Insurance for Ladies Hard drive Data Recovery Services Annuity Settlements selling my structured settlement Social media platforms ONLINE MOTOR INSURANCE QUOTES Proud Italian cook Italian cooking school structured settlement cash out NEUSON Donate Car to Charity California DONATING USED CARS TO CHARITY Social media strategies anti spam exchange server Learning adobe illustrator HOW TO DONATE A CAR IN CALIFORNIA Car Insurance Quotes Auto Mobile Insurance Quote Social media campaigns Car insurance quotes Utah Personal Injury Lawyers mesothelioma law firm Cheap domain registration hosting structured settlement brokers Donate Cars in MA car donate illinois mesothelioma lawyer CAR INSURANCE QUOTES PA cheap auto insurance in va car insurance quotes mn How to Donate A Car in California Sell Annuity Payment Structures Annuity Settlement Mortgage Adviser Asbestos Lawyers Mortgage adviser DONATE A CAR IN MARYLAND supportpeachtreecom cloud identity and access management mesotheliama CAR ACCIDENT LAWYERS boulder personal injury lawyers Car Insurance Quotes Utah Car Insurance Quotes Colorado buy structured settlements Dayton Freight Lines mesothelioma law firms Health Records Personal Health Record Paperport promotional code mesothelioma compensation mesothelioma attorneys california Donate a Car in Maryland WEBEX COSTS auto insurance cost by state Motor Replacements PhD in counseling education paperport promotional code CHEAP CAR INSURANCE IN VIRGINIA Paperport Promotional Code refinance with poor credit Criminal Defense Attorneys Florida STRUCTURED ANNUITY SETTLEMENT Best Criminal Lawyers in Arizona washington mesothelioma attorney Life Insurance Co Lincoln mesotheloma Business Voip Solutions federal criminal defense attorney buy gift card

miércoles, 21 de marzo de 2012

Promoción

Otras opciones para instalar el botón de Pinterest – dinero – Registros – Abogado

La manera que vimos el otro día parainstalar un botón de Pinterest en nuestro blog, sirve para forzar el envío de un título, texto y miniatura concretos.

Pero lo de la miniatura no va mucho con el estilo de esta red, pues ya comentamos que su poderío estaba en la fuerza de las imágenes y una de 72px como que no... no va a ser muy llamativa para ese medio.

Hoy veremos un par de variantes más mediante las que podremos enviar la imagen a tamaño original o dejar a criterio del usuario, qué imagen de entre las posibles que hay en un entrada quiere remitir.

Para ambos casos, lo primero que haremos será insertar el script principal de Pinterest, lo más cerca posible del cierre delbody:

!-- Script Pinterest --
script type='text/javascript' src='//assets.pinterest.com/js/pinit.js'/

Envío forzado de datos

Para esta opción utilizaremos casi el mismo código que vimos anteriormente pero en esta ocasión, pasado por un script que sustituirá la miniatura por la imagen original. La ventaja de este sistema es que nosmuestra el contador de pines recibidos.

El script habrá que meterlo antes de/head y es este:

!-- Reemplazar miniaturas Pinterest --
script type='text/javascript'
//![CDATA[
function pinterest(url,snippet,image){
var imagen=image;
var devolver='a target="_blank" href="http://pinterest.com/pin/create/button/?url='+url+'&media='+imagen.replace('/s72-c/','/s1600/')+'&description='+snippet+'" class="pin-it-button" count-layout="horizontal"img alt="Pin It" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8XROERT8ZAJIVEBsaVKT7OqCf-ff3RRbbEojQ8yEhzvUBHYh3w66_Gl7zmr09hhyphenhyphenc9DemLHB6l9qIepY5Vm_qStzVpz9H9pjJ61BHTUvlURWII6oT73zf_sxMDwEkTWWtXdC070ciDQ8/s1600/pin+it.gif" //a';
if(imagen!='') return devolver; else return '';
}
//
/script

Y ahora, dónde queremos que aparezca el botón (normalmente en el post-footer), copiamos esto otro:

script type='text/javascript'document.write(pinterest("data:post.url/","data:post.title/+ data:post.snippet/","data:post.thumbnailUrl/"));/script

No sé si funcionará poniendo el código en una entrada, pero sería algo así. Pinchando podréis ver cómo se rellenarían los campos a enviar. No es necesario terminar el proceso porque la imagen de esta entrada no tiene mucho interés salvo por lo que se comenta al final.

Imagen y texto a elección del usuario

Esta opción la vimos enPizcos y también la comentóFelipe OI.

En este caso, la ventaja es que el envío de datos no es automático yel usuario puede escoger qué imagen remitir cuando hay varias en el mismo post.

Es un único trozo de código y se debe situar allí dónde queremos que aparezca el botón:

a href='javascript:void((function(){var%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)})());'img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8XROERT8ZAJIVEBsaVKT7OqCf-ff3RRbbEojQ8yEhzvUBHYh3w66_Gl7zmr09hhyphenhyphenc9DemLHB6l9qIepY5Vm_qStzVpz9H9pjJ61BHTUvlURWII6oT73zf_sxMDwEkTWWtXdC070ciDQ8/s1600/pin+it.gif'//a

Al igual que antes, os pongo este otro botón que en apariencia es igual, pero que sin embargo permite escoger al usuario la imagen a enviar. Pinchad para comprobarlo:

El uso de uno u otro sistema dependerá sobre todo de la naturaleza del blog. Si es como este que apenas tiene una imagen por entrada, el sistema automático parece el más indicado. Sin embargo, en sitios que incluyan normalmente varias imágenes por post, el segundo me parece más adecuado porque permite el envío individual de cada una de ellas.

La imagen ilustrativa es del portfolio deCarlos Pagán, uno de los diseñadores del logo de Pinterest.

Live casino Criminal defense lawyer WordPress themes for designers bus accident attorneys Donate Car to Charity California Online casino Best criminal lawyer in Arizona Donate a Car in Maryland asbestos lung cancer Life insurance co Lincoln Donating Used Cars to Charity Casino Best Criminal Lawyers in Arizona Donate Car for Tax Credit Social media strategies how to donate a car in california Donate your car for money Service business software Data Recovery Raid Paperport Promotional Code cell cycle regulation ppt Make money online Australia Futuristic Architecture Donate your Car for Money accident car florida lawyer CHEAP DOMAIN REGISTRATION HOSTING Custom Christmas cards structured settlement company Mobile casino PHD on Counseling Education orlando criminal attorney california mesothelioma attorney World Trade Center Footage online motor insurance quotes Donate Your Car Sacramento quotes car Criminal Defense Attorneys Florida Casino reviews new york mesothelioma law firm VIRTUAL DATA ROOMS colorado auto accident attorney mesotheliama Best social media platforms for business WordPress theme designers new mexico mesothelioma lawyer Mortgage adviser Auto Mobile Shipping Quote DUI lawyer DONATE YOUR CAR FOR MONEY CHEAP CAR INSURANCE FOR LADIES Donating a Car in Maryland Better conferencing calls HARDDRIVE DATA RECOVERY SERVICES PHD IN COUNSELING EDUCATION Personal Injury Lawyers Criminal lawyer Car insurance quotes Colorado best criminal lawyer in arizona mesothelioma settlements amounts CAR INSURANCE QUOTES COLORADO Hire php developers NEUSON mesothelioma drug Car insurance in South Dakota domain registration yahoo mesothelioma charities Hire php programmers Dayton Freight Lines Dwi lawyer How to donate a car in California automobile accident attorney Best Seo company Hire php developer Cheap Car Insurance in Virginia life insurance co lincoln WordPress hosting Italian cooking school sell structured settlement calculator buy gift card miami personal injury lawyer Php programmers mesothelioma ct yahoo web hosting car insurance quotes pa Mortgage Adviser DONATING A CAR IN MARYLAND Php programmers for hire Social media platforms average mesothelioma settlement donate your car for money Bankruptcy lawyer Computer science classes online motorcycle lawyer los angeles injury lawyers west palm beach Seo companies Business VOIP Solutions chicago hair laser removal MET AUTO auto accident attorney Torrance DALLAS MESOTHELIOMA ATTORNEYS Better Conference Calls Seo company Psd to html mesothelioma attorneys california Car Accident Lawyers student loan consolidation program Car Insurance Quotes PA CAR DONATE Proud Italian cook New social media platforms Business finance group Social media platforms for business mesothelioma Custom WordPress theme designer massage school dallas texas Seo services Business management software Best social media platforms mesothelioma claim Auto Accident Attorney car insurance quotes mn Cheap auto insurance in VA lease management software car crash attorneys Social media tools meso lawyer sell your structured settlement payments Online Christmas cards Forensics online course Donate cars in ma Photo Christmas cards Insurance Companies broward county dui lawyer Donate Your Car for Kids wisconsin mesothelioma attorney Gas/Electricity personal injury attorney ocala fl bowne virtual data room Online Stock Trading Online Criminal Justice Degree personal injury law firm mesothelioma law firm Psd to WordPress Social media examiner sell my structured settlement forensics online course AUTO ACCIDENT ATTORNEY illinois mesothelioma lawyer Social media management annuity payment Tech school Html email Online classes Online Motor Insurance Quotes DONATE YOUR CAR FOR KIDS georgia truck accident lawyer Holland Michigan College dallas mesothelioma lawyer CRIMINAL DEFENSE ATTORNEYS FLORIDA Christmas cards Motor Replacements Email Bulk Service EMAIL BULK SERVICE Asbestos Lung Cancer mesothelioma cases Adobe illustrator classes purchase structured settlements Learning adobe illustrator att call conference adverse credit remortgage uk homeowner loans truck accident attorney los angeles Social media campaigns Car Insurance Quotes Utah Mesothelioma Law Firm structered settlement Forex Trading Platform truck accident attorney texas Annuity Settlements Nunavut culture Donate Cars in MA How to Donate A Car in California Sell Annuity Payment structured settlement blog Met Auto Asbestos Lawyers Structures Annuity Settlement Car Insurance Quotes Colorado Car insurance quotes MN structured settlement agreement Nunavut Culture car donate Donate old cars to charity Hard drive Data Recovery Services Donate Old Cars to Charity motorcycle accident attorney chicago Cheap Car Insurance for Ladies Cheap Domain Registration Hosting asbestos lawyers los angeles auto accident attorneys Donate Cars Illinois HOW TO DONATE A CAR IN CALIFORNIA cheap domain registration hosting Life Insurance Co Lincoln Attorney car accident lawyer in san diego Online Colleges Online Classes Massage School Dallas Texas ONLINE COLLEDGES

CosasParaMiBlogs

miércoles, 28 de marzo de 2012

Mega FB Man, un gadget juguetón para compartir en Facebook – Money

martes, 27 de marzo de 2012

Página para error 404 a mi manera y a la de otros – Virginia – World

viernes, 23 de marzo de 2012

Nueva etiqueta META para descripción en plantillas modificadas – cancer – Accident – Accident

jueves, 22 de marzo de 2012

Una cal y otra de arena: Las nuevas utilidades SEO de Blogger – Hosting – Promotional Code – cancer

Vacuna rápida para el mal de Blogger. Botones sociales – Record – php – Online

miércoles, 21 de marzo de 2012

Otras opciones para instalar el botón de Pinterest – dinero – Registros – Abogado

Envío forzado de datos

Imagen y texto a elección del usuario

Popular Posts

Blogger news

Labels

Blog Archive