Latest

Cara Memasang Iklan Melayang Di Blog: Kanan Dan Kiri

Sebelum saya jelaskan tutorialnya, saya review seikit kenapa posisi pemasangan iklan itu perlu diperhatikan. Jadi untuk menjadi publisher yang baik, kita harus tau tempat-tempat strategis untuk memasang iklan. Usahakan taruh di tempat yang mudah dilihat oleh pengunjung. Ini ditujukan agar pengunjung sejak pertama membuka blog kita pandangannya akan langsung teralihkan ke iklan yang kita pasang sehingga dapat menarik pengunjung melakukan klik untuk kita.
dan menurut saya memasang iklan melayang pada blog adalah salah satu tempat paling strategis, karena hampir tidak mungkin pengunjung tidak melihat iklan yang kita pasang.

TUTORIAL : 

Langkah-langkah untuk memasang iklan melayang disamping kanan dan kiri blog:
1. Buka akun blogger sobat dan menuju ke dashboard
2. Kemudian pilih menu tata letak dan kemudian add gadget*Terserah mau taruh dimana*





3. pilih HTML/JavaScript


4. Copy - Paste kode berikut pada kotak yang tersedia



<!-- floating ads idebangga.blogspot.com -->
<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 idebangga.blogspot.com-->
<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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8InfVUu3ag66E4e8s6M905XP42aEPdm-a0x7snyZQj1U6tJ-tD_a4HCEQpqnXKtnmWe8sQzZyDU0ul1vIaTOUM6e-E2PuwpCEtwIPMGKrTZZIfUBQHB4CvbXXQ9pu0J1VpXzBhYqP_ErY/s1600/PhoXo2.png'/></center>
</a></div>
<!--Mulai Iklan Kiri-->

LETAKKAN SCRIPT IKLAN DISINI

<!--Akhir Iklan Kiri-->
</div>
<!--end: floating ads idebangga.blogspot.com-->

<!--start: floating ads idebangga.blogspot.com-->
<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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8InfVUu3ag66E4e8s6M905XP42aEPdm-a0x7snyZQj1U6tJ-tD_a4HCEQpqnXKtnmWe8sQzZyDU0ul1vIaTOUM6e-E2PuwpCEtwIPMGKrTZZIfUBQHB4CvbXXQ9pu0J1VpXzBhYqP_ErY/s1600/PhoXo2.png'/></center>
</a></div>
<!--Mulai Iklan Kanan-->

LETAKKAN SCRIPT IKLAN DISINI

<!--Akhir Iklan Kanan-->

</div>
<!--end: floating ads idebangga.blogspot.com-->

<!-- end: floating ads idebangga.blogspot.com -->

nb:
masukkan script iklan sobat untuk menggantikan tulisan "LETAKKAN SCRIPT IKLAN DISINI"

5. klik save



Jika sobat belum puas dengan iklan kanan dan kiri, sobat bisa menambahkan iklan melayang di posisi lain dengan kode seperti berikut :

<!--start: floating ads idebangga.blogspot.com-->
<div id="teaser4" style="width:autopx; height:autopx; text-align:left; display:scroll;position:fixed; bottom:0px;">

<div>
<a href="#" id="close-teaser" onclick="document.getElementById('teaser4').style.display = 'none';" style="cursor:pointer;"><center>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8InfVUu3ag66E4e8s6M905XP42aEPdm-a0x7snyZQj1U6tJ-tD_a4HCEQpqnXKtnmWe8sQzZyDU0ul1vIaTOUM6e-E2PuwpCEtwIPMGKrTZZIfUBQHB4CvbXXQ9pu0J1VpXzBhYqP_ErY/s1600/PhoXo2.png'/></center>
</a></div>
<!--Mulai-->

LETAKKAN SCRIPT IKLAN DISINI

<!--Akhir-->
</div>

<!--end: floating ads idebangga.blogspot.com-->


catatan:
letakkan kode tersebut dibawah kode yang tadi.
kode diatas untuk menampilkan iklan di bagian tengah bawah blog, ditunjukkan dengan kode "position:fixed; bottom:0px;"
untuk posisi menempel diatas blog ganti kode tersebut dengan "position:fixed; top:0px;" tanpa tanda petik ya :)
jika sobat masih ingin menambah iklan lagi, copy-paste lagi kodenya dan ganti semua (ada 2) kode "teaser4" dengan "teaser5" dst. ingat, tanpa tanda petik.


Sekian tutorialnya..

Sumber : idebangga.blogspot.com

No comments:

Post a Comment

Tulisanku Designed by Templateism.com Copyright © 2014

Theme images by Bim. Powered by Blogger.