Rabu, 18 Mei 2011

Pasang Iklan Google Adsense Di Bawah Posting

Yang pertama perlu di ketahui yaitu kode iklan Google Adsense tidak bisa di pasang langsung ke dalam kode template blogger. Mungkin sudah banyak di antara anda yang pernah mencoba memasukan kode iklan google adsense kedalam kode template di bagian Edit HTML, namun hasilnya selalu muncul pesan error seperti ini : 

Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly. XML error message: The processing instruction target matching "[xX][mM][lL]" is not allowed.


Trus bagaimana bisa kang rohman memasang iklan GA langsung di bawah posting? agar hal itu bisa di lakukan, sebelum kode iklan GA di pasang pada kode template anda, terlebih dahulu harus di Parse. Apa yang di maksud dengan parse? yang di maksud dengan parse di sini adalah anda harus mengubah kode yang akan di tambahkan, misalkan kode iklan Goggle adsense seperti ini : 


<script type="text/javascript"><!-- 
google_ad_client = "pub-xxxxxxxxxxx"; 
google_ad_slot = "0976076963"; 
google_ad_width = 468; 
google_ad_height = 60; 
//--> 
</script> 
<script 
src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> 
</script> 



Tugas anda adalah kode di atas tadi harus di parse dulu yaitu menjadi seperti ini : 


&lt;script type=&quot;text/javascript&quot;&gt;&lt;!-- 
google_ad_client = &quot;pub-xxxxxxxxxxx&quot;; 
google_ad_slot = &quot;0976076963&quot;; 
google_ad_width = 468; 
google_ad_height = 60; 
//--&gt; 
&lt;/script&gt; 
&lt;script 
src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot; type=&quot;text/javascript&quot;&gt; 
&lt;/script&gt; 



>>>>>>>>
Setelah sedikit berbelit-belit, sekarang saatnya masuk ke bahasan utama yaitu memasang kode iklan GA di bawah postingan. Yang pertama yaitu anda di sarankan untuk memasang sistem read more yang telah kang rohman terangkan di sini, jika template anda sudah memakai sistem tersebut, silahkan ikuti langkah-langkah berikut : 

  1. Silahkan signin ke blogger dengan ID anda. 
  2. Klik layout
  3. Klik tab Adit HTML
  4. Klik tulisan Download Template Selengkapnya
  5. Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula 
  6. Beri tanda centang pada kotak di samping tulisan Expand Template Widget , lihat gambar di bawah :

    expand widget template

  7. Tunggu beberapa saat ketika proses sedang berlangsung 
  8. Silahkan anda cari kode berikut pada kode template milik anda (dengan asumsi template anda sudah terpasang sistem readmore) : 


    <b:if cond='data:blog.pageType == "item"'> 
    <style>.fullpost{display:inline;}</style> 
    <p><data:post.body/></p> 
    <b:else/> 
    <style>.fullpost{display:none;}</style> 
    <p><data:post.body/> 
    <a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p> 
    </b:if> 

  9. Tambahkan kode iklan google adsense milik anda seperti ini (kode Ga nya harus yang sudah di parse) : 


    <b:if cond='data:blog.pageType == "item"'> 
    <style>.fullpost{display:inline;}</style> 
    <p><data:post.body/></p> 

    <br /> <br /> 
    &lt;script type=&quot;text/javascript&quot;&gt;&lt;!-- 
    google_ad_client = &quot;pub-xxxxxxxxxxx&quot;; 
    google_ad_slot = &quot;0976076963&quot;; 
    google_ad_width = 468; 
    google_ad_height = 60; 
    //--&gt; 
    &lt;/script&gt; 
    &lt;script 
    src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot; type=&quot;text/javascript&quot;&gt; 
    &lt;/script&gt; 
    <b:else/> 
    <style>.fullpost{display:none;}</style> 
    <p><data:post.body/> 
    <a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p> 
    </b:if> 

  10. Klik tombol Simpan Template
  11. Selesai. Silahkan lihat hasilnya.

Tidak ada komentar:

Posting Komentar