Cara Memasang Iklan Melayang dibawah Blog

Cara Memasang Iklan Melayang dibawah Blog - Memasang iklan melayang dibawah blog dengan tombol close atau dengan efek floating ini memang sangat cocok untuk blog yang ingin menyediakan slot iklan yang banyak. Memasang iklan melayang dibawah blog memang sering kita jumpai di blog-blog yang sudah populer atau blog yang banyak menyediakan slot atau space iklan, tujuannya apa lagi kalau bukan untuk mencari keuntungan dari hasil ngeblognya.

Perlu Anda perhatikan bahwa memasang iklan melayang dibawah blog usahakan disertai dengan tombol close, karena jika tidak ini akan sangat mengganggu pembaca atau visitor blog yang berkunjung ke blog Anda. Selain itu google juga tidak akan menyukai blog seperti ini karena sebagian konten terhalang oleh iklan dengan efek floating dibawah blog. Dengan adanya tombol close pada iklan blog maka ini akan sangat membantu pengunjung blog untuk membaca dan melihat secara full atau penuh tampilan blog kita.
Cara Memasang Iklan Melayang dibawah Blog
Pada kesempatan kali ini blog Ficri Pebriyana akan membagikan sebuah tutorial mengenai cara memasang iklan melayang dibawah blog dengan tombol close. Untuk demonya silahkan lihat saja gambar diatas, dan bagi yang ingin memasang iklan dibawah blog silahkan lihat saja tutorialnya dibawah ini :

1. Masuk ke Blogger.com
2. Klik Tata Letak => Tambahkan Gadget
3. Pilih HTML/JavaScript
4. Copy kode dibawah ini :
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'>
</script>
<script type='text/javascript'>
$(document).ready(function() {
$('img#closed').click(function(){
$('#btm_banner').hide(90);
});
});
</script>
<style type='text/css'>
div#btm_banner {
bottom: 0;
position: fixed;
width: 100%;
opacity: 0.9;
left: 0;
}
div#btm_banner img{
border:0;
cursor:pointer;
}
</style>
<div style='height: 0px;'></div
<div align='center' id='btm_banner' style='height: 90px; z-index: 9999;'>
<div style='text-align: right; width: 728px; height: 6px;'>
<img id='closed' src='http://1.bp.blogspot.com/-XvA7La2fWQU/T8aIU5kxRnI/AAAAAAAAAJA/uw2dWruT2Yg/s1600/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p>
<div style="text-align:center;">

PASTE SCRIPT/KODE IKLAN DISINI

</div>
</p>
</p>
</div>
Catatan :
- 100% adalah lebar iklan, sebaiknya kode ini jangan diganti.
0.9 adalah opacity atau transparan, semakin kecil nilainya semakin transparan jika nilainya 1 tidak transparan.
center adalah posisi ditengah, jadi posisi iklan akan berada ditengah, silahkan ganti menjadi right atau left sesuai dengan keinginan Anda.

5. Klik Simpan
6. Klik Simpan Setelan

Yang ingin pasang iklan di blog ini silahkan baca-baca disini Pasang Iklan

Sekian artikel mengenai Cara Memasang Iklan Melayang dibawah Blog. Kurang lebihnya mohon maaf.
Semoga Bermanfaat...

