Imagen flotante con opción de cerrar – dinero

Por alguna extraña razón nos atraen lasimágenes flotantes en el blog, si agregas una que se adapte al diseño de tu plantilla se verá muy bien. Pero no sé si a ustedes les pase, yo he entrado a muchos blogs que tienen estas imágenes flotantes y en ocasiones tapan demasiado el contenido de la sidebar, por lo que tengo que hacer malabares para poder leer lo que hay detrás de la imagen flotante. Eso puede ser bastante molesto y frustrante por no poder leer con claridad el contenido que hay detrás de la imagen.
Haciendo unos experimentos encontré la forma de poder dar la opción de cerrar la imagen, a modo que si el lector siente que la imagen le estorba podrá cerrarla tranquilamente.
Puedes ver un ejemplo eneste blog de pruebas, en la parte inferior derecha verás la imagen flotante que tiene un pequeño ícono para cerrarse.

Para agregar esta imagen flotante con opción de cerrar entra enPlantilla | Edición de HTML y antes de/head pega esto:
script type='text/javascript'
//![CDATA[
var ftr_arr = new Array();
var ftr_clear = new Array();
function ftrFloat(ftr) {
ftr_arr[ftr_arr.length] = this;
var ftrpointer = eval(ftr_arr.length-1);
this.pagetop = 0;
this.cmode = (document.compatMode && document.compatMode!="BackCompat") ? document.documentElement : document.body;
this.ftrsrc = document.all? document.all[ftr] : document.getElementById(ftr);
this.ftrsrc.height = this.ftrsrc.offsetHeight;
this.ftrheight = this.cmode.clientHeight;
this.ftroffset = ftrGetOffsetY(ftr_arr[ftrpointer]);
var ftrbar = 'ftr_clear['+ftrpointer+'] = setInterval("ftrFloatInit(ftr_arr['+ftrpointer+'])",1);';
ftrbar = ftrbar;
eval(ftrbar);
}

function ftrGetOffsetY(ftr) {
var ftrTotOffset = parseInt(ftr.mtasrc.offsetTop);
var parentOffset = ftr.ftrsrc.offsetParent;
while ( parentOffset != null ) {
ftrTotOffset += parentOffset.offsetTop;
parentOffset = parentOffset.offsetParent;
}
return ftrTotOffset;
}
function ftrFloatInit(ftr) {
ftr.pagetop = ftr.cmode.scrollTop;
ftr.ftrsrc.style.top = ftr.pagetop - ftr.mtaoffset + "px";
}
function closeTopAds() {
document.getElementById("ftr_imagen").style.visibility = "hidden";
}
//

/script

Luego antes de/body pega lo siguiente:
div id='ftr_imagen'
img border='0' class='close' onClick='closeTopAds();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikvr7mak9Jm6cz9FaWaUcjxw4w3LWacRV44DJh4q-qVabupv_WFQqaRbj49pvOnWX4pKqxkN017kBow7XqYa3mp-y_qU6Qv_6Vjiiy9nNZDeLPqCtW_c-kyiTNNu6kGfVfwnVATte_3T4/s200/iconClose.gif'/
/div

Por último pega antes de/b:skin esto:
#ftr_imagen {
background: url(URL de la imagen flotante) no-repeat;
bottom: 0px;
right: 0px;
width: 128px;
height: 128px;

position: fixed;
}
.close {
float: right;
padding-right: 10px;
cursor: hand;
cursor: pointer;
}

Ya sólo agrega la URL de la imagen flotante donde se indica y en donde dicewidth cambia el ancho de la imagen y enheight el alto.
De esta forma podrás tener unaimagen flotante en tu blog que no le estorbará a nadie.

structured settlement agreement mortgage adviser illinois law lemon motorcycle accident attorney chicago Php programmers Make money online Australia Motor Replacements Mobile casino best mesothelioma lawyers Life insurance co Lincoln houston tx auto insurance VIRTUAL DATA ROOMS donate car for tax credit mesotheliama Low Credit Line Credit Cards Casino reviews Asbestos Lung Cancer Casino cheaper insurance companies MET AUTO Online casino Car Insurance Quotes Utah Online Stock Trading Live casino DONATE CARS ILLINOIS domain registration yahoo harddrive data recovery services best consolidation loan student Donate your car for money Criminal lawyer DUI lawyer mesothelioma accident attorneys orange county car accident lawyer san bernardino Hire php developers asbestos lawyers st louis mesothelioma attorney DONATING USED CARS TO CHARITY Hire php programmers asterisk call center software Email Bulk Service Donate Car to Charity California DONATE A CAR IN MARYLAND Criminal lawyer Miami seattle mesothelioma lawyer mesothelioma law firms automobile accident attorney CHEAP CAR INSURANCE IN VIRGINIA injury lawyers west palm beach selling annuity utah mesothelioma lawyer michigan motorcycle accident lawyer Psychic for Free Criminal defense lawyer BEST CRIMINAL LAWYER IN ARIZONA integrated ehr Hard drive Data Recovery Services Best Seo company structured settlement brokers Donate your car for kids Seo company personal injury lawyer sarasota fl Best social media platforms for business Donate Car for Tax Credit Dwi lawyer Sell Annuity Payment mesothelioma lawyer texas low credit line credit cards Service business software Online Motor Insurance Quotes Php programmers for hire NEUSON Hire php developer Donate a car in Maryland event management security Royalty free images stock DONATE CAR FOR TAX CREDIT Online College Course onlineclasses motorcycle accident lawyer california Car Insurance Companies Adobe illustrator classes Social media platforms for business Business Voip Solutions auto insurance cost by state mesothelioma attorneys california Donate Your Car Sacramento Bankruptcy lawyer Computer science classes online MESOTHELIOMA LAW FIRM tucson car accident attorney domains yahoo Business finance group Auto Mobile Insurance Quote Seo companies Donate old cars to charity primary pulmonary hypertension auto accident attorney Torrance buy gift card Donate your Car for Money asbestos lung cancer Car Insurance Quotes MN Business management software federal criminal defense attorney New social media platforms MOTOR REPLACEMENTS orlando criminal attorney car insurance quotes mn phd in counseling education Auto Mobile Shipping Quote google affiliate Donate car for tax credit Mortgage Adviser firm law mesothelioma Forensics Online Course

Share: