Suatu hari salah satu teman blogger, admin Asik Pedia, memperlihatkan komentar wacana unit iklan di bawah judul artikel yang terlalu mepet dengan tulisan. Menurutnya, memang tidak ada problem pada tampilan mobile, namun tidak yummy dilihat pada tampilan dekstop, Ia mengusulkan untuk diperbaiki.
Setelah saya perhatikan, memang benar apa yang beliau katakan. Saya pun menyambut baik proposal tersebut.
Sayangnya sehabis melihat pengaturan unit iklan tersebut pada edit HTML, saya tidak tahu apa yang harus dilakukan. Karena memang ibarat itulah adanya cara meletakkan iklan di bawah judul artikel yang saya tahu.
Haruskah saya copot saja unit iklan tersebut? Tapi kalau melihat laporan adsense, posisi tersebut lebih tinggi BPKnya dibanding yang lain. Berhubung pengunjung blog kebanyakan lewat mobile, jadinya saya biarkan iklan tersebut apa adanya. Bukannya tidak menghargai undangan yang diberikan, hanya saja, saya tidak tahu cara memperbaikinya.
Selain itu saya yakin maksud usulannya bukan untuk menghapus unit iklan, tapi hanya memperbaiki posisinya. Hanya saja ilmu saya belum sampai.
Beberapa hari kemudian saya sedang mengedit tampilan iklan di blog yang lain. Saya pun juga berencana menambahkan unit iklan di bawah judul artikel. Walaupun sering melakukannya, saya tidak hapal kodenya. Tapi caranya gampang saja, tinggal ketik di Google, sudah banyak yang menulisnya.
Saya membuka artikel paling atas yang muncul dan menemukan arahan yang biasa saya gunakan. Tapi ada sedikit perbedaan, di sini ada kata "margin". Saya pun menggunakan arahan tersebut dan hasilnya ada jarak antara goresan pena artikel dengan iklan.
Seperti moment eureka, ini rupanya cara mengatasi unit iklan yang mepet dengan goresan pena artikel ibarat yang diusulkan seorang sobat kemarin.
Bagi yang belum tahu, caranya yaitu sebagai berikut:
Cara Meletakkan Iklan di Bawah Judul Artikel
Secara umum caranya yaitu sebagai berikut.
Sebelum dapat dimasukkan ke template blog, arahan iklan harus diparse terlebih dahulu. Saya biasanya memparse melalui blogcrowds.
Kemudian lakukan pengaturan di blogger.
Buka Beranda Blogger
Pilh Tema
Pilih Edit HTML
Tekan Ctrl F
Cari <data:post.body/>
Letakkan arahan berikut di atasnya
<div>
Kode iklan yang sudah diparse
</div>
Cara Mengatur Posisi Iklan di Bawah Judul Artikel
Ada pun unit iklan yang ukurannya tidak responsive, kadang posisinya ingin diletakkan di kiri, tengah, atau kanan.
Jika posisinya di tengah, maka kodenya yaitu sebagai berikut,
<div style="text-align: center;">
Kode iklan yang sudah diparse
</div>
Jika posisinya di sebelah kiri, maka kodenya menjadi,
<div style="float: left; margin-bottom: 10px; margin-right: 10px;">
Kode iklan yang sudah diparse
</div>
Kode iklan yang sudah diparse
</div>
Dan kalau posisinya di kanan, kodenya menjadi,
<div style="float: right; margin-bottom: 10px; margin-left: 10px;">
Kode iklan yang sudah diparse
</div>
Kode iklan yang sudah diparse
</div>
Untuk nilai margin dapat diganti sesuai dengan keinginan.
Untuk blog dengan template yang baru, alias belum pernah diotak-atik, mencari arahan di HTML di edit HTML yaitu mudah. Namun untuk template yang terlalu sering dimodifikasi, apalagi oleh orang yang ilmunya pas-pasan ibarat saya, perlu arahan khusus untuk menandai perubahan yang telah saya lakukan.
Saya sempat galau dengan banyaknya arahan iklan di dalam template. Sudah lupa, ini arahan yang mana, posisi mana. Oleh karenanya di atas iklan yang ditambahkan dapat diberi arahan ibarat ini.
<!-- iklan di bawah judul -->
Tulisan tersebut akan lebih gampang dipahami oleh insan biasa ibarat saya.
Demikianlah cara mengatur posisi iklan di bawah judul artikel menurut pengalaman saya. Saya ucapkan juga terima kasih kepada admin Asik Pedia atas usulannya, sehingga artikel ini dapat dituli. Salam blogger.
0 Comments