39 Komentar untuk "Cara Memasang Iklan Melayang dibawah Blog"

  1. Menarik nih Mas Ficri cara ini yang saya belum paham
    Saya coba pakai di blog saya Mas, makasih atas triknya :)

    BalasHapus
  2. makasih sob// saya coba dulu :D

    BalasHapus
  3. boleh juga nih caranya, tapi kalo untuk GA bisa kebaned yia bos...

    BalasHapus
    Balasan
    1. iya, untu Google Adsense jangan pernah main-main seperti ini,
      merubah sedikit script saja sudah pelanggaran, apa lagi pakai floating sangat tidak dianjurkan untu GA

      Hapus
  4. sepertinya sangat menarik ni Mas Ficri kode iklan melayangnya

    BalasHapus
  5. lebih simple neh, ga perlu edit HTML.... thanks.... :)

    BalasHapus
    Balasan
    1. iya tinggal di paste doang kode iklannya :D

      Hapus
  6. Mantep nih mas.. tapi kira kira iklan PPC yang penghasilannya gede apa ya ?

    BalasHapus
    Balasan
    1. kurang tau mas, saya pernah pakai iklanblogger.com sekitar 200-250 per kliknya

      Hapus
  7. wah kayaknya simple tu mas ficri, tapi saya belum berani pasang iklan.... hehehe.

    BalasHapus
    Balasan
    1. iya tinggal siapin script iklannya doang :D

      Hapus
  8. Kerennn Niiihhh Tutorial Cara Memasang Iklan Melayang Dibawah Blog ini :) Letak Dari Kerennya adalah kagak Mengganggu Pengunjung :)

    BalasHapus
  9. Wah boleh juga nie dicoba mas cara pasang iklan melayang di bawah blognya, pastinya cara nie cocok banget buat para blogger yang pasang iklan PPC ya mas :)

    BalasHapus
    Balasan
    1. iya mas, ini sangat cocok untuk iklan PPC blog :D

      Hapus
  10. Eh? Ngga perlu edit HTML nih ya, Bang :D
    Lebih gampang kalo mau pake banner melayang ^^

    BalasHapus
    Balasan
    1. iya ini gak perlu, tinggal siapin aja kode iklannya :D

      Hapus
  11. waw asiknih caranya, saya pasang deh iklannya diblog saya biar ada yang melayang - layang

    BalasHapus
    Balasan
    1. silahkan kang Yono, biar bisa terbang kesana-kemarin :D

      Hapus
  12. Mas ficri untuk iklan ukuran 728 x 90 ada nggak

    BalasHapus
    Balasan
    1. pakai cara diatas tidak harus iklannya sama dengan ukuran yang ada digambar...

      Hapus
  13. makasih bang .. keren ini yang saya cari,, kunjungi balik ya :D

    BalasHapus
  14. untuk wordpress gak ada ya

    BalasHapus
    Balasan
    1. wah, disini kebanyakan tutorial untuk blog mas :)

      Hapus
  15. kalau iklan melayangnya hanya ingin ditampilkan di tampilan versi mobile-nya, mesti ngoprek templete langsung ya bang?

    BalasHapus
    Balasan
    1. iya, tapi pada versi mobile seharusnya tidak usah ada iklan karena situs akan loading lama...

      Hapus
  16. cara cari kode iklan nya gimana gan :)

    BalasHapus
  17. akhirnya berhasil buat iklannya, makasih panduannya mas

    BalasHapus
  18. iya bagus tapi agak ribet ya aku kan pemula nanti dilihat yha informasi kecantikan masa kini beserta tipsnya buat cantik bneran getuuuh

    BalasHapus
  19. ntar buka blog saya cantik gak bohongan gimana enggak orang blog nya dokter kecantikan :) :+

    BalasHapus
  20. terima kasih ..saya ijin copast utk di blog saya.
    Its very good

    BalasHapus
  21. kok saya ngak bisa ya mas...popads sayang malah di hilangkan jadi nya mas

    BalasHapus
  22. Kesalahan saat mengurai XML, baris 28, kolom 1: The end-tag for element type "div" must end with a '>' delimiter.
    masa saya bisa begitu ya mas..?
    maklum mas masih newbie

    BalasHapus

Jika Ingin Memasukan Kode Script (CSS, HTML, JavaScript) Silahkan Gunakan Kode Dibawah ini :

1. Untuk Menyisipkan Kode Panjang Gunakan <i rel="pre">Kode Disini</i>
2. Untuk Menyisipkan Kode Pendek Gunakan <i rel="code">Kode Disini</i>
3. Untuk Menyisipkan Quote Gunakan <b rel="quote">Catatan Anda</b>
4. Untuk Menyisipkan Gambar Gunakan <i rel="image">URL Gambar</i>
5. Untuk Menyisipkan Video Gunakan <i rel="youtube">URL Video Youtube</i>

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

Fast Hosting