1/17/2017

Cara Memasang Iklan Adsense Diantara Postingan Blogspot




Beberapa waktu yang lalu saya pernah memposting Cara Memasang Iklan Adsense di Postingan Blog, maka kali ini akan berbagi kepada kalian semua tentang bagaimana cara memasang iklan adsense diantara postingan blogspot. Sebenarnya untuk mengatur iklan di homepage telah disediakan secara default oleh blogger.

Walaupun untuk memasang dan mengatur iklan adsense telah disediakan oleh blogger, namun terkadang dapat mengganggu tampilan homepage, jika iklan tersebut akan diletakkan pada halaman depan atau diantara postingan. Maka dari itu agar tidak mengganggu kenyamanan pengunjung, alangkah baiknya diatur sedemikian rupa agar tidak merusak tampilan sebelumnya.

Cara Memasang Iklan Google Adsense Diantara Postingan Blogspot


Cara praktis dan mudah ini saya dapatkan dari salah satu blogger Indonesia yang terkenal dengan kompiajaib.com, blog tersebut banyak membahas tentang banyak hal seputar blogspot. Berikut ini cara memasang iklan google adsense diantara postingan blog.

Cara Memasang Iklan Adsense Diantara Postingan Blogspot


#Langkah 1
Untuk memasang iklan agar tampil diantara postingan, Anda harus mencari kode HTML <b:include data='top' name='status-message'/> dan biasanya seperti dibawah ini (setiap template blog akan berbeda)
<b:includable id='main' var='top'>
 <b:include data='posts' name='breadcrumb'/>
  <b:if cond='data:mobile == &quot;false&quot;'>
    <div class='blog-posts hfeed'>
      <b:include data='top' name='status-message'/>
      <data:defaultAdStart/>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.isDateStart'>
          <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
            &lt;/div&gt;&lt;/div&gt;
          </b:if>
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-outer&quot;&gt;
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-posts&quot;&gt;
        </b:if>
        <div class='post-outer'>
        <b:include data='post' name='post'/>
        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:include data='post' name='comment_picker'/>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:include data='post' name='comment_picker'/>
        </b:if>
        </div>
        <b:if cond='data:post.includeAd'>
          <b:if cond='data:post.isFirstPost'>
            <data:defaultAdEnd/>
          <b:else/>
            <data:adEnd/>
          </b:if>
          <div class='inline-ad'>
            <data:adCode/>
          </div>
          <data:adStart/>
        </b:if>
      </b:loop>
      <b:if cond='data:numPosts != 0'>
        &lt;/div&gt;&lt;/div&gt;
      </b:if>
      <data:adEnd/>
    </div>
    <!-- navigation -->
<b:include name='nextprev'/>
 
    <!-- feed links -->
    <b:include name='feedLinks'/>
    <b:if cond='data:top.showStars'>
      <script src='//www.google.com/jsapi' type='text/javascript'/>
      <script type='text/javascript'>
        google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
        function initialize() {
          google.annotations.setApplicationId(<data:top.blogspotReviews/>);
          google.annotations.createAll();
          google.annotations.fetch();
        }
        google.setOnLoadCallback(initialize);
      </script>
    </b:if>
  <b:else/>
    <b:include name='mobile-main'/>
  </b:if>
  <b:if cond='data:top.showDummy'>
    <data:top.dummyBootstrap/>
  </b:if>
</b:includable>

#Langkah 2
#Letak Iklan Diawal Postingan atau Pada Posisi Teratas
Apabila iklan Google Adsense ingin terlihat diawal postingan atau pada posisi teratas, letakkan kode dibawah ini tepat dibawah kode <b:include data='top' name='status-message'/>
<b:if cond='data:blog.pageType != &quot;static_page&quot; and data:blog.pageType != &quot;item&quot;'>
<div class='post'>
<span class='title-ads'>Advertisement</span>
<!--LETAKKAN KODE IKLAN DI SINI-->
</div>
</b:if>

#Letak Iklan 2 Diakhir Postingan atau Paling Bawah
Jika iklan ingin terlihat dibagian akhir atau bagian bawah postingan, letakkan kode diatas tepat dibawah kode
<b:if cond='data:numPosts != 0'>
&lt;/div&gt;&lt;/div&gt;
</b:if>
<data:adEnd/>

#Letak Iklan 3 Diantara Postingan Blogspot
Apabila ingin meletakkan iklan diantara postingan blogspot, cari kode <b:loop values='data:posts' var='post'> kemudian tambahkan kode index='x' sehingga menjadi seperti dibawah ini
<b:loop values='data:posts' var='post' index='x'>

Setelah itu cari kode HTML seperti dibawah ini
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>
</div>

Jika sudah ketemu letakkan kode HTML dibawah ini tepat dibawah kode HTML diatas
<b:if cond='data:blog.pageType != &quot;static_page&quot; and data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:x==1'>
<div class='post'>
<span class='title-ads'>Advertisement</span>
<!--LETAKKAN KODE IKLAN DI SINI-->
</div>
</b:if>
<b:if cond='data:x==3'>
<div class='post'>
<span class='title-ads'>Advertisement</span>
<!--LETAKKAN KODE IKLAN DI SINI-->
</div>
</b:if>
</b:if>
Pada kode <b:if cond='data:x==1'> berarti iklan ditampilkan di bawah postingan kedua, dan kode <b:if cond='data:x==3'> menandakan iklan ditampilan di bawah postingan keempat. Nah, silahkan sesuaikan angka-angka tersebut untuk mengatur tata letak iklan di antara postingan sesuai dengan keinginan Anda.

**Catatan
Jangan lupa parse iklan adsense terlebih dahulu sebelum dipasang.
Biar terlihat makin menarik dan membedakan antara iklan dengan postingan tambahkan kode CSS dibawah ini tepat diatas kode ]]></b:skin> atau </style> untuk mengatur kata Advertisement.
.post span.title-ads{font-size:16px;font-weight:bold;display:block;margin:10px 0}

Demikian cara memasang iklan adsense diantara postingan blogspot, semoga bermanfaat dan berguna.

1 comments so far

Portal Blogspot.
EmoticonEmoticon