Sebenarnya banyak tutorial dari para blogger yang sudah membahas ini Cara Menempatkan Iklan Di Kiri Atau Kanan Awal Postingan namun sebab banyak pertanyaan yang masuk dari Contact Mail jadinya saya posting saja Cara Menempatkan Iklan Di Kiri Atau Kanan Awal Postingan tentunya dengan cara yang sedikit berbeda dari yang lainnya.
Seperti yang kita ketahui pendapatan Iklan dari Adsense sangat mensugesti dimana Iklan tersebut kita letakkan di dalam Blog. Dipostingan kali ini kita akan membahas Cara Menempatkan Iklan Di Kiri Atau Kanan Awal Postingan yang bahwasanya sangat mudah dilakukan hanya sedikit menambahkan instruksi script yang ada dan memodifnya sedikit.
Agar iklan dapat muncul di Di Kiri Atau Kanan Awal Postingan kita akan menambahkan sedikit tag conditional di postingan yang tujuannya biar iklan hanya muncul di dalam postingan dan tidak muncul atau mencegah munculnya iklan di Home page sehingga tidak menggangu tampilan Home Page pada Blog.
Agar instruksi iklan dapat berjalan dan muncul sebagaimana mestinya sebelum di tempatkan nantinya di Kiri Atau Kanan Awal Postingan sebaiknya instruksi iklan di Parse HTML terlebih dahulu dan untuk memparse instruksi iklan tersebut teman mampu lakukan DISINI.
Untuk teman yang mau mencoba Cara Menempatkan Iklan Di Kiri Atau Kanan Awal Postingan mari kita simak pembahasan berikut ini.
Langkah Awal
Silahkan teman salin instruksi CSS dibawah ini lalu letakkan sempurna di atas instruksi ]]></b:skin> atau di instruksi </style>, pemasangan instruksi CSS tersebut tujuannya untuk meminimalisir CSS Inline biar loading blog tidak terlalu berat nantinya, berikut instruksi CSS tersebut.
Kode CSS untuk pasang Iklan di sebelah kanan :
Kode CSS untuk pasang Iklan di sebelah kiri :
Langkah Selanjutnya
Silahkan teman cari instruksi dibawah ini atau menyerupai penampakan kodenya menyerupai dibawah ini.
Setelah itu silahkan teman tambahkan instruksi <b:if cond='data:blog.pageType == "item"'> lalu letakkan instruksi tersebut dibawah tag conditional untuk postpage menyerupai ini.
Yang nantinya jikalau sudah ditambahkan instruksi tersebut penampakannya menyerupai dibawah ini :
Perhatikan dengan seksama penerapan kodenya dan jangan lupa saya ulangi instruksi iklan wajib di Parse terlebih dahulu lalu SAVE dan SELESAI, selamat mencoba.
.post-ontop{width:300px;height:250px;float:right;margin:0 0 20px 20px;padding:0;background:#fff}Kode CSS untuk pasang Iklan di sebelah kiri :
.post-ontop{width:300px;height:250px;float:left;margin:0 20px 20px 0;padding:0;background:#fff}Langkah Selanjutnya
Silahkan teman cari instruksi dibawah ini atau menyerupai penampakan kodenya menyerupai dibawah ini.
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'> <b:if cond='data:blog.pageType == "item"'> <data:post.body/> </b:if> <b:if cond='data:blog.pageType == "static_page"'> <data:post.body/> </b:if> <div style='clear: both;'/> <!-- clear for photos floats --> </div>Setelah itu silahkan teman tambahkan instruksi <b:if cond='data:blog.pageType == "item"'> lalu letakkan instruksi tersebut dibawah tag conditional untuk postpage menyerupai ini.
<div class='post-ontop'> KODE IKLAN DI SINI </div>Yang nantinya jikalau sudah ditambahkan instruksi tersebut penampakannya menyerupai dibawah ini :
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'> <b:if cond='data:blog.pageType == "item"'> <div class='post-ontop'> KODE IKLAN YANG SUDAH DIPARSE DI SINI </div> <data:post.body/> </b:if> <b:if cond='data:blog.pageType == "static_page"'> <data:post.body/> </b:if> <div style='clear: both;'/> <!-- clear for photos floats --> </div>Perhatikan dengan seksama penerapan kodenya dan jangan lupa saya ulangi instruksi iklan wajib di Parse terlebih dahulu lalu SAVE dan SELESAI, selamat mencoba.
Comments