Senin, 15 April 2013

Cara Membuat Banner Iklan di Kanan dan Kiri Blog

Masih tentang banner iklan untuk mempromosikan produk , blog atau website . Pada postingan sebelumnya kita pernah membahas tentang banner ini baca Cara Membuat Banner Iklan di Footer Blog , yang artinya kita memasang banner iklan dari sebuah produk , blog atau website tersebut pada bagian bawah blog kita . Nah berhubungan dengan banner iklan tersebut , kali ini sesuai dengan judul postingan yaitu Cara Membuat Banner Iklan di Kanan dan Kiri Blog saya akan mencoba membahas bagai manakah caranya jika kita ingin menempatkan banner iklan tersebut di bagian kanan dan kiri blog atau website kita , dimana dalam kebanyakan templete blog bagian sebelah kanan dan kiri , biasanya masih memiliki ruang kosong yang sayang jika tidak kita manfaatkan.

Dan adapun Cara Membuat Banner Iklan di Kanan dan Kiri Blog adalah:

1. Log in Ke Blogger dasbor dengan account anda.
2. Pilih Opsi lainya >>> Tata Letak .
3. Klik Tambahkan Gadget .
4. Selanjutnya Pilih dan klik HTML/Javascrip .
5. Masukan kode di bawah ini kebagian kotak konten Mengonfigurasi HTML/JavaScript.


<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;align:left;"><img src='http://newtemplete-project.googlecode.com/files/banner-close-icon-left.png'/></a></div>
<!--Mulai disini-->

<a href="http://bambangpage.blogspot.com/" rel="nofollow" target="_blank" title="Pasang Iklan"><img src="http://newtemplete-project.googlecode.com/files/BP-banner.gif" width="172" height="600" alt="" /></a>

<!--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;align:right;"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuTmI7QI3roWIQUs8e0qKZ2sLtc-c3QPcxksxc26hXAcy6hMlfaAcq6XYV_YpU4MnUpK1YBFkKCJ-Sd28JG8TtPEEukoIbHGzYiU4wfKgiBfawmhpSHYNj-14qQ9J4DehOAUb50sZTA7Py/s1600/close-icon.png'/></a></div>
<!--Mulai disini-->
<a href="http://bambangpage.blogspot.com/" rel="nofollow" target="_blank" title="Pasang Iklan">
<img src="http://newtemplete-project.googlecode.com/files/BP-banner.gif" width="172" height="600" alt="" /></a>
<!--Akhir disini-->
</div>
<!--end: floating ads-->

Keterangan :

* Ganti Kode yang berwarna Merah dengan URL blog/website tujuan.

* Ganti Kode Yang berwarna Biru dengan URL image yang anda inginkan.

* Ganti Kode yang berwarna Orange dengan ukuran lebar banner yang anda inginkan.

* Ganti kode yang berwarna Hijau dengan ukuran tinggi banner yang anda inginkan.

6. Klik simpan/save pada Mengonfigurasi HTML/JavaScript.

7. Pilih Simpan Setelan pada Tata Letak.

Selamat mencoba dan semoga bermanfaat....

Posted by: Bambang PageBambang PageUpdated at : 08.00


Jika Anda Menyukai Artkel Seperti Di atas,Link back ke artikel ini dengan mengcopy salah satu kode di bawah ini

URL untuk Postingan:


HTML Link Code:

BB (forum) link code:



6 komentar:

  1. maaf, bagaimana cara pasang iklan banner "solusi bau mulut"
    Riza, 0857 4194 1815

    BalasHapus
    Balasan
    1. ikuti langkah-langkah diatas pasti bisa ok...

      Hapus
  2. terimakasih banyak sob, sangat membantu..

    http://www.tokoobatku.com/obat-radang-sendi-herbal/

    BalasHapus
  3. bro saya pasang banner di sebelah kiri dan kanan sudah selesai tapi di refresh tidak hilang, hanya pas di login hilang, gimana solusi nya bro ?

    BalasHapus
  4. Makasih info nya mas bambang, tp ada yg belum saya mengerti, apakah setiap mau pasang banner kita sudah langsung terpampang Link, untuk Link nya ini sy belum mengerti, maksudnya kode yang berwarna biru. gambar sy harus save dimana dulu mas bambang?

    BalasHapus

 

Copyright 2011 Bambang's Page is proudly powered by blogger.com | Design by Bambang's Page | Find us on Google+

Postingan Baru

Komentar Baru

Postingan Acak