Cara Menambahkan Pop Up Iklan Ke Blogger Atau Blogspot

Ditulisan ini admin Bangsa mau bagikan Tuturial dan Cara pasang pop up iklan ke blogger atau ke blog sobat. Yang pasti sudah saya test di blogspot.com

Tidak Hanya

iklan, bahkan foto,video dsb bisa anda

masukan di widget ini. Posisi dari

widget pop-up ini tepat ditengah

tampilan layar blog anda, kalau pun

tidak pas ditengah, dapat disesuaikan

letak posisinya. Widget pop-up ini

berguna jika anda ingin memasang

teks/pesan penting, iklan, gambar, atau

widget fans facebook.

Ok, tidak usah berlama-lama langsung

saja ikuti caranya di bawah ini :

1. Login ke blog anda. (bila sudah, ya sudah...  )

2. Masuk ke bagian Tata Letak / Layout

, klik Add a gadget.

3. Pilih HTML / Javascript

4. Kemudian letakkan kode berikut di

dalamnya.

<style type="text/css">

#topbar{

position:absolute;

padding-left:30%;padding-

top:5%;

background-color:

transparancy;

width: auto;heigth:auto;

visibility: hidden;

z-index: 100;

}

</style> <script type="text/

javascript">

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

("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>

<div class="clear">

</div>

<div id="topbar">

<div style="text-align:

right;">

<a href=""

onclick="closebar(); return

false"><img

src="http://4.bp.blogspot.

com/-9MWyoN5VsJM/

TivTpPyUuhI/

AAAAAAAABL0/

ldO739MTRBg/s1600/

close3.png" alt="close"/

></a></div> <center><div

style="background: #fff;">

</div></center></div>

*CATATAN :

Ganti Kode yang saya tandai dengan code html iklan, Gambar, Video, atau terserah kalian :v 

Kalau ada yang belum jelas silahkan komentar. Salam .

Sumber

Tweet