Cara Buat Iklan Melayang (Iklan Abstrak) Blogger

by -790 Views
Redsobek.com – Kali ini saya akan membagikan bagaimana Cara Buat Iklan Melayang (Iklan Abstrak) Blogger / [Fixed ad banner atau text] yang responsive serta unik dan abstrak untuk di pasang di blog  atau website anda. 
 
Sebagain besar orang mencoba blog karena hobi mereka namun ada pula yang bermain blog untuk mencari teman dan menambah relasi,. ada pula yang memiliki tujuan untuk meningkatkan penjualan toko onlinennya serta menghasilkan uang melalui blog. 
 
Untuk sarana pendukung blog pihak blogger sendiri sudah menyediakan space iklan yang kiranya dapat membantu advertiser mempromosikan produknya di blog kita.
 
Iklan banner yang melayang dengan tambahan tombol close saat kita membuka blog atau forum sering kita jumpai saat ini. 

Selain itu iklan banner yang melayang ini akan terlihat unik dan memiliki nilai abstrak tinggi. 

Iklan banner ini juga memiliki tombol close yang berfungsi untuk alternatif pengunjung ketika merasa terganggu dengan banner  melayang yang kita pasang ketika mereka akan atau sedang membaca artikel.

Di bawah ini cara membuat iklan melayang yang unik dan abstrak.

.
Cara 1 (Pertama)

Bukalah Dashboarh Blogger anda, lalu pilih => Template => Kemudian anda dapat menambahkan kode yang ada di bawah ini sebelum </ body>
.

<script type=’text/javascript’>$(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#bl_banner&#39;).hide(90);});});</script><div id=’fixedban’ style=’width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:999;-webkit-transform:translateZ(0);’><div><a id=’close-fixedban’ onclick=’document.getElementById(&apos;fixedban&apos;).style.display = &apos;none&apos;;’ style=’cursor:pointer;’><img alt=’close’ src=’http://1.bp.blogspot.com/-_A83iDM6JYc/VhtxROLILrI/AAAAAAAADK4/aM4ikIA6aqI/s1600/btn_close.gif’ title=’close button’ style=’vertical-align:middle;’/></a></div><div style=’text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto’><a href=’#’ title=’Banner iklan disini’><img style=’max-width:100%;height:auto;vertical-align:middle;’ alt=’Banner iklan disini’ src=’http://3.bp.blogspot.com/-9h86Fhn6zZU/VhtxRDTM4qI/AAAAAAAADK0/fQN3Z00kWwk/s1600/arlina-tea.png’/></a></div></div>

.
Setelah itu anda dapat mengganti lebar dan juga keterangan iklan yang ada pada kode ditandai sesuai dengan keinginan anda dan kemudian simpan templatenya.
.

Buat Iklan Melayang
Ilustrasi: Cara Buat Iklan Melayang
.
.
.
Cara 2 (Kedua)
.
Membuat iklan melayang di samping halaman blog atau wordpress

Dalam template website dan juga standar para blogger atau pemilik wordpress di bagian kiri dan kanan blog ada space untuk iklan atau ruang kosong yang lebar dan dapat digunakan untuk memasang iklan yang bentuknya memanjang ke atas dan sama sekali tidak menyentuh widget atau konten yang lain.

Sangatlah di sayangkan jika ruang lebar tersebut tidak anda manfaatkan untuk pemasangan widget iklan serta konten.

Di sini saya akan berbagi bagaimana cara memasang iklan atau ads yang ada di samping kiri dan kanan blogger anda.

Caranya anda dapat memasang script di bawah ini dan mencopy paste di blog anda.
.
<script type=’text/javascript’>

 

$(document).ready(function() {
$(‘img#closed’).click(function(){
$(‘#btm_banner’).hide(90);
});
});
</script>
<script type=”text/javascript”>var a=navigator,b=”userAgent”,c=”indexOf”,f=”&m=1″,g=”(^|&)m=”,h=”?”,i=”?m=1″;function j(){var d=window.location.href,e=d.split(h);switch(e.length){case 1:return d+i;case 2:return 0<=e[1].search(g)?null:d+f;default:return null}}if(-1!=a[b][c](“Mobile”)&&-1!=a[b][c](“WebKit”)&&-1==a[b][c](“iPad”)||-1!=a[b][c](“Opera Mini”)||-1!=a[b][c](“IEMobile”)){var k=j();k&&window.location.replace(k)};
</script><script type=”text/javascript”>
if (window.jstiming) window.jstiming.load.tick(‘headEnd’);
</script>
<!–start: floating ads–>
<div id=”teaser2″ style=”width:autopx; height:0; text-align:left; display:scroll;position:fixed; top:0px;left:0px;”>
<div>
<a id=”close-teaser” onclick=”document.getElementById(‘teaser2’).style.display = ‘none’;” style=”cursor:pointer;”><center>
<img src=’http://4.bp.blogspot.com/-9MWyoN5VsJM/TivTpPyUuhI/AAAAAAAABL0/ldO739MTRBg/s1600/close3.png’ alt=’close’ title=’close button’/></center>
</a></div>
<!–Mulai disini–>
!! SCRIPT / CODE IKLAN ANDA DISINI !!
<!–Akhir disini–>
</div>
<!–end: floating ads–>
<!–start: floating ads–>
<div id=”teaser3″ style=”width:autopx; height:600; text-align:right; display:scroll;position:fixed; top:0px;right:0px;”>
<div>
<a id=”close-teaser” onclick=”document.getElementById(‘teaser3’).style.display = ‘none’;” style=”cursor:pointer;”><center>
<img src=’http://4.bp.blogspot.com/-9MWyoN5VsJM/TivTpPyUuhI/AAAAAAAABL0/ldO739MTRBg/s1600/close3.png’ alt=’close’ title=’close button’/></center>
</a></div>
<!–Mulai disini–>
!! SCRIPT / CODE IKLAN ANDA DISINI !!
<!–Akhir disini–>
<!–end: floating ads–></div>
.
Setelah mengcopy kode diatas anda dapat masuk ke dalam blogger serta membuka Tata letak => Tambahkan Gadget => HTML. dan pastekan kode di atas kemudian klik simpan.
 
Nah semoga artikel Cara Buat Iklan Melayang (Iklan Abstrak) Blogger bermanfaat untuk anda. Semoga berhasil dan jangan lupa berkomentar di bawah ini.

Leave a Reply

Your email address will not be published. Required fields are marked *

No More Posts Available.

No more pages to load.