Cara Mengatur Posisi Iklan Adsense Yang Tampil Di Halaman Utama Blog

Senin, 10 Maret 2014

Google bergotong-royong sudah menunjukkan tempat khusus untuk mengatur letak iklan Adsense pada sajian Tata Letak yang berada dalam CPanel
masing-masing blog.

Pada sajian Tata Letak ini, kau sanggup menambahkan beberapa widget dan mempunyai kegunaan untuk mengatur posisi letak dari setiap widget yang kau punya termasuk Widget iklan Adsense.

Kamu sanggup mengatur jumlah iklan dan posisi iklan semoga muncul diantara postingan pada halaman utama blog kau kamu.

Untuk mengatur iklan adsense melalui tata letak, pengaturan yang diberikan oleh google memang terbatas dan seadanya. Karena kita tidak sanggup mengatur posisi sesuai impian kita.

Seperti pada pola kasus yang aku alami beberapa waktu lalu, aku hanya sanggup menampilkan iklan adsense dibawah artikel ke-1 dan dibawah artikel ke-6.

Karena keterbatasan sajian pada pengaturan yang diberikan google pada widget iklan adsense, aku berhasil mendapat trik untuk menampilkan iklan adsense pada Halaman Utama blog yang sanggup diletakkan sesuai impian kita.

Untuk mengatur bentuk postingan, baik berbentuk Grid ataupun List di halaman hompage, biasanya akan memakai Class Post (.Post).

Dengan memakai class post itu juga kita akan gunakan untuk letak iklan semoga tampilannya sama dengan tampilan artikel pada homepage.

Untuk menampilkan iklan adsense di antara artikel yang tampil pada homepage blog kita, maka kita akan menyimpan isyarat iklan adsense ini di tempat <b:includable id='main' var='top'> yang biasanya akan tampil menyerupai dibawah ini.

<b:includable id='main' var='top'>   <b:if cond='!data:mobile'>     <!-- posts -->     <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 and not data:post.isFirstPost'>           &lt;/div&gt;&lt;/div&gt;         </b:if>         <b:if cond='data:post.isDateStart'>           &lt;div class=&quot;date-outer&quot;&gt;         </b:if>         <b:if cond='data:post.dateHeader'>           <h2 class='date-header'><span><data:post.dateHeader/></span></h2>         </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:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>         </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:else/>     <b:include name='mobile-main'/>   </b:if>    <b:if cond='data:top.showDummy'>     <data:top.dummyBootstrap/>   </b:if>  </b:includable>

Nah, Untuk menampilkan iklannya, kita gunakan isyarat dibawah ini

<b:if cond='data:blog.pageType != &quot;static_page&quot; and data:blog.pageType != &quot;item&quot;'> <div class='post'> <span class='title-ads'>Sponsor</span> KODE IKLAN ADSENSE </div> </b:if>

Setelah itu, mari kita atur letak iklan semoga tampil sesuai keinginan.

Tampil Sebelum Artikel Pertama

Simpan Kode Iklan yang sudah diberikan diatas, dan letakkan isyarat iklan sempurna dibawah isyarat <b:include data='top' name='status-message'/>

Tampil Di Bawah Artikel Terakhir

Simpan Kode Iklan dan letakkan sempurna dibawah isyarat ini

<b:if cond='data:numPosts != 0'>
 &lt;/div&gt;&lt;/div&gt;
 </b:if>
 <data:adEnd/>

Tampil Di Antara Artikel

Menurut Tutorial yang aku sanggup sesudah googling. Untuk menampilkan iklan adsense di antara postingan, silahkan tambahkan isyarat index='x' pada isyarat <b:loop values='data:posts' var='post'>. Maka alhasil akan menyerupai isyarat dibawah ini.
<b:loop values='data:posts' var='post' index='x'>

<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'>Sponsor</span> KODE IKLAN ADSENSE </div> </b:if>  <b:if cond='data:x==3'> <div class='post'> <span class='title-ads'>Sponsor</span> KODE IKLAN ADSENSE </div> </b:if> </b:if>

Angka 1 yang sudah ditandai pada isyarat iklan diatas, berarti iklan akan ditampilkan dibawah artikel pertama.

Dan angka 3 yang sudah ditandai pada isyarat iklan diatas, berarti iklan akan ditampilkan dibawah artikel keempat.

Selanjutnya silahkan kau atur posisi iklan sesuai impian kau semoga homepage blog kau tampil lebih rapih.

Untuk selanjutnya, silahkan kau simpan "Kode Iklan 2" sempurna dibawah isyarat berikut 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>

Untuk mengatur goresan pena "Sponsor" semoga sanggup diadaptasi dengan template yang sedang kau gunakan, silahkan sisipkan isyarat CSS dibawah ini.

.post span.title-ads{font-size:16px;font-weight:bold;display:block;margin:10px 0}

Untuk melihat hasil isyarat yang sudah diedit tadi secara lengkap, silahkan gunakan tombol dibawah ini untuk membuka hasil editing isyarat secara menyeluruh.

<b:includable id='main' var='top'> <b:if cond='!data:mobile'>  <div class='blog-posts hfeed'> <b:include data='top' name='status-message'/> <b:if cond='data:blog.pageType != "static_page" and data:blog.pageType != "item"'> <div class='post'> <span class='title-ads'>Sponsor</span> KODE IKLAN ADSENSE </div> </b:if> <data:defaultAdStart/> <b:loop values='data:posts' var='post' index='x'> <b:if cond='data:post.isDateStart and not data:post.isFirstPost'> </div></div> </b:if> <b:if cond='data:post.isDateStart'> <div class="date-outer"> </b:if> <b:if cond='data:post.dateHeader'> <h2 class='date-header'><span><data:post.dateHeader/></span></h2> </b:if> <b:if cond='data:post.isDateStart'> <div class="date-posts"> </b:if> <div class='post-outer'> <b:include data='post' name='post'/> <b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/> </div> <b:if cond='data:blog.pageType != "static_page" and data:blog.pageType != "item"'> <b:if cond='data:x==1'> <div class='post'> <span class='title-ads'>Sponsor</span> KODE IKLAN ADSENSE </div> </b:if> <b:if cond='data:x==9'> <div class='post'> <span class='title-ads'>Sponsor</span> KODE IKLAN ADSENSE </div> </b:if> </b:if> <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'> </div></div> </b:if> <data:adEnd/> <b:if cond='data:blog.pageType != "static_page" and data:blog.pageType != "item"'> <div class='post'> <span class='title-ads'>Sponsor</span> KODE IKLAN ADSENSE </div> </b:if> </div>  <b:include name='nextprev'/>  <b:include name='feedLinks'/> <b:else/> <b:include name='mobile-main'/> </b:if> <b:if cond='data:top.showDummy'> <data:top.dummyBootstrap/> </b:if> </b:includable>

Demikian Tutorial yang aku sanggup kali ini wacana Cara Mengatur Posisi Iklan Adsense Yang Tampil Di Halaman Utama Blog,
Semoga tutorial kali ini gampang dimengerti yah teman-teman.

Sumber