Cara Mudah Membuat Banner Iklan Melayang Di Kiri Dan Kanan Blog

Banner adalah  gambar yang dipasang untuk mempromosikan suatu produk/ acara tertentu. Banner sendiri bisa di tempatkan dimana saja, ada banner yang di tempatkan di header, sidebar, bahkan didalam postingan. Selain itu, ada banner yang hanya diam di tempat namun ada juga banner yang melayang. Pada kesempatan kali ini, CS mau memberikan bagaimana cara memasang iklan banner melayang. Mungkin sobat juga pernah melihat banner iklan ini pada salah satu blog yang pernah sobat kunjungi, kelihatan keren ya! Apakah sobat tertarik untuk memasangnya? Berikut cara mudah membuat banner iklan melayang di kiri dan kanan blog, mangga disimak!


Baca juga cara mudah memasang burung twitter terbang di blog

1. Pertama login ke Blogger

2. Pilih Tata Letak

3. Pilih Tambah Gadget

4. Pilit  HTML/JavaScript

5. Masukkan kode dibawah ini ke dalam kolom 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:auto; height:auto; text-align:left; display:scroll;position:fixed; top:20px;left:10px;">
    <!--Mulai-->
<a href='URL-Tujuan' title='Judul Iklan'><img src='URL-Gambar/banner'/></a>
    <!--Akhir-->
    </div>
    <!--end: floating ads-->
    <!--start: floating ads-->
    <div id="teaser3" style="width:auto; height:auto; text-align:right; display:scroll;position:fixed; top:
20px;right:0px;">
   <!--Mulai-->
<a href='URL-Tujuan' title='Judul Iklan'><img src='URL-Gambar/banner'/></a> 
<!--Akhir-->
    </div>
    <!--end: floating ads-->

Keterangan :
1. Ganti tulisan yang berwarna biru dengan judul dan URL gambar sobat
2. Tulisan yang berwarna hijau adalah jarak banner dengan sisi kanan halaman blog

6 Simpan

Baca juga cara mudah memasang widget share melayang pada blog

Demikian cara mudah membuat banner iklan melayang di kiri dan kanan blog, semoga dapat membantu dan bermanfaat. Terimakasih atas kunjungannya.

loading...

► Copas Sange ◄

Berbagi Macam-Macam Tutorial Sobat sedang membaca artikel tentang Cara Mudah Membuat Banner Iklan Melayang Di Kiri Dan Kanan Blog. Jika sobat ada pertanyaan atau pesan mengenai artikel diatas, salurkan pada kolom berkomentar !! Dan untuk mendapatkan tambahan pahala, silahkan LIKE and SHARE ♂

:: Salam Blogger ! ::

LANGGANAN ARTIKEL GRATIS
Dapatkan Artikel Terbaru Disini !
Masukkan email anda di bawah ini ! Maka otomatis anda akan mendapatkan kiriman terbaru dari Blog ini secara gratis via email. Terimakasih.

2 Responses to "Cara Mudah Membuat Banner Iklan Melayang Di Kiri Dan Kanan Blog"

  1. Dejavu ya gan...
    permisi...isen-iseng berhadiah nich gan...siapa tahu agan pemenang nya...
    mari kita ramaikan KONTES SEO berhadiah 80juta, (h) (h) (h)
    hadiah yang sangat fantastis,untuk selengkap nya bisa di baca di,
    http://favouritenewss.blogspot.com/2016/06/daftar-situs-judi-online-terpercaya-2016.html

    Di bantu sundul y gan..up :)) up :)) (o)

    ReplyDelete
  2. Selamat datang di RUBYQQ, Agen poker judi online terbesar dan terpercaya.

    Kini hadir dengan 7 Games Terpopuler
    Murni player vs player 100%
    Bonus Turnover 0.5% *dibagikan setiap hari pada jam 12 siang
    Bonus referral 20% *berlaku seumur hidup
    Bonus jackpot jutaan rupiah setiap hari nya
    UNTUK MENDAFTAR SILAHKAN HUBUNGI KAMI DI :


    Hubungi kami di layanan servis 24jam nonstop,
    - Livechat 24 jam : Official site rubyqq
    - Pin BBM : 2B8938F7

    ReplyDelete