CosasParaMiBlogs

jueves, 25 de agosto de 2011

100 tutoriales para 100 tipos distintos de menús – Money – Teleconferencias – Negocios

Esto más que un post es una simple referencia, pero me ha parecido tan completo y práctico este artículo deNoupe, que creo que merece la pena que lo conozcáis al tiempo que lo dejo grabado en mi bitácora para mi propia memoria.

Se trata de una genial recopilación con 100 tipos de menús distintos de la que destaco queincluye siempre un tutorial sobre cómo construirlos y, en la mayoría de casos, una demo para comprobar previamente cómo van a funcionar una vez instalados.

Hay incluso algunos que anteriormente ya vimos sólo comofuente de inspiración, pero que en esta ocasión aparecen también explicados. Varios funcionan con resultados espectaculares gracias a jQuery u otras librerías, pero muchos de los que están hechos simplemente con CSS tampoco le van a la zaga.

Los agradecimientos, en su caso, deben ir para@DanielUlczyk (Diseniorweb yUlczyk), que nos dió a conocer esta entrada mediante un tweet.

miércoles, 24 de agosto de 2011

Mundo Google, Navegando

Jugando a adivino con la API de Google Plus – Plataforma – Law Firm – Promotional Code

No me parece que sea improvisación el quetodavía no esté disponible la API para desarrolladores de Google Plus.Aunque parezca el bombazo del siglo y G+ haya tenido un bestial crecimiento inicial y metido millones de usuarios en la saca, esto no quiere decir que tenga ya la posición de líder a la que están acostumbrados.

De momento es hasta natural que un buen montón nos hayamos puesto a probarlo.Las cosas nuevas llaman la atención y nadie quiere quedarse atrás. Digamos que hasta es obligatorio hablar de ellas porque de lo contrario ¿de qué íbamos a escribir todos los sitios que publicamos cosas sobre el mundo digital? El sistema viral de invitaciones y las expectativas generadas previamente por todos los medios, han hecho también su parte.

Pero lejos de encontrarse en una posición de liderazgo,G+ simplemente está recuperando posiciones en la parrilla de salida y ahora mismo está en plena pelea paraacercarse a Facebook, la red social más similar y con el mayor trozo del pastel hoy día. Algunos dicen que también va a por un cacho de Twitter e intentar mojarle la oreja a otros, pero esto último no lo veo tan claro por la sustancial diferencia en cuanto a concepto.

