Cara Memasang Iklan Adsense Di Tengah Artikel Blog

Dulu saya tak tahu pun cara memasang iklan Adsense di tengah artikel ni. Tetapi, Abg Feroz (www.jiwarosak.com) kata kalau pasang iklan Adsense di tengah-tengah artikel, earnings Adsense kita akan meningkat. So, dengan jiwa kentalnya saya pun search la kat google "cara memasang iklan Adsense di tengah artikel". Jumpa banyak tutorial. Sebelum berjaya, banyak kali try and error. Sampai pening kepala menghadap coding. Dah la jenis buta coding tapi nasib baik subjek Sains Komputer time matrik dulu dapat A hehehe. So, ada jumpa satu entri ni (http://strukturkode.blogspot.my/2015/04/cara-meletakan-iklan-adsense-di-tengah-artikel-postingan.html) yang akhirnya membantu saya memasang iklan Adsense di tengah artikel dengan jayanya. All thanks to that entri. Tapi agak pening sikit sebab bahasa Indonesia nya yang agak pekat hahaha. Jadi, saya pun cuba buat entri tutorial memasang iklan Adsense di tengah-tengah entri Versi Bahasa Melayu + bahasa yang lebih mudah difahami hendaknya berdasarkan entri tersebut.

Cara Memasang Iklan Adsense Di Tengah Artikel

Cara Memasang Iklan Adsense Di Tengah Artikel Blog

1. Login akaun Google adsense di https://www.google.com/adsense

2. My Ads > Content > Ad Units

3. Get code unit iklan Adsense (copy code ads yang kita nak letak di tengah artikel. contohnya kalau saya - responsive ads)

Cara Memasang Iklan Adsense Di Tengah Artikel Blog: get code

Cara Memasang Iklan Adsense Di Tengah Artikel Blog: copy ad code

4. Paste code tersebut di tempat lain ATAU paste sahaja di HTML Escape  (http://www.freeformatter.com/html-escape.html) untuk sementara waktu > klik Escape > Nanti ambil yang Escaped HTML ni

Cara Memasang Iklan Adsense Di Tengah Artikel Blog: klik Escape

Cara Memasang Iklan Adsense Di Tengah Artikel Blog: ambil code yang Escaped HTML ini

5. Pergi ke dashboard blog > Template > klik Edit HTML.

Cara Memasang Iklan Adsense Di Tengah Artikel Blog : Edit HTML

6. Cari code <data:post.body/> di Edit HTML tu dan gantikan dengan code di bawah:

<div expr:id='"post1" + data:post.id'/> <div class='googlepublisherads' style='margin:20px 0'> <center> --Letakan kode unit adsense hasil parse disini-- </center> </div> <div expr:id='"post2" + data:post.id'> <data:post.body/></div> <script type='text/javascript'> var obj0=document.getElementById("post1<data:post.id/>"); var obj1=document.getElementById("post2<data:post.id/>"); var s=obj1.innerHTML; var t=s.substr(0,s.length/2); var r=t.lastIndexOf("<br>"); if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);} </script>

Di code tersebut, gantikan ("<br>") dengan ("<br>") yang dah di-escaped kan di website HTML Escape. Caranya:
(i) Copy ("<br>") di ruangan kotak HTML Escape, kemudian klik 'Escape'. 
(ii) Ambil code yang di-escaped tersebut.

Cara Memasang Iklan Adsense Di Tengah Artikel Blog

Cara Memasang Iklan Adsense Di Tengah Artikel Blog

Ohhh lupa nak habaq.. 

Untuk memudahkan pencarian code data post body tu kan, tekan Ctrl+F, kemudian taip <data:post.body/> di kotak carian tersebut. Tekan Enter. Then, anda akan jumpa banyak code <data:post.body/> tu. Jadi, anda kena pilih mana satu yang betul-betul di dalam posting artikel anda.

Kalau macam saya haritu, saya blur juga nak kenal pasti mana satu code <data:post.body/> yang tepat. Lepastu saya try je satu-satu. Tapi, untuk tips: kalau ada dekat atas <data:post.body/> tu perkataan "post-entry" ke, haa yang tu lah.

7. Copy code iklan Adsense yang Escaped HTML tadi kemudian paste di line "--Letakkan kode unit adsense hasil parse di sini--"

Cara Memasang Iklan Adsense Di Tengah Artikel Blog: gantikan code datapostbody tadi dengan code baru

8. Jangan save template dulu! Preview Template dulu, kalau tiada error, kemudian baru lah Save Template. Kemudian refresh page tu.

9. View blog. Klik satu artikel kita. Then, tengok muncul ke tidak. Kalau muncul, tahniah! Kalau tak muncul, mungkin anda salah letak.

Done! 

Maaf ye kalau ada yang kurang faham. Kalau ada part yang tak faham ke, boleh tanya di ruangan komen di bawah. Semoga berjaya! :)

*credit tutorial skrol box to kak Mia Liana. link SINI

Baca juga entri:

• TUTORIAL MEMASANG IKLAN NUFFNANG VERSI MOBILE
• TUTORIAL TUKARKAN KOMEN google+ KEPADA KOMEN blogger
• Cara nak tahu apa yang orang cari dalam blog kita