Membuat Iklan Melayang di Samping Kiri atau Kanan Blog

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 :

a. Dengan menambahkan Widget

b. Dengan Edit HTML pada Template

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

A. Dengan Menambahkan Widget 

Buat widget baru HTML/JavaScript, edit 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>

B. Dengan Edit HTML pada Template

1. Login ke Blogger anda

2. Klik Template -> Edit HTML

3. Simpan kode dibawah ini tepat diatas kode ]]></b:skin>

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

4. Cari kode </body>, lalu pastekan kode dibawah ini tepad diatas kode </body>

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

5. Simpan Template

Menambahkan Tanda Close (X)

Apabila ingin menambahkan tanda Close (X), tambahkan kode dibawah 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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVo7IIwGDlseiDLTQzUftFuTs6J8oi-Mzk7G7RQkeOp3AGFmVNLqkngb56Sl-GIMTlABOFauhdqbwnMjKPAaYmlAF5TNJVc-ZjY_AQmWxF07EBWGkOXaKR-isbnFrDht_ZAmKQOdlCb-E/s1600/delete2.png'/></a>

Maka hasil akhirnya 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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVo7IIwGDlseiDLTQzUftFuTs6J8oi-Mzk7G7RQkeOp3AGFmVNLqkngb56Sl-GIMTlABOFauhdqbwnMjKPAaYmlAF5TNJVc-ZjY_AQmWxF07EBWGkOXaKR-isbnFrDht_ZAmKQOdlCb-E/s1600/delete2.png'/></a> <a href='URL Tujuan' title='Judul'><img alt='fixedbanner' src='URL Banner'/></a> </div> 

Download artikel ini di -> Membuat Iklan Melayang di Samping Kiri atau Kanan Blog
Semoga Bermanfaat 

Referensi : http://ber2saudara.blogspot.com/2013/03/membuat-banner-iklan-melayang-di.html