El caso es que en generalmuchos somos muy comodones y nos gusta más aquello a lo que estamos acostumbrados y dominamos por puro tiempo de dedicación. Experimentar está bien, pero modificar hábitos, ajustar programas y andar locos buscando cómo se hace ahora eso que ya sabíamos de memoria cómo se hacía en nuestra aplicación habitual, cuesta trabajo (#yoconfieso que sigo usando Word 2000). En definitiva, nos cuesta cambiar si no hay una mejora muy evidente.

Con esta premisa, imaginad que existiera desde el principioalgo que nos permitiera publicar automáticamente desde nuestros actuales sitios a Google Plus. Pues eso, posiblemente la nueva red se convertiría en una simple réplica de lo publicado en esos otros lugares, lo que conllevaría menos originalidad de contenidos, menor interacción entre usuarios y probablemente un mayor desinterés por acceder a ella ¿Podría ser este el motivo por el que Google Buzz o Wave no cuajaron? Pues a lo mejor sí y por eso Google, tirando de memoria, ha hecho las cosas ahora de otra manera.

Se ha anunciado que habráAPI para desarrolladores, pero dados los tiempos que corren, lo sorprendente sería que no fuera así.La cuestión es cuándo y aquí mi opinión es que será cuando la gráfica de nuevas incorporaciones comience a suavizar su actual tendencia fuertemente ascendente. O sea, el plan sería conseguir usuarios (ocuriosos) y el mayor contenido posible (un sitio así con poco movimiento es muy triste) y cuando se agote un nicho incorporar otras cosas y conseguir otro trocito.

La segunda fase comenzó con la incorporación dejuegos, esos que tanto hicieron por Facebook y que crean dependencia de la red que los ofrece cuando consiguen que los usuarios interactúen con ellos y entre ellos.

La siguiente la desconozco porque si fuera capaz de crear una buena estrategia para este tipo de cosas, probablemente me ganaría la vida con ello. Sin embargo, haciendo una apuesta -seguramente equivocada-antes que publicar la API intentaría conseguir una mayor integración con otros servicios Google de éxito ya contrastado, dar una vueltecita de tuerca creando alguna utilidad específica paramóviles (quizás pensando en Twitter) y cosas por el estilo que consiguieran más usuarios y más actividad.

Por otro lado no pasa desapercibido para nadie queChrome está ganando cuota de mercado ¿verdad? Pues ahora reflexionad sobre la gran cantidad de extensiones que están saliendo para este navegador relacionadas con G+ y que permiten enviar contenido desde allí a otros sitios. Lo dicho, yo dejaría lo dela API para cuando más tarde mejor.

motorcycle accident lawyer california DUI lawyer car accident lawyers west palm beach Better conferencing calls injury attorney baton rouge Criminal defense lawyer mesothelioma information business voice mail service How to Donate A Car in California Paperport Promotional Code boca raton personal injury attorney Mobile casino ONLINE COLLEDGES car insurance quotes Donating a car in Maryland Insurance Social media platforms for business Online casino Donate a Car in Maryland mesothelioma lawyer dallas Best social media platforms for business Donate your Car for Money Casino donate your car for money Email bulk service PSYCHIC FOR FREE Structures Annuity Settlement Social media platforms WordPress theme designers Low Credit Line Credit Cards Mortgage Adviser CHEAP DOMAIN REGISTRATION HOSTING mesothelioma trial attorney Auto Mobile Shipping Quote student loan consolidation program mesothelioma lawyer chicago Donating a Car in Maryland buying an annuity calculator washington mesothelioma attorney CAR INSURANCE IN SOUTH DAKOTA buy gift card Computer science classes online Criminal lawyer mesothelioma lawyer houston Annuity Settlements Mortgage Donate a car in Maryland Cheap Domain Registration Hosting donate old cars to charity Insurance Companies Proud Italian cook Psychic for Free Make money online Australia ONLINE MOTOR INSURANCE QUOTES miami personal injury attorney Online Christmas cards Casino reviews Hire php programmers Html email Bankruptcy lawyer WordPress themes for designers Paperport promotional code tucson car accident attorney Live casino orlando criminal attorney home phone internet bundle Business management software mesothelioma attorneys HOW TO DONATE A CAR IN CALIFORNIA mesothelioma suit life insurance co lincoln motorcycle accident attorney chicago Cheap Auto Insurance in VA Hire php developers Italian cooking school buyer of structured settlement annuity Seo services Dwi lawyer new york mesothelioma law firm Car insurance quotes pa Better Conference Calls truck accident attorney texas accident attorneys orange county Social media examiner CAR INSURANCE QUOTES PA sell my structured settlement car insurance companies Seo companies car insurance in south dakota Service business software Life insurance co Lincoln canada personals yahoo Php programmers for hire CAR INSURANCE QUOTES MN hair removal washington dc Best social media platforms Social media campaigns Hire php developer Psd to WordPress Php programmers CAR INSURANCE QUOTES COLORADO dallas mesothelioma lawyer structured settlement brokers DONATE YOUR CAR FOR KIDS New social media platforms asbestos mesothelioma lawsuit Business finance group structured annuity settlement uk homeowner loans DONATE OLD CARS TO CHARITY ANNUITY SETTLEMENT Donate your car for kids AUTO ACCIDENT ATTORNEY st louis mesothelioma attorney STRUCTURED ANNUITY SETTLEMENT LIFE INSURANCE CO LINCOLN houston motorcycle accident lawyer Nunavut culture email bulk service Custom WordPress theme designer Best Seo company business voip solutions mesothelioma law suits Dayton Freight Lines truck accident attorney los angeles Seo company Custom Christmas cards Donate cars in ma onlineclasses Photo Christmas cards Online Criminal Justice Degree WordPress hosting Criminal Defense Attorneys Florida Car Insurance Quotes BEST CRIMINAL LAWYER IN ARIZONA houston mesothelioma attorney Holland Michigan College structured settlement purchasers Social media management Tech school Massage school Dallas Texas Christmas cards Data Recovery Raid Neuson bus accident attorney los angeles Social media strategies quotes car Psd to html Learning adobe illustrator motor insurance quotes personal injury attorney springfield mo integrated ehr Adobe illustrator classes SELL ANNUITY PAYMENT peritoneal mesothelioma Donate Your Car for Kids Social media tools Car insurance quotes MN Donate Car To Charity CALIFORNIA personal injury accident lawyer Mesothelioma Law Firm Donate Car to Charity California Donate Car for Tax Credit phd in counseling education Donate Cars in MA mesothelioma personal injury lawyers Donate Your Car Sacramento anti spam exchange server Sell Annuity Payment Asbestos Lawyers Royalty Free Images Stock Auto Mobile Insurance Quote DONATE CARS IN MA Dedicated Hosting Dedicated Server Hosting Injury Lawyers Donate Cars Illinois MORTGAGE ADVISER FORENSICS ONLINE COURSE asterisk call center software Online College Course WEBEX COSTS Car Insurance Quotes Colorado Nunavut Culture Hard drive Data Recovery Services verizon sip hughes net business selling structured settlement Motor Replacements accident car florida lawyer Met Auto business email web hosting Dallas mesothelioma attorneys CHEAP CAR INSURANCE IN VIRGINIA Donate your car Sacramento Health Records Personal Health Record Best Criminal Lawyers in Arizona Car Insurance Quotes Utah Life Insurance Co Lincoln Online Motor Insurance Quotes Online Colleges earthlink business internet best mesothelioma lawyers automobile accident attorney Online Classes World Trade Center Footage Car Insurance Quotes PA Massage School Dallas Texas dallas mesothelioma attorneys best accident attorneys Donate Old Cars to Charity

viernes, 19 de agosto de 2011

JavaScript

Rotador con transición (fade) para imágenes con enlaces – Plataforma – cancer

El Javascript que veremos más adelante sirve para lo que anuncia el título de la entrada, mostrar diversas imágenes con sus correspondientes enlaces, dentro del mismo espacio. Esto es lo que normalmente se entiende comorotar imágenes. Además lleva incorporado un efectofade que consiste en desvanecer una imagen poco a poco y hacer aparecer la siguiente en el mismo sitio de idéntica manera.

Lo bueno que tiene es que es un código relativamente corto que se puede insertar en la plantilla directamente y que no es necesaria ninguna librería adicional. Por contra, presenta el inconveniente de que no se puede usar más de una vez por página. Esto quiere decir que se puede usar en la barra lateral si no se usa además en alguna entrada, ya que en ese caso nos fallaría uno de los dos cuando se viera esa entrada en concreto.

Pasa lo mismo si se usa en entradas sucesivas, que se muestran enteras en la página Inicio y en las de navegación. Al coincidir dos en la misma página, como se ha dicho, una de ellas no funcionaría.

Sin embargo, si el blog tiene entradas resumidas, tipo sumarios, el problema desaparece. La razón es evidente y es que en los sumarios no se cargaría el rotador, sino simplemente una imagen ilustrativa.

Aquí tenéis un ejemplo en funcionamiento en el que el enlace es la dirección original de cada imagen. Tiene añadido una ventana modal (lightwindow), pero eso es sólo para lucirme un poco :) y para que veáis una variante distinta del simple enlace a otra dirección:

