Cara Buat Iklan Melayang (Iklan Abstrak) Blogger

Kali ini saya akan membagikan bagaimana cara membuat iklan melayang ( 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.

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.

0 Response to "Cara Buat Iklan Melayang (Iklan Abstrak) Blogger"

Post a Comment

Iklan Atas Artikel

OM Swastyastu, OM Awighnamastu Namo Siddham, OM Siddirhastu Tad Astu Svaha, 
OM Hrang Hring Sah Parama Sivaditya Ya Namah.

Kami Sebagai Publisher Online Menghaturkan Pangaksama Permohonan Maaf Ke Hadapan Ida Sanghyang Widhi Wasa (Ida Sanghyang Parama Kawi) Beserta Bhatara-Bhatari Leluhur Serta Junjungannya, Tatkala Kami Menceritakan Keberadaan Para Leluhur Yang Sudah Menempati Nirwana, Kiranya Kami Terlepas Dari Kutuk Neraka Apabila Kami Menyebarkan Informasi Dari Berbagai Sumber Yang Kurang Tepat Atau Adanya Kekeliruan. 

OM Tat Pramadat Ksama Svamam Ya Namah. OM Shanti, Shanti, Shanti OM.

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel