Iklan adalah sebuah sarana prasarana untuk menyebarkan sebuah promosi produk atau barang kepada orang lain agar dapat dikenal dan dibeli secara online atau langsung ke pusat penjualannya. Nah, salah satu sarana yang biasanya dipakai adalah sebuah blog atau sarana lainnya yang dianggap paling cepat diketahui banyak orang melalui iklan itu. Yang saya maksudkan disini bukanlah cara membuat sebuah iklan melainkan bagaimana cara memasang iklan diblog dengan tampilan yang berbeda dengan iklan-iklan pada umumnya. Cara membuat iklan yang saya bagikan ini adalah sebuah iklan yang melayang pada blog setiapterbukanya halaman blog kita. Jika teman ingin membuat sebuah iklan dan ingin iklan itu berada diblog teman, gunakan saja langkah-langkah dibawah ini :
- Login atau Masuk ke blog teman.
- Kemudian klik Rancangan lalu masuk ke ELEMEN LAMAN.
- Klik Tambah Gadget dan pilih HTML/JavaScript.
- Kemudian, Copy kode berikut dan Pastekan kedalamnya
<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<div style="text-align:right">
<a href="javascript:showHideGB()">
Close Klik 2X
</a>
</div>
<center>
KODE SCRIPT IKLAN
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<div style="text-align:right">
<a href="javascript:showHideGB()">
Close Klik 2X
</a>
</div>
<center>
KODE SCRIPT IKLAN
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>
5. Jangan lupa pada tulisan KODE SCRIPT IKLAN teman ganti dengan kode iklan yang sudah teman buat. Kalau sudah selesai tinggal di Save atau di Simpan dan lihat hasilnya.
No comments:
Post a Comment
Berikan komentar positif Anda tentang artikel ini