El siguiente trozo de código es el que tenéis que insertar antes del/head en vuestra plantilla. He puesto juntos la parte CSS y el script para facilitar su instalación y desinstalación, aunque lo más recomendado es poner cada cosa en su sitio, es decir el estilo con el resto del CSS y en el head, el script.

!-- ROTADOR IMAGENES --
style type='text/css'
#rotator {
border:0;
padding:0;
margin: 10px auto;
overflow: hidden;
position: relative;
width:500px;
height:280px;
}
#rotator img {
border: 0;
padding: 0;
width: 100%;
}
/style

script type='text/javascript'
//![CDATA[
/* CREDITOS: http://slayeroffice.com/code/imageCrossFade/index.html */

window.addEventListener?window.addEventListener('load',so_init,false):window.attachEvent('onload',so_init);
var d=document, imgs = new Array(), zInterval = null, current=0, pause=false;

function so_init() {
if(!d.getElementById || !d.createElement)return;
css = d.createElement('link');
css.setAttribute('href','slideshow2.css');
css.setAttribute('rel','stylesheet');
css.setAttribute('type','text/css');
d.getElementsByTagName('head')[0].appendChild(css);
imgs = d.getElementById('rotator').getElementsByTagName('img');
for(i=1;iimgs.length;i++) imgs[i].xOpacity = 0;
imgs[0].style.display = 'block';
imgs[0].xOpacity = .99;
setTimeout(so_xfade,3000);
}

