Cara Pasang Iklan Melayang di Kanan dan Kiri Blog - Pada kesempatan yang lalu saya pernah menjelaskan tutorial cara memasang iklan floating atau melayang di blog. Melanjutkan tutorial blog
mengenai memasang iklan melayang atau floating, kali ini iklan melayang
diposisikan pada body blog baik itu dikanan maupun dikiri blog. Memasang iklan melayang di kanan dan kiri blog
sebenarnya lebih efesien karena dari segi struktural blog akan
kelihatan lebih rapi, selain itu kita juga dapat memaksimalkan space
kosong yang ada dalam template blog.
Banyak blogger yang tidak memperhatikan kerapian blog, sehingga efek
negatif dari itu secara tidak langsung dapat berpengaruh turunnya
pengunjung blog. Mengapa demikian? karena blog yang tidak rapi dan
diselimuti banyak iklan yang mengganggu pengunjung blog ketika membaca
artikel yang ada dalam blog kita, akan malas berkungjung kembali. Sama
seperti Anda ketika blogwalking dan mendapati iklan floating atau melayang yang menghalangi Anda membaca artikel di blog tersebut tentu Anda rada jengkel bukan?.
Mengatasi itu, kita dapat memasang iklan melayang atau floating
tersebut tanpa mengganggu kenyamanan pengunjung atau visitor setia blog
kita yaitu di tempatkan di bagia kanan dan kiri blog. Nah, jika Anda
tertarik untuk memasang iklan melayang di kanan dan kiri blog, ikuti
tutorial blog yang akan saya jelaskan berikut ini.
Memasang Iklan Melayang
1. Silahkan login ke ID atau akun blogger Anda
2. Kemudian klik "template"
3. Selanjutnya klik "Edit HTML" lalu cari kode ]]></b:skin> (gunakan ctrl+f atau tekan F3 untuk mempermudah pencarian kode tersebut)
4. Setelah dapat, masukkan kode berikut ini tepat diatasnya
#adslayoutleft {
position:fixed;
top:10px;
margin-left :335px;
float:left;
z-index:10;
}
#adslayoutleft .iklankiri {
float:right;
clear:both;
}
#adslayoutleftright {
float:right;
position:fixed;
top:10px;
margin-left:-800px;
z-index:10;
}
#adslayoutleftright.iklankanan {
float:left;
clear:both;
}
Perhatikan angka yang saya beri tanda warna merah, angka tersebut merupakan pengaturan jarak banner iklan dengan laman blog, sesuaikan dengan template Anda.
5. Simpan template Anda, lalu klik "Tata Letak" pada menu disebelah kiri laman blog
6. Klik tambah gadget, selanjutnya klik HTML/Java Secript
7. Copy dan paste kode berikut ini kehalaman yang disediakan
<div id='adslayoutleft'><div class='iklankiri'>
Masukkan kode/url banner iklan disini
</div></div>
<div id='adslayoutleftright'><div class='iklankanan'>
Masukkan kode/url banner iklan disini
</div></div>
Perhatikan juga kalimat yang saya beri tanda warna merah diatas, ganti dengan URL banner/iklan Anda.
8. Setelah semuanya Anda ikuti dengan benar, simpan template Anda dan lihat hasilnya.
0 komentar:
Posting Komentar