cara buat banner samping kiri dan kanan

Share on :

Jika pada blog yang anda miliki memiliki lapak yang kosong di samping kanan atau kiri blog, mungkin tutorial ini sangat bagus, untuk memanfaatkan lapak yang kosong tersebut, kali ini saya akan membahas bagaimana cara membuat iklan di samping kiri atau kanan blog, dalam tutorial kali ini saya memiliki 2 alternatif atau 2 cara yaitu sebagai berikut simak baik-baik di bawah ini & liat disini 



1. Dengan menambahkan Widget
2. Dengan Edit HTML pada Template

Kemudia langsung saja kita bahas satu persatu, Membuat Iklan di Samping Kiri Atau Kana Blog :

1. Dengan Menambahkan Widget 

Buat widget baru HTML/JavaScript, edit copy dan simpan kode dibawah 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



2. Dengan Edit HTML pada Template

a. Login ke Blogger anda
b. Klik Template -> Edit HTML

 a. Login ke Blogger anda
 b. Klik Template -> Edit HTML
 c. Simpan kode dibawah ini tepat diatas kode ingat jangan lupa tepat di atas        
kode ini

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

d. Cari kode </body>, lalu pastekan kode dibawah ini tepad diatas kode ingat ya tepat di atas kode  </body>
<div id='fixedbanner'> <a href='URL Tujuan' title='Judul'><img alt='fixedbanner' src='URL Banner'/></a> </div>


e. kemudian Simpan Template yang sudah di edit tadi 

Menambahkan Tanda Close (X)

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

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

Maka hasil akhirnya menjadi seperti di bawah ini  :

<divid='fixedbanner'><ahref='#'onclick='varel=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><ahref='URLTujuan'title='Judul'><img alt='fixedbanner' src='URL Banner'/></a> </div>



jangan lupa mampir -> di sini juga ya membuat iklan di sukai banyak orang 


1 komentar:

Unknown mengatakan... 2 September 2014 pukul 08.01

tnhks gan izin pratek mampir ke blog ane kalau ada waktu gan http://kreasi-auto.blogspot.com

Post a Comment and Don't Spam!

Text Widget

Total Tayangan Halaman

Pages

Pengikut

 
  • AGEN BOLA TERPERCAYA
    AGEN BOLA TERPERCAYA