function so_xfade() {
cOpacity = imgs[current].xOpacity;
nIndex = imgs[current+1]?current+1:0;
nOpacity = imgs[nIndex].xOpacity;
cOpacity-=.05;
nOpacity+=.05;
imgs[nIndex].style.display = 'block';
imgs[current].xOpacity = cOpacity;
imgs[nIndex].xOpacity = nOpacity;
setOpacity(imgs[current]);
setOpacity(imgs[nIndex]);
if(cOpacity=0) {
imgs[current].style.display = 'none';
current = nIndex;
setTimeout(so_xfade,3000);
}
else {
setTimeout(so_xfade,50);
}

function setOpacity(obj) {
if(obj.xOpacity.99) {
obj.xOpacity = .99;
return;
}
obj.style.opacity = obj.xOpacity;
obj.style.MozOpacity = obj.xOpacity;
obj.style.filter = 'alpha(opacity=' + (obj.xOpacity*100) + ')';
}
}
//
/script

Una vez que tenemos esto en la plantilla, para crear un rotador de este tipo ya sólo hay que hacer una relación de imágenes con enlace y encerrarlo en undiv con la claserotator, como ya se ha dicho, bien en un gadget, bien en una entrada.

Para Blogger habrá que redactarlo todo quitando los saltos de línea para evitar efectos indeseados.

div id="rotator"
a href="URL_ENLACE1"img alt="" src="URL_IMAGEN1" //a
a href="URL_ENLACE2"img alt="" src="URL_IMAGEN2" //a
a href="URL_ENLACE3"img alt="" src="URL_IMAGEN3" //a
a href="URL_ENLACE4"img alt="" src="URL_ENLACE4" //a
/div

Los retoques personalizados que se pueden hacer están destacados en verde en el código y son los siguientes:

Elwidth y elheight de#rotator en la parte de estilo, es lo que marca el tamaño de la caja que contendrá las imágenes. Hay que tener en cuenta que esta caja no se adapta a las imágenes, sino al revés, estas se ven limitadas por la caja y ocuparán todo el ancho disponible redimensionándose proporcionalmente en altura.

Así, en un principio, todas deberán tener las mismas dimensiones o al menos ser proporcionales. Aunque no quede perfecto, tampoco hay demasiado problema si esto no es así, ya que lo que pudiera exceder del alto disponible simplemente no se verá. Con lo que si hay que tener más cuidado es con usar imágenes mucho más pequeñas que la caja, ya que al agrandarse se verán con una calidad mala. También hay que cuidar de no usar imágenes con formato vertical y una caja horizontal. El resultado no será muy bonito que digamos.

Otra posible configuración es la velocidad de cambio. En el script están programados 3 segundos (3000 milisegundos), pero en esta línea podéis cambiar ese valor:

setTimeout(so_xfade,3000);

martes, 9 de agosto de 2011

Mundo Google, Promoción, X-Topic

Una solución para los botones +1 rebeldes. – Auto

No es el caso de un servidor, pero algunos me han comentado que lanueva versión del Botón +1 para Google Plus no pita del todo bien en todos los casos. Los síntomas son que cuando se introduce el nuevo código o se utiliza simultáneamente para invitar a recomendar cada entrada y el blog entero, en ocasiones el botón no es visible. No es un mal común pero sí parece que ocurre en ocasiones.

La solución la vi enSpice Up Your Blog, gracias al aviso deOzl yAndrés y es bien sencilla. Consiste en usar un código alternativo que aunque no es del propio de G+, funciona desde siempre sin problemas. Es el deAddThis.

Este servicio nos facilita un código con el que podemos incluir de una tacada, una serie de botones con varios diseños optativos, que además incluyen una gran variedad de redes sociales. La cosa consiste en utilizar sólo la parte del código que nos interesa y que en este caso es la que mostrará el botón +1. Sería esta:

div class="addthis_toolbox addthis_default_style"
a class="addthis_button_google_plusone"/a
/div
script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e13aac8372bd045"/script

Para las entradas se puede dejar el script nuevo (o el antiguo si os da problemas este; lo tenéis enesta entrada) y si se quiere añadir también la recomendación para el blog, se utilizaría adicionalmente el código de AddThis insertándolo en un gadget tipo HTML/JavaScript.

Es una chapuza temporal mientras alguien no averigua o soluciona cual es el problema real. Sería interesante que comentarais si efectivamente esto soluciona lo de la desaparición del botón.

sábado, 30 de julio de 2011

Mundo Google, Promoción, X-Topic

Actualizando el botón +1 y aprovechando para recomendar la página principal – Email

Hace unos días,Vagabundia nos avisaba de que el script para instalar el botón +1había sido actualizado. Esto no quiere decir que el anterior código haya dejado de funcionar y que irremediablemente tengamos que cambiarlo. No, simplemente que hay una nueva versión.

Las actualizaciones suelen ser para mejorar, pero como no me he puesto a ver el contenido del script de Google (ni lo voy a hacer), no sé exactamente en qué consisten las novedades. Sin embargo, lo que si se ve a simple vista es que el nuevo código incluye un parámetro que por su nombre, posiblemente haga que el script funcionede manera asíncrona.

Esto suele ser bastante bueno para reducir la velocidad de carga del blog, así que aunque J.Miur tenía en el momento de redactar el post una pequeña reserva sobre su funcionalidad, servidor lo ha instalado y puede acreditar que hasta la fecha ha funcionado sin problemas.

El nuevo código lo podéis encontrar en la misma página que ya comentamos en su momento (Plusone button) y para actualizarlo sólo hay que tener en cuenta que este tiene dos partes.

!-- Place this tag where you want the +1 button to render --
g:plusone size="tall"/g:plusone

!-- Place this tag after the last plusone tag --
script type="text/javascript"
window.___gcfg = {lang: 'es'};
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
/script

Las primeras dos líneas son las que "pintan" el bótón allá dónde queráis. Si instaláis ahora el botón por primera vez, las tenéis que insertar dónde queráis que aparezca: en la barra lateral, en la cabecera de cada post, tras estos... Sin embargo, si ya teníais el botón, estas líneas no hay que tocarlas y se quedan tal y cómo estén.

Las siguientes son la llamada al script que maneja todo el sistema y estas son precisamente las que han cambiado. Otra vez, distinguimos entre páginas que tenían el botón y las que no.

Si no teníais el +1, sólo tenéis que buscar en vuestra plantilla el código del último botón que hayamos "pintado" (podemos situar varios sin problemas) e insertar esta segunda parte después. En un principio esta es la única restricción (situarlo después), pero para no calentarnos la cabeza ni dejarnos la vista, quizás lo más rápido es colocarlo justo antes de/body. De esta manera, con seguridad que no nos equivocaremos.

