Cara Memasang Slot Iklan Sebelum dan Sesudah Postingan
Assalamualaikum Sahabat Blogger.
Cara Memasang Slot Iklan Sebelum dan Sesudah Postingan - Pada artikel kali ini MasPutro akan memberikan tutorial memasang slot iklan sebelum dan sesudah postingan. Sebetulnya cara ini sangat mudah untuk diterapkan, namun untuk anda yang sudah tahu cara ini, anda tidak perlu mengikuti cara ini lagi.
Tetapi, untuk anda yang ingin menampilkan iklan AdSense sebelum dan sesudah postingan, anda dapat mengikuti cara yang akan saya bagikan ini. Untuk lebih jelasnya, mari ikuti langkah-langkah berikut ini.

Cara Memasang Slot Iklan Sebelum dan Setelah Postingan


Tahap #1
Buka dasbor Blogger -> klik menu Tema dan Edit HTML, kemudian cari kode <data:post.body/> atau <p><data:post.body/></p>
Lebih tepatnya, cari kode <data:post.body/> di dalam markup seperti dibawah ini.

<b:includable id='post' var='post'>
  ....
  ....
  <data:post.body/>....
  ....
</b:includable>

Di dalam template mungkin ada beberapa kode <data:post.body/> yang lebih dari satu. Silakan anda cari kode yang dibungkus dengan tag kondisional seperti contoh dibawah ini.
<b:if cond='data:blog.pageType == "item"'>
  <data:post.body/>
</b:if>

Jika kode tersebut tidak anda temukan atau tidak terdapat pada template anda, Anda dapat menambahkan kodenya seperti ini.

Baca Juga : Cara Pasang 2 Iklan Adsense di Tengah Artikel

<b:if cond='data:blog.pageType == "item"'>
  <data:post.body/>
</b:if>

Tahap #2
Tambahkan kode di bawah ini untuk membungkus kode iklan
Ubah kode iklan anda dengan kode iklan AdSense anda. Cari ini juga dapat anda terapkan untuk memasang iklan selain AdSense.

<b:if cond='data:blog.pageType == "item"'>
  <div class='mp.blog'>
       <!-- kode iklan anda -->
                     </div>
    <data:post.body/>
      <div class='mp'>
        <!-- kode iklan anda -->
                      </div>
                            </b:if>

Tahap #3
Kemudian tambahkan kode CSS di bawah ini sebelum </head> atau &lt;/head&gt;&lt;!-<head/>-&gt; agar tampilan iklan terlihat rapih

<b:if cond='data:blog.pageType == "item"'>
  <style type='text/css'>
    .mp{
      margin:20px auto 0 auto}
    .mp.blog{
      margin:20px auto}
  </style>
</b:if>

Tahap #4
Simpan dan lihat hasilnya

Demikianlah tutorial memasang iklan sebelum dan sesudah postingan, semoga cara yang saya berikan ini berguna dan bermanfaat untuk semuanya. Terimakasih Wassalamualaikum
Penulis : MasPutro.com

Post a Comment

Lebih baru Lebih lama