Cara Pasang Iklan Melayang di Kanan dan Kiri Blog

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?. Jika dibahas dari segi komersilnya mungkin anda sudah tahu semua bahwa salah satu cara mendapatkan uang dari blog adalah dengan menyediakan space banner.

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 pasang iklan murah 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"

iklan melayang

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.

Contoh iklan melayang di kanan dan kiri blog dapat Anda lihat di blog second branded store. Saya rasa cukup sekian penjelasan tutorial cara pasang iklan melayang di kanan dan kiri blog, semoga bermanfaat. Pastikan Anda terus mengunjungi super blog pedia untuk mendapatkan panduan blogger terbaru. Jika Anda tidak ingin ketinggalan artikel yang akan saya posting pada kesempatan berikutnya silahkan berlangganan artikel via email gratis melalui form berlangganan artikel dibawah ini. Dan jangan lupa juga me-like fanspage facebook super blog pedia untuk mengetahui update artikel tutorial blog melalui facebook.
Dapatkan update artikel tutorial blogger terbaru dan informasi bermanfaat serta Ebook Gratis dari Super Blog Pedia yang akan dikirim langsung ke Email kamu.
Share Article :
Comments
9 Comments

9 komentar :

  1. terimakasih tutorialnya gan...

    BalasHapus
  2. mantap tutornya sob...trims.

    BalasHapus
  3. Ini seperti yg di sosbok itu bukan Om...

    BalasHapus
  4. mantap gan ditunggu artikel selanjutnya...

    BalasHapus
  5. thanks gan, jadi juga neh...
    gan bisa cek...
    http://infonetfocuses.blogspot.com/2014/03/download-file-buku-plh-jenjang-sd-smp-dan-sma.html

    BalasHapus


Peringatan penting sebelum berkomentar:

- Komentar yang mengarah ketindakan spam dan tidak berkaitan dengan isi artikel terkait, tidak akan dipublikasikan.
- Tidak semua pertanyaan melalui form komentar di jawab oleh admin.
- Bagi advertiser yang ingin memasang banner iklan produknya di super blog pedia, silahkan baca syarat dan ketentuannya di pasang iklan murah.

Terimakasih telah berkunjung ke Super Blog Pedia, semoga artikel dan informasi yang kami sajikan bermanfaat bagi Anda.