News Update :

Membuat Banner Iklan Melayang di Samping Kiri atau Kanan Blog

Diposkan oleh : Posted on Jumat, 08 Maret 2013 - 3:40 AM with 3 comments

membuat banner melayang di kiri atau kanan blog
Pada tutorial ini saya memberikan 2 alternatif yaitu dengan "Menambah Widget HTML/JavaScript" atau "Edit HTML pada Template", silahkan pilih mana suka :)

A. Dengan Menambahkan Widget

Buat widget baru HTML/JavaScript, edit dan simpan kode ini


<style type="text/css"> #fixedbanner { position: fixed; top: 160px; /* Jarak dari atas */ right: 0; /* Apabila ingin di kanan ganti right menjadi left */ } </style> <div id='fixedbanner'> <a href='URL Tujuan' title='Judul'><img alt='fixedbanner' src='URL Banner'/></a> </div>

B. Dengan Edit HTML pada Template

1. Login ke Blogger
2. Klik Template --> Edit HTML
3. Simpan kode ini di atas ]]></b:skin>

 
#fixedbanner { position: fixed; top: 160px; /* Jarak dari atas */ right: 0; /* Apabila ingin di kanan ganti right menjadi left */ }


4. Edit dan simpan kode ini di atas </body>

 
<div id='fixedbanner'> <a href='URL Tujuan' title='Judul'><img alt='fixedbanner' src='URL Banner'/></a> </div>
 

5. Simpan Template.


Menambah Tanda Close (X)

 
Apabila ingin menambahkan tanda Close (X) seperti pada demo, tambahkan kode ini sebelum <div id='fixedbanner'>

 
<a href='#' onclick='var el=document.getElementById(&apos;fixedbanner&apos;);el.parentNode.removeChild(el);' style='right: 5px;position: absolute;top: 5px;z-index: 99;'><img alt='' src='http://3.bp.blogspot.com/-VkGc1slnj74/UOb46pZPv3I/AAAAAAAADqc/40iIDnF32Nw/s1600/delete2.png'/></a>


hasil akhir menjadi :


<div id='fixedbanner'> <a href='#' onclick='var el=document.getElementById(&apos;fixedbanner&apos;);el.parentNode.removeChild(el);' style='right: 5px;position: absolute;top: 5px;z-index: 99;'><img alt='' src='http://3.bp.blogspot.com/-VkGc1slnj74/UOb46pZPv3I/AAAAAAAADqc/40iIDnF32Nw/s1600/delete2.png'/></a> <a href='URL Tujuan' title='Judul'><img alt='fixedbanner' src='URL Banner'/></a> </div>

Semoga bermanfaat... 


Sumber : http://blog.kangismet.net
Share this Article on :
Membuat Banner Iklan Melayang di Samping Kiri atau Kanan Blog
Item Reviewed: Membuat Banner Iklan Melayang di Samping Kiri atau Kanan Blog 9 out of 10 based on 10 ratings. 9 user reviews.

3 komentar:

  1. info yang sangat bermanfaat gan.. mkasih banyak atas infonya..

    kunjungi blog saya ya..
    Games Full Indowebster Download
    Software Full Indowebster Download
    Movies Full Indowebster Download

    mkasih gan.. :)

    BalasHapus
  2. mampir mas bro.. http://galaupengenmoveon.blogspot.com/#

    BalasHapus

 

© Copyright 2-Bersaudara 2015 | Design by Herdiansyah Hamzah | Editing by 2-Bersaudara.