Home » » Membuat Iklan Melayang Disamping Blog

Membuat Iklan Melayang Disamping Blog

Diposting Oleh Bang day ; Hari Senin, 01 April 2013 Jam 21.58

Halo sobat Bang Dayat apa kabar? Semoga keadaannya sehat selalu. Rasanya sudah lama tidak postingan dan akhirnya masih diberi kesempatan untuk menambah koleksi postingan di blog Bang Dayat tercinta ini. Dalam kesempatan kali ini saya ingin berbagi atau sharing tentang Membuat Iklan Melayang Disamping Blog. Ini masih berkaitan dengan tutorial blogspot.

Maksud iklan melayang disamping blog itu apa ya?

Langsung kecontohnya saja ya...


Gambar diatas yang ada lingkaran merah disamping kiri blog. Itulah yang dinamakan iklan melayang disamping blog. Selain iklan bisa juga untuk menampilkan informasi, mengucapkan selamat hari raya atau lainnya.

Bagi sobat yang tertarik untuk memasang di blog berikut penjelasannya.

1. Login ke akun blogger sobat.

2. Masuk ke menu tata letak.

3. Tambahkan gadget.

4. Pilih HTML/Javascript.

5. Copy paste kode berikut ke dalam gadget.

<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>

<div id="teaser2" style="width:autopx; height:autopx; text-align:left; display:scroll;position:fixed; bottom:0px;left:0px;">

<div>
<a href="#" id="close-teaser" onclick="document.getElementById('teaser2').style.display = 'none';" style="cursor:pointer;"><center>
<img src='http://3.bp.blogspot.com/-gwsFvgzCBDE/UC5jBenZUoI/AAAAAAAACLU/xlY3lJEl2IY/s1600/PhoXo2.png'/></center>
</a></div>
<!--Mulai Iklan Kiri-->

LETAKKAN SCRIPT IKLAN DISINI

<!--Akhir Iklan Kiri-->
</div>

<div id="teaser3" style="width:autopx; height:autopx; text-align:right; display:scroll;position:fixed; bottom:0px;right:0px;">

<div>
<a href="#" id="close-teaser" onclick="document.getElementById('teaser3').style.display = 'none';" style="cursor:pointer;"><center>
<img src='http://3.bp.blogspot.com/-gwsFvgzCBDE/UC5jBenZUoI/AAAAAAAACLU/xlY3lJEl2IY/s1600/PhoXo2.png'/></center>
</a></div>
<!--Mulai Iklan Kanan-->

LETAKKAN SCRIPT IKLAN DISINI

<!--Akhir Iklan Kanan-->

</div>



6. Masukkan script iklan sobat pada tulisan Letakkan Script Iklan Disini. Untuk tulisan warna biru sebelah kiri dan tulisan warna merah untuk sebelah kanan.

7. Jangan lupa disimpan / save.

Cukup sekian penjelasannya dan semoga bermanfaat.
Berbagi dengan artikel ini :
Ditulis oleh : Bang Dayat
Description: Membuat Iklan Melayang Disamping Blog , Rating: 5
Reviewer: Bang Dayat, ItemReviewed: Membuat Iklan Melayang Disamping Blog

Artikel terkait tentang

Berlangganan Artikel BD
Masukkan Email Anda:

 
Support : Bang Dayat
Copyright © 2012-2017. Bang Dayat Blog's - All Rights Reserved

Proudly powered by Blogger