May 29, 2017

Cara Menempatkan Iklan Di Kiri Atau Kanan Awal Postingan

iklan postingan

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 :

.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='&quot;post-body-&quot; + data:post.id'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  <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 == &quot;item&quot;'> 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='&quot;post-body-&quot; + data:post.id'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post-ontop'>
KODE IKLAN YANG SUDAH DIPARSE DI SINI
      </div>
  <data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  <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.

Artikel Terkait

Halo Sobat, sedikit cerita mengenai diri saya, saya adalah hanya seorang penulis amatiran yang mencoba berbagi pengetahuan dari apa yang saya dapat sehari-hari. Pengalaman ini saya tuangkan di tulisan dengan tujuan baik agar pengetahuan dan pengalaman saya ini dapat bisa di pergunakan dan bermanfaat khususnya untuk diri saya pribadi dan umumnya untuk orang lain, sehingga saya beri nama Web saya ini dibalikseo.com yang filosofinya adalah dibalik pengetahuan yang saya dapat.