Friday, March 17, 2017

Cara membuat iklan melayang kiri dan kanan website

Cara membuat iklan melayang kiri dan kanan website


Jika anda menggunakan template website atau blog sebagian dari layar artinya tidak fullscreen maka akan ada ruang kosong disisi kiri dan kanan. Nah ruang kosong ini bisa kita manfaatkan untuk menempatkan iklan. Keuntungan dengan menempatkan iklan disisi kanan atau kiri adalah tidak mengganggu kenyamanan pengunjung, tetapi kekurangannya adalah jika anda menggunakan iklan PPC kemungkinan di klik agak kecil. Pilihan ada ditangan anda sendiri.

Berikut adalah sintak CSS untuk membuat gambar atau iklan melayang kiri atau kanan walaupun layar digulung ke atas dan ke bawah, gambar atau iklan akan tetap diam pada posisinya.

1. Melayang kiri
Pastikan tidak ada tautan yang tersembunyi dibawah iklan.

Sisipkan kode berikut pada bagian CSS atau skin dibawah ini

.layangkiri {
left: 0px;
position: fixed;
text-align: center;
top: 0px;
}




Untuk mengubah posisi vertikal (ke bawah & ke atas) edit pada bagian top: 0px;
Ubah nilai top : 10px; untuk menurunkan posisi 10 pixel
Ubah nilai top : -10px; untuk menaikkan posisi 10 pixel

Untuk menerapkannya tambahkan kode berikut pada template anda atau tambahkan sebagai gadget pada blog.


<div class="layangkiri">kode iklan anda</div>



2. Melayang kanan

Hampir sama dengan melayang kiri sisipkan kode CSS berikut

.layangkanan {
right: 0px;
position: fixed;
text-align: center;
top: 0px;
}



Untuk menerapkannya tambahkan kode berikut pada template anda atau tambahkan sebagai gadget pada blog.

<div class="layangkanan">kode iklan anda disini</div>

Available link for download