Si ya tenías el botón, el procedimiento es el mismo, pero previamente tendrás que borrar la línea que llamaba al antiguo código. Esta:

script type='text/javascript' src='http://apis.google.com/js/plusone.js'/

Puede que la tengas un poco distinta si incluiste alguno de los parámetros para adaptar el lenguaje o cambiar el tamaño (SIZE:small,medium,standard otall.

Y ya que estamos facilitando la recomendación de nuestras entradas ¿por qué no hacerlo directamente con nuestro blog entero?

En un principio, el script lo que registra es la dirección dónde se encuentra el botón, por lo que la dirección principal sólo se recomendará con el +1 si estamos en dicha página principal. Pero quizás alguno quiera que también se pueda hacer esto desde cualquier página. El ejemplo lo tenéis ahora mismo en este blog, en la barra de la derecha.

Pues esto es también muy fácil una vez que ya tenemos todo lo anterior. Sólo hay que añadir otra vez el código que siguiendo la expresión que estamos utilizando en esta entrada, "pinta" el botón, pero esta vez incluyéndole una referencia a la dirección de nuestra página inicio.

g:plusonehref='http://NOMBREBLOG.blogspot.com'//g:plusone

Sería lo marcado en verde, respetando los posibles atributos que tuviérais en su caso.

Por último, si estáis aburridos y queréis redondear la cosa, en Ciudad Blogger tenéis también explicado un sistema para queel botón +1 muestre un mensaje cuando se pulse.

martes, 26 de julio de 2011

Blogger, Trucos

Imágenes en enlaces de navegación sólo con CSS. Blogger. – Abogado – Motor

Es verano y por tanto además de estar medio de vacaciones también estoy muy perezoso, así que me vais a disculpar el bajo nivel de publicación y que hoy os venga con una cosa sencillita.

Para ir directamente al grano, se trata de sustituir los enlaces que de manera automática salen en todos las plantillas con el rótulo "Entradas más recientes", "Entradas antiguas" y "Página principal" por imágenes y además, incluyendo un efectorollover ohover.

Estoya vimos cómo hacerlo alterando la parte HTML de la plantilla, pero en esta ocasión lo vamos a hacer sólo cambiando las propiedades de las clases CSS que administran este tipo de enlaces. La ventaja de hacerlo de esta manera y no de la otra, es que cuando Blogger tenga a bien cambiarnos subrepticiamente nuestro código, las modificaciones que hayamos hecho en nuestra plantilla no afectarán tanto a las novedades que nos incorporen.

En las plantillas de 2006, la referencia para insertar el nuevo código son estas líneas que se reproducen a continuación:

#blog-pager-newer-link {
float: $startSide;
}
#blog-pager-older-link {
float: $endSide;
}
#blog-pager {
text-align: center;
}

Puede ser que en lugar de$startSide y$endSide, os aparezcanleft yright, pero esto es indiferente. Hay que tomar todo ese trozo y sustituirlo por este otro:

.blog-pager {
background: $(paging.background);
position: relative;
}
.blog-pager-older-link, .home-link,
.blog-pager-newer-link {
background-color: $(content.background.color);
padding: 5px;
}
a.home-link {
position:absolute;
left:50%;
margin:0px auto 0px -22px;
padding:0px;
width:44px;
height:44px;
text-indent:-1000px;
overflow:hidden;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoQh8hMBJxQnZvyWTKRbpUlsyGr2dsbAot9RhWPDb4KGAWBLJHu3F15t0dcTLcstof8eaLN52S6GGpFSMNn68WoVYggIjuowUXVBwevDWAN79FSiS5sjHi4lMC4ZxzRjFmq1VXjD6gKuKE/);
}
a.home-link:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkLNZGm4nOXLxu-gb-QE-bAL4DuAy2Zl81LqIlxTMPAtrtCxsxCcF9B1Mnjn_PoLYjEFwp7_CS6Dype5Umn9UoGlS7PmcYVT2-whS2e8Iv3KrmjGCe0c0JGwQYh9Fc8mQcHU_PeX2TKGtY/);
}
#blog-pager-newer-link a {
float:left;
padding:0px;
width:44px;
height:44px;
text-indent:-1000px;
overflow:hidden;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyGTwkJS8f7leaxhSJyvpbNuqJaNiKjzyP69VvrIBLl9Thk-pU30jMsIc5IOUL09FT8im6M5kyrqxnwmOBKcgMuJ-_NK89S7YceK46M3CTNpGCwc1MBEfMnWNQ30EdnzNGxviiCyZ7ZlPJ/);
}
#blog-pager-newer-link a:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ57tEe-kMBgKqBjmaAjBAipkMrGtE0MVI_pBG8_-OJ7giy1RqoRLw8qF5u11MIGuFdgmAVDxrPlPJXLej1C96mXFUMNIb9seSOqEuFOJo5bKP9Nc3g_z1WsWr0-Zium-NK2EqdpKTqwAJ/);
}
#blog-pager-older-link a {
float:right;
padding:0px;
width:44px;
height:44px;
text-indent:-1000px;
overflow:hidden;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-zN4UT04unqOMSe5Mx-2w5CrxmQlW7JRwLpIwNsf-Gs3-H9Y2Ui7cijmk1ZfcEV5zuWaFa0Hlf6s1b0wLhB8yf3DGm8phLH618XKJmbHlNcfUXLqk3bRgkcXwUR2qLCuHDraviXBmotay/);
}
#blog-pager-older-link a:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi72qmdV8Q7iFqOg6vxMN2_7WY4Xiqxtg5DHs88OdMZqb8_V4J2KT8hSpjxoJtKAMN-GKQSd1WJij7VAWmC-OAQGCtvyx9ybFJQocVGZ-yH73qaLuttzDm2yQf0CZE6EOwmcC8F_vvlmIQQ/);
}

La base del truco consiste en asignar un fondo gráfico determinado a las clases que controlan cada uno de los tres tipos de enlaces (home-link,blog-pager-newer-link yblog-pager-older-link) y al mismo tiempo, mandar bien lejos el texto por defecto, con un sangrado negativo (text-indent). Esto hace que sólo sea el texto el que desaparezca, viéndose sin problemas la imagen de fondo. Es necesario que el ancho y el alto de cada clase se ajuste al tamaño de las imágenes a utilizar.

Los efectos hover son opcionales y para suprimirlos sólo habría que omitir las clases y sus propiedades, que terminan con esa pseudoclase (:hover).

Por supuesto, las imágenes de este ejemplo son sólo eso, un ejemplo y las podéis/debéis personalizar a vuestro gusto. Sólo habría que sustituir las direcciones propuestas por las vuestras y cambiar los anchos y altos por los que correspondan.

En plantillas delnuevo diseñador sólo encontraréis como referencia la clase.blog-pager. En ese caso, sólo añadís en ella la propiedadposition:relative; y a continuación insertáis el resto de código anteriormente reproducido, antes de/b:skin

WordPress theme designers CHEAP CAR INSURANCE IN VIRGINIA Donating Used Cars to Charity asbestos mesothelioma lawsuit Annuity Settlements Mobile casino Donating a car in Maryland st louis mesothelioma attorney mesotheliama Psd to WordPress structured settlement company purchase structured settlements hair removal washington dc semi truck accident lawyers Custom WordPress theme designer WordPress hosting Dayton freight lines Casino Donating a Car in Maryland MOTOR REPLACEMENTS dallas mesothelioma lawyer Hard drive Data Recovery Services Dwi lawyer Paperport Promotional Code mesothelioma claims emergency response plan ppt Photo Christmas cards FORENSICS ONLINE COURSE Car Accident Lawyers AUTO ACCIDENT ATTORNEY miami personal injury attorney mesothelioma lawsuits Online casino mesothelioma law firm attorney lawyer mesothelioma cheap auto insurance in va DONATE CARS ILLINOIS Data Recovery Raid Make money online Australia Car Insurance Companies New social media platforms structured settlement need cash now Criminal defense lawyer Donate Old Cars to Charity Automobile Accident Attorney holland michigan college miami personal injury lawyer DUI lawyer Casino reviews Register Free Domains mesothelioma attorney florida Proud Italian cook Hire php developer Met auto CAR DONATE How to donate a car in California Cheap domain registration hosting most profitable internet business Learning adobe illustrator motor replacements Car Donate Live casino peritoneal mesothelioma selling my structured settlement life insurance quotes Mortgage Adviser DAYTON FREIGHT LINES WEBEX COSTS auto accident attorney structured settlement purchasers Email Bulk Service asbestos lung cancer car accident lawyers los angeles Hire php developers Cheap car insurance in Virginia car insurance quotes mn Structures Annuity Settlement Hire php programmers cash out annuity how to donate a car in california futuristic architecture Criminal lawyer mesothelioma attorney assistance Php programmers Home phone internet bundle Service business software integrated ehr Php programmers for hire caraccidentlawyer SELL ANNUITY PAYMENT philadelphia mesothelioma lawyer asbestos exposure lawyers Bankruptcy lawyer Seo companies Business Voip Solutions Social media campaigns Computer science classes online hosted predictive dialers car crash attorneys auto insurance yuba city ca car accident lawyers west palm beach Donate Cars in MA Psychic for Free Car insurance quotes MN Best social media platforms for business Business finance group meso lawyer Paperport promotional code Social media platforms for business bus accident attorneys Met Auto annuity payment mesothelioma charities Best Criminal Lawyers in Arizona Online Christmas cards Tech school Seo services Cheap auto insurance in VA alcohol rehab center in florida Best Seo company Business management software Motor Replacements Futuristic architecture Best social media platforms cheap domain registration hosting Seo company domain yahoo motorcycle accident lawyer san francisco la personal injury lawyer BEST CRIMINAL LAWYER IN ARIZONA Custom Christmas cards Mesothelioma Law Firm Insurance Cheap Car Insurance for Ladies Royalty Free Images Stock google affiliate World trade center footage WordPress themes for designers mesothelioma lawyer texas anti spam appliance Social media examiner DONATING USED CARS TO CHARITY Social media management Online Colleges structured settlement annuity companies Html email Social media platforms california motorcycle accident lawyer Christmas cards Donate car to charity California utah mesothelioma lawyer Donate your car Sacramento Psd to html mesothelioma attorney directory Italian cooking school CAR INSURANCE QUOTES COLORADO HARDDRIVE DATA RECOVERY SERVICES federal criminal defense attorney Adobe illustrator classes Cheap Car Insurance in Virginia Social media strategies Nunavut Culture Social media tools Holland Michigan College mesotheioma DONATE YOUR CAR SACRAMENTO car insurance quotes cloud identity and access management georgia truck accident lawyer Donate Car to Charity California mesothelioma claim refinance with poor credit Donate Car for Tax Credit email bulk service diagnosed with mesothelioma CAR INSURANCE QUOTES MN Sell Annuity Payment Donate Your Car Sacramento How to Donate A Car in California motorcycle accident lawyer california BETTER CONFERENCING CALLS Donate Your Car for Kids Donate a car in Maryland Asbestos Lawyers Virtual Data Rooms Motor Insurance Quotes CHEAP AUTO INSURANCE IN VA Neuson illinois law lemon ANNUITY SETTLEMENT Car Insurance Quotes Colorado WebEx costs Auto Mobile Shipping Quote mesothelioma personal injury lawyers Dayton Freight Lines benchmark lending Donate a Car in Maryland Cheap Domain Registration Hosting massage school dallas texas Donate Cars Illinois Criminal Defense Attorneys Florida Car Insurance Quotes Utah best structured settlement companies Life Insurance Co Lincoln houston motorcycle accident lawyer Futuristic Architecture Online Motor Insurance Quotes att call conference chicago hair laser removal business email web hosting