Cara Memasang Iklan Melayang dibawah Blog
19.32.00
39 Komentar
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.
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 :
- 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...
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.
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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ4cEdDrJ7bylD_8xO5OQCLBORntUS9JaHVXnWG33G4ABvT6cztkPT_ykA7z2nJpljiSDzpG5Tn-fVluaRffiJBu1ncJ1MSHFyPsRqoF91RZXEWyqs2bVqp7S3svyuBElIdpVqMSUq4xWl/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...
Menarik nih Mas Ficri cara ini yang saya belum paham
BalasHapusSaya coba pakai di blog saya Mas, makasih atas triknya :)
iya mas silahkan dicoba,,, :D
Hapusmakasih sob// saya coba dulu :D
BalasHapusoke sama-sama...
Hapusboleh juga nih caranya, tapi kalo untuk GA bisa kebaned yia bos...
BalasHapusiya, untu Google Adsense jangan pernah main-main seperti ini,
Hapusmerubah sedikit script saja sudah pelanggaran, apa lagi pakai floating sangat tidak dianjurkan untu GA
sepertinya sangat menarik ni Mas Ficri kode iklan melayangnya
BalasHapusiya lumayan menarik mas :D
Hapuslebih simple neh, ga perlu edit HTML.... thanks.... :)
BalasHapusiya tinggal di paste doang kode iklannya :D
HapusMantep nih mas.. tapi kira kira iklan PPC yang penghasilannya gede apa ya ?
BalasHapuskurang tau mas, saya pernah pakai iklanblogger.com sekitar 200-250 per kliknya
Hapuswah kayaknya simple tu mas ficri, tapi saya belum berani pasang iklan.... hehehe.
BalasHapusiya tinggal siapin script iklannya doang :D
HapusKerennn Niiihhh Tutorial Cara Memasang Iklan Melayang Dibawah Blog ini :) Letak Dari Kerennya adalah kagak Mengganggu Pengunjung :)
BalasHapusdisertai tombol close juga :D
HapusWah 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 :)
BalasHapusiya mas, ini sangat cocok untuk iklan PPC blog :D
HapusEh? Ngga perlu edit HTML nih ya, Bang :D
BalasHapusLebih gampang kalo mau pake banner melayang ^^
iya ini gak perlu, tinggal siapin aja kode iklannya :D
Hapuswaw asiknih caranya, saya pasang deh iklannya diblog saya biar ada yang melayang - layang
BalasHapussilahkan kang Yono, biar bisa terbang kesana-kemarin :D
HapusMas ficri untuk iklan ukuran 728 x 90 ada nggak
BalasHapuspakai cara diatas tidak harus iklannya sama dengan ukuran yang ada digambar...
Hapusmakasih bang .. keren ini yang saya cari,, kunjungi balik ya :D
BalasHapusoke sob, sama-sama..
Hapussemoga bermanfaat...
untuk wordpress gak ada ya
BalasHapuswah, disini kebanyakan tutorial untuk blog mas :)
Hapuskalau iklan melayangnya hanya ingin ditampilkan di tampilan versi mobile-nya, mesti ngoprek templete langsung ya bang?
BalasHapusiya, tapi pada versi mobile seharusnya tidak usah ada iklan karena situs akan loading lama...
Hapuscara cari kode iklan nya gimana gan :)
BalasHapusakhirnya berhasil buat iklannya, makasih panduannya mas
BalasHapusFollback bos
BalasHapusiya bagus tapi agak ribet ya aku kan pemula nanti dilihat yha informasi kecantikan masa kini beserta tipsnya buat cantik bneran getuuuh
BalasHapusntar buka blog saya cantik gak bohongan gimana enggak orang blog nya dokter kecantikan :) :+
BalasHapusterima kasih ..saya ijin copast utk di blog saya.
BalasHapusIts very good
kok saya ngak bisa ya mas...popads sayang malah di hilangkan jadi nya mas
BalasHapusKesalahan saat mengurai XML, baris 28, kolom 1: The end-tag for element type "div" must end with a '>' delimiter.
BalasHapusmasa saya bisa begitu ya mas..?
maklum mas masih newbie
ya coba div nya di tutup itu kurang kode >
Hapus