Menampilkan AdSense hanya di PostPage

Kalau di WordPress sih, untuk menampilkan AdSense hanya di postingan bukanlah hal yang sulit. Namun, di Blogger? sebenernya juga nggak sulit kok. Vivek Sanghi di blognya sudah menjelaskan bagaimana caranya.

Pertama-tama, kita cari terlebih dahulu kode ini: <p><data:post.body/></p>. Nantinya, disetiap kode yang ada tulisan: [AdsCode], maka disitulah kita letakkan kode AdSense kita yang sudah di parse.

Meletakkan kode di Theme biasa

<b:if cond=’data:blog.pageType == “item”‘>
<p><table align=’center’><tr><td>
<center>[AdsCode]</center></td></tr></table>
<data:post.body/><table align=’center’><tr><td>
<center>[AdsCode]</center></td></tr></table></p>
<b:else/>
<p><data:post.body/></p>
</b:if>

Maksud theme biasa adalah theme yang belum terkena hacking pada post-nya. Misal belum adanya hack Peek-a-Boo styling pada Post. Maka inilah kode dalam thema biasa tersebut:

Tugas kita hanya untuk merubah kode [AdsCode] menjadi kode AdSense yang sudah diparsing.

Meletakkan kode pada Peek-a-Boo Styling Theme

Jika thema kita menggunakan Peek-a-Boo styling. Maka kode kita nanti harus berstruktur seperti ini:

<div class=’post-body’ expr:id=’”post-” + data:post.id’>
<b:if cond=’data:blog.pageType == “item”‘>
<p><table align=’center’><tr><td>
<center>[AdsCode]</center></td></tr></table>
<data:post.body/><table align=’center’><tr><td>
<center>[AdsCode]</center></td></tr></table></p>
<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id=’showlink’>
<p><a expr:onclick=’”javascript:showFull(\”post-” + data:post.id + “\”);”‘ href=’javascript:void(0);’>Continue reading…</a></p>
</span>
<span id=’hidelink’ style=’display:none’>
<p><a expr:onclick=’”javascript:hideFull(\”post-” + data:post.id + “\”);”‘ href=’javascript:void(0);’>Excerpts only…</a></p>
</span>
<script type=’text/javascript’>checkFull(”post-” + “<data:post.id/>”)</script>
</b:if>
<div style=’clear: both;’/> <!– clear for photos floats –>
</div>

Selective Expandable Post Styling

Jika pada post kita terdapat hack Selective Expandable Post (kode yang ada ‘Read More…’ nya itu lho :D), maka kita harus merubah struktur kodenya hingga menjadi seperti ini:

<div class=’post-body’ expr:id=’”post-” + data:post.id’>

<b:if cond=’data:blog.pageType == “item”‘>
<style>#fullpost{display:inline;}</style>
<p><table align=’center’><tr><td>
<center>[AdsCode]</center></td></tr></table>
<data:post.body/><br/>
<table align=’center’><tr><td><center>
[AdsCode]</center></td></tr></table></p>

<b:else/>
<style>#fullpost{display:none;}</style>

<p><data:post.body/></p>

<span id=’showlink’>
<a expr:href=’data:post.url’>Read More……</a>
</span>
<script type=’text/javascript’>
checkFull(”post-” + “<data:post.id/>”);
</script>
</b:if>
<div style=’clear: both;’/> <!– clear for photos floats –>
</div>

Sudah tahu kan bagaimana cara mem-parse kode AdSense? kalau belum tahu, coba cari di Bikinblogger [Link Disini] Oh iya, sekedar informasi, penggunaan hack ini tidak hanya untuk AdSense, Blogywalkie telah mencobanya pada program alternatif lain monetizing selain AdSense (TLA, AdBrite, Chitika) dan itu semua bekerja baik. Kelihatannya hack ini bisa bekerja dengan tipe iklan apapun.

Random Posts

• The Hobbit
• BabelFish Widget untuk Translasi
• Hey hey hey, I found another John Chow blog on John Cow
• Mengoptimalkan Windows Live Writer (WLW) untuk WordPress dan Blogger
• Green Marinee
• Visitor lebih “Raja” ketimbang konten
• The usefull resource for Study
• Bab 5: Membuat postingan ala Peek-a-Boo - Part 3
• AddThis New Style, with Drop-Down list.
• Mengintip teknologi di balik Google. Ingin tahu bagaimana Google bekerja???