Sebenarnya banyak tutorial dari para blogger yang sudah membahas ini Cara Menempatkan Iklan Di Kiri Atau Kanan Awal Postingan namun karena banyak pertanyaan yang masuk dari Contact Mail akhirnya 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 mempengaruhi dimana Iklan tersebut kita letakkan di dalam Blog. Dipostingan kali ini kita akan membahas Cara Menempatkan Iklan Di Kiri Atau Kanan Awal Postingan yang sebenarnya sangat mudah dilakukan hanya sedikit menambahkan kode 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 agar 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 kode iklan dapat berjalan dan muncul sebagaimana mestinya sebelum di tempatkan nantinya di Kiri Atau Kanan Awal Postingan sebaiknya kode iklan di Parse HTML terlebih dahulu dan untuk memparse kode iklan tersebut sobat bisa lakukan DISINI.
Untuk sobat yang mau mencoba Cara Menempatkan Iklan Di Kiri Atau Kanan Awal Postingan mari kita simak pembahasan berikut ini.
Langkah Awal
Silahkan sobat salin kode CSS dibawah ini lalu letakkan tepat di atas kode ]]></b:skin> atau di kode </style>, pemasangan kode CSS tersebut tujuannya untuk meminimalisir CSS Inline agar loading blog tidak terlalu berat nantinya, berikut kode CSS tersebut.
Kode CSS untuk pasang Iklan di sebelah kanan :
Kode CSS untuk pasang Iklan di sebelah kiri :
Langkah Selanjutnya
Silahkan sobat cari kode dibawah ini atau mirip penampakan kodenya seperti dibawah ini.
Setelah itu silahkan sobat tambahkan kode <b:if cond='data:blog.pageType == "item"'> lalu letakkan kode tersebut dibawah tag conditional untuk postpage seperti ini.
Yang nantinya jika sudah ditambahkan kode tersebut penampakannya seperti dibawah ini :
Perhatikan dengan seksama penerapan kodenya dan jangan lupa saya ulangi kode 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 sobat cari kode dibawah ini atau mirip penampakan kodenya seperti 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 sobat tambahkan kode <b:if cond='data:blog.pageType == "item"'> lalu letakkan kode tersebut dibawah tag conditional untuk postpage seperti ini.
<div class='post-ontop'>
KODE IKLAN DI SINI
</div>Yang nantinya jika sudah ditambahkan kode tersebut penampakannya seperti 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 kode iklan wajib di Parse terlebih dahulu lalu SAVE dan SELESAI, selamat mencoba.
EmoticonEmoticon