Pop Up Flottant pour blog
Pop Up Flottant pour blog
Ajouter un pop flottant sur votre blog, cela est une bonne façon d'annoncer un produit d'affiliation, gagner plus d'adeptes sur les réseaux sociaux ou de capturer des emails oferencendo un ebook gratuit.
Voir un exemple POPUP BLOGGER
[lock]Ajouter le code avant </head>
<style>
#topbar{
position:absolute;
border: 2px solid green;
padding: 5px 0px 0px 0px;
margin: 100px 0px 0px 200px;
background-color: #ffffff;
font-size:12px;
width: 300px;
visibility: hidden;
z-index: 300;}
</style>
Ajouter après </head>
<!-- Java PopUp -->
<script type="text/javascript">
var persistclose=1
var startX = 20
var startY = 5
var verticalpos="fromtop"
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("topbar").style.visibility="hidden"
}
function staticbar(){
barheight=document.getElementById("topbar").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("topbar");
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>
<!-- Java PopUp -->
Ajouter après <body>
<!-- eblogueur -->
<div id='topbar'>
<p align='right'><a href='http://eblogueur.blogspot.fr' onClick='closebar(); return false'>[X]</a></p>
<img border='0' height='250' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoZs661XJHBsayL3GpUYzZZVWfAbwd4kKCpjk57jgX1tsp9FP_PZtiQACRmB5yfd8jM8hG4O2pxFVldg1vcgIILtXZC6gSloduzWm_QclnzaKH5urhUpZPvJHFNBCfQUDmb3oe2eqgrxxu/s320/How+to+make+money+blogging.png' width='300'/>
</div>
<!-- eblogueur -->
[/lock]
Maintenant, faites les changements nécessaires dans le pop up, changer ce qui est en rouge, mettre le lien de votre image.
Comments
Post a Comment