Cómo crear un anuncio flotante para su sitio web

crear un anuncio flotante para su sitio web.
Crear un anuncio flotantes

¿Quieres un anuncio que está en posición fija en sus sitios web? Un anuncio que está flotando allí donde los visitantes se van fijas y los anuncios está allí. Esto aumentará en gran medida su-el porcentaje de clics o CTR e incluso aumentar sus ingresos de anuncios.





Personalmente, estoy usando este script en mis otros sitios web y el CTR es simplemente impresionante. Así que te voy a estar compartiendo mi script muy simple en la creación de un anuncio flotante perfecta para su sitio web de blogs.






Es muy fácil de lograr este resultado, sólo tiene que ajustar un poco de CSS y HTML o simplemente cambiar mi script para usarlo. Aquí vamos.

La construcción de CSS

Para pegarlo en tu blog entra a Plantilla | luego Edición de HTML y antes de la etiqueta </head> pegar lo siguiente:

RECUERDA SEGUIR CADA PASO PEGAR Para ponerlo en tu blog entra a Plantilla | Edición de HTML y antes de </head> pega lo siguiente:

<style type='text/css'>
#anuncio {
position: absolute;
border: 0px;
padding: 2px;
width: 300px;
height: 80px;
visibility: hidden;
z-index: 200;
top: 27px;
left: 13px;
}
</style>


<script type='text/javascript'>
//<![CDATA[
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("anuncio").style.visibility="hidden"
}

function staticbar(){
barheight=document.getElementById("anuncio").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("anuncio");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
//]]>
</script>

Segundo código

Luego inmediatamente antes de la etiqueta </body> pega el segundo código que está debajo sin la palabra CODE:
<div id='anuncio'>
<a href='Javascript:void' onClick='closebar(); return false'><img align='right' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4voxVhoALpRmRSf6OPmV25ceUK5iOHzjaD1WiYs0i1XUSYBSKMi_mquobVSX1tf7PAJpHoyT5kGToqGRzveClA7aWz8UArd4f-138RpDb-kO5kqodGJ1xnG91BWlcLtmiVLe_p6fRWK0/s200/icono-cerrar.png'/></a><br />
<a href='URL del enlace'><img src='URL de la imagen'/></a>
</div>


Debes cambiar donde se indica la URL de la imagen que será el anuncio por la que desees, igualmente cambia la URL del enlace donde abrirá el vínculo cuando se haga click sobre el anuncio.
Por último cambia los atributos de tamaño donde dice width: 300px; por el ancho de la imagen, y height: 80px; altura de la imagen.
Cómo crear un anuncio flotante para su sitio web Cómo crear un anuncio flotante para su sitio web Reviewed by Pablo on 18:10 Rating: 5

No hay comentarios :

Con la tecnología de Blogger.