Tutorial CARA MEMBUAT IKLAN POP UP MELAYANG Tutorial Menambah Aplikasi Iklan Pop UP atau iklan melayang di blogspot Terbaru

Selamat tiba balik agan/sist, kali ini aku akan menyebutkan bagaimana caranya buat menciptakan iklan melayang atau sanggup dianggap pop-up pada sebuah blog. Oke eksklusif saja kita lihat contohnya di bawah ini, siapa tau terdapat yg belum paham apa itu iklan pop-up :D

Gimana gan? Udah tau kan hehe.. 
Okeh ga usah poly bacot, langsung saja simak langkah-langkahnya di bawah ini:

Ada dua cara, yaitu lewat widget HTML/Javascript atau pribadi pada dalam templatenya.

* Melalui Widget HTML/Javascript
  • Masuk ke blog agan, kemudian pilih tata letak
  • Lalu agan pilih tambah widget (terserah mau di header ataupun yang lainnya)
  • Lalu pilih edit, serta masukan source kode yg pada bawah.
*Melalui edit HTML template
  • Langkah awal hampi sama misalnya yg pada atas.
  • Masuk ke template, lalu pilih edit HTML
  • Tekan Ctrl+F untuk menampilkan tools search pada edit HTML
  • Lalu ketik atau , kemudian masukan source code yg ada di bawah (pada bawah atau di atas
  • Ingat nyarinya di tools search yg ada pada layar edit HTML bukan yang pada atas sendiri.

Source Code:
#adstopbar
height:25px;
cursor:move;
width:auto;
background: #005094 url(//lh6.googleusercontent.com/-25yI9RdlTQM/TkWH5CaAh3I/AAAAAAAAAd4/tl00tzlBc80/s800/sidebar-h2.jpg);
background-repeat:repeat-x;
text-align:justify;
box-shadow: inset 0 0 1px #fff;
-moz-box-shadow: inset 0 0 1px #fff;
-webkit-box-shadow: inset 0 0 1px #fff;
-moz-border-radius:4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
border-radius:4px 4px 0 0;
background-color:#005094;
}
#adsplace
height:auto;
margin:0 auto;
width: auto;
background:#fff;
border-bottom:2px #005094 solid;
border-right:2px #005094 solid;
border-left:2px #005094 solid;
text-align:Center;
padding:2px;
}
#adspace
opacity:1.0;
height:auto;
width:auto;
position: fixed;
top: 20%;
left: 40%;
border-bottom:1px #005094 solid;
border-bottom:0px blue solid;
color:#333;
padding:0px;
z-index:+99999;
font-size:13px;
}
$(document).ready(function()
$("#adspace").draggable();
$("#adspace").show("clip");
$("#adsClose").click(function()
$("#adspace").hide("explode"););
);
Sponsor

Kode Iklan Taruh Di sini Gan ☺


Gimana agan-agan semua? Mudah kan.
Mungkin itu dulu dari saya... Semoga berguna :D

Popular posts from this blog

DOWNLOAD GRATIS AUTODESK AUTOCAD 2009 FULL VERSION

DOWNLOAD GRATIS SOLIDWORKS 2019 FULL VERSION