Laman

Saturday, December 29, 2012

Cara ECHO 17 Buat Pop-up Iklan di Blog




ECHO 17 - Anda ingin memasang Pop-up Iklan di blog..? caranya cukup mudah, tetapi sebelum kita membahas Cara Buat Pop-up Iklan di Blog ada baiknya jika kita memahami apa sebenarnya yang dimaksud dengan Pou-upPop-up adalah jendela yang muncul secara otomatis tanpa permisi, tanpa anda merasa telah membukanya. Ukuran jendela bervariasi namun biasanya tidak menutup keseluruhan layar. Sebagian pop-up tampil pada bagian atas jendela aktif browser, sementara yang lain muncul di bawah jendela aktif browser.


POP-UP ECHO 17



Iklan ini cukup menarik karena tampil di atas blog, jika diklik, maka iklan akan bergeser ke atas dan akhirnya menghilang, untuk memasang Pop-up iklan ini anda cukup meng-copy script di bawah ini dan memasukkannnya ke dalam gadget type HTML/Javascript, detailnya bisa anda ikuti langkah di bawah ini.
  • Login ke blogger.com dengan ID Anda
  • Jika sudah berhasil login klik link Nama Blog Anda >> Layout >> Add a Gadget
  • Pilih type Gadget HTLM/Javasript pada kotak Title tidak perlu memasukkan judul gadget lalu copy kode di bawah ini dan paste pada kotak Content selanjutnya klik button Save untuk menyimpannya.

<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, -1500) : 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]:.
</a>
</div>
<center>

Masukan kode iklan atau gambar di sini

</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>


  • Jangan lupa untuk menganti tulisan yang berwarna merah dengan kode iklan anda.
  • Periksa blog anda sekarang, lihat hasilnya jika berhasil ucapkan PUJI SYUKUR...

2 comments:

  1. Pop upnya kren, jadi kayak blog dinamis. Blogwalking :-)

    ReplyDelete
  2. Hey! I just wish to give a huge thumbs up for the good information you’ve gotten right here
    on this post. I shall be coming back to your blog for extra soon.


    My webpage; SEO收費

    ReplyDelete

Terima kasih atas kunjungan anda. Silahkan tinggalkan komentar sobat dan dapatkan backlink satu arah langsung ke blog sobat dengan widget top komentator yang saya pasang di sidebar blog ini. Caranya dengan menjadi pemberi komentar terbanyak di blog ini, Komentar anda dapat dengan menyertakan LINK / ANCHOR TEXT atau promosi produk tertentu.


Terimakasih Atas Kunjungan Anda



Andrias Eka Fajar Darmawan
( Admin )