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-up. Pop-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.
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...
tips blog
- Cara ECHO 17 Membuat Tabel pada Postingan
- Menampilkan Rich Snippet Rating Bintang 5
- Cara Cepat Update PageRank Google
- Cara Menaikan Pagerank Ala ECHO 17
- Cara ECHO 17 Membuat Banner Animasi
- Daftar Kode Warna HTML Untuk Blog VERSI ECHO 17
- Cara ECHO 17 Membuat Headline News di Blog
- Cara ECHO 17 MENGOptimasi SEO Image Blog
- Widget Recent Comment dengan Sistem Notifikasi
- Menghilangkan Komentar Admin Pada Recent Comments
- Pasang Widget Social Bookmark di Blog
- Cara cek seo blog agar mengetahui kekuatan seo blog
- Cara ECHO 17 Bikin Widget label Cloud Unik Dan Elegant
- Cara ECHO 17 Terindex di program SEO
- Memasang Widget IP Address Pengunjung
- Cara Meningkatkan Penghasilan PPC (Pay Per Click)
- Cara Cepat Menaikkan PagerRank Secara Otomatis
- Cara Membuat Sitelink di Google
- Cara Setting Robot.txt Khusus Pada Blog
- Cara Setting Tag header robot khusus Pada Blog
- Tips Menghindari Konflik Javascript Pada Template
- Memunculkan Deskripsi Blog Ketika Share di Facebook
- Optimasi Penulisan Artikel Agar Terindeks Akurat di Search Engine
- Memasang Widget FeedBack dari Getsatisfaction di Blog
tips
- Cara ECHO 17 Membuat Tabel pada Postingan
- Menampilkan Rich Snippet Rating Bintang 5
- Cara Cepat Update PageRank Google
- Cara Menaikan Pagerank Ala ECHO 17
- Cara ECHO 17 Membuat Banner Animasi
- Daftar Kode Warna HTML Untuk Blog VERSI ECHO 17
- Cara ECHO 17 Membuat Headline News di Blog
- Cara ECHO 17 MENGOptimasi SEO Image Blog
- Widget Recent Comment dengan Sistem Notifikasi
- Menghilangkan Komentar Admin Pada Recent Comments
- Pasang Widget Social Bookmark di Blog
- Cara cek seo blog agar mengetahui kekuatan seo blog
- Cara ECHO 17 Bikin Widget label Cloud Unik Dan Elegant
- Cara ECHO 17 Terindex di program SEO
- Memasang Widget IP Address Pengunjung
- Cara Meningkatkan Penghasilan PPC (Pay Per Click)
- Cara Cepat Menaikkan PagerRank Secara Otomatis
- Cara Membuat Sitelink di Google
- Cara Setting Robot.txt Khusus Pada Blog
- Cara Setting Tag header robot khusus Pada Blog
- Tips Menghindari Konflik Javascript Pada Template
- Memunculkan Deskripsi Blog Ketika Share di Facebook
- Optimasi Penulisan Artikel Agar Terindeks Akurat di Search Engine
- Memasang Widget FeedBack dari Getsatisfaction di Blog
Pop upnya kren, jadi kayak blog dinamis. Blogwalking :-)
ReplyDeleteHey! I just wish to give a huge thumbs up for the good information you’ve gotten right here
ReplyDeleteon this post. I shall be coming back to your blog for extra soon.
My webpage; SEO收費