10 Cara Menampilkan Widget / Iklan di Halaman Tertentu

Bagaimana cara menampilkan script iklan bagi yang doyan jadi publisher adsense atau memunculkan widget hanya pada halaman tertentu saja pada blog atau website ? mungkin ini adalah pertanyaan yang sering muncul pada mesin pencarian terutama mbah google, oleh para blogger pemula yang lagi senang otak atik template blog untuk mempercantik tampilan display sebuah blog.

Saya juga orang baru dalam dunia blogger dan cukup tertarik dalam mengutak atik kode script HTML pada template blog. Keingintahuan ini muncul karena saya juga pengen mengerti bagaimana desain sebuah template blog yang bagus bagus dibuat.

Dengan harapan suatu saat nanti saya juga bisa membuat template blog sendiri meski ilmu dasar koding gak punya, tapi dengan kemauan dan usaha yang sungguh sungguh tidak mustahil itu akan terwujud jadi kenyataan.

Oke sob, kita kembali ke pembicaraan awal mengenai skrip atau widget yang ingin kita tampilkan hanya pada kondisi tertentu pada sebuah blog, menyadur dari seo-darkness.blogspot.com dan hengkikristiantoateng.blogspot.com saya tuliskan di blog Tekno RC ini kembali ;

1. Menampilkan widget hanya di halaman depan saja (homepage)

<b:if cond='data:blog.url == data:blog.homepageUrl'>
......................................................
</b:if>

2. Menampilkan widget disemua halaman kecuali homepage

<b:if cond='data:blog.url != data:blog.homepageUrl'>
......................................................
</b:if>

3. Menampilkan widget hanya di halaman Archive saja.

<b:if cond='data:blog.pageType == &quot;archive&quot;'>
......................................................
</b:if>

4. Menampilkan widget di semua halaman kecuali halaman archive

<b:if cond='data:blog.pageType != &quot;archive&quot;'>
......................................................
</b:if>

5. Menampilkan widget hanya di halaman posting

<b:if cond='data:blog.pageType == &quot;item&quot;'>
......................................................
</b:if>

6. Menampilkan widget di semua halaman, kecuali halaman posting

<b:if cond='data:blog.pageType != &quot;item&quot;'>
......................................................
</b:if>

7. Menampilkan widget hanya di postingan tertentu saja

<b:if cond='data:blog.pageType == &quot;alamat-postingan&quot;'>
......................................................
</b:if>

8. Menampilkan widget selain di postingan tertentu

<b:if cond='data:blog.pageType != &quot;alamat-postingan&quot;'>
......................................................
</b:if>

9. Menampilkan widget hanya di halaman staticpages

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
......................................................
</b:if>

10. Menampilkan widget di semua halaman, kecuali halaman staticpages

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
......................................................
</b:if>

Catatan : skrip html atau kode widget di letakkan pada titik-titik di atas

Cara Menempatkan kode di atas pada widget atau skrip iklan
Ambil salah satu contoh, Misalkan sahabat lihat di blog saya ini ada widget dengan judul Post Terbaru pada sidebar dan kita akan membuat widget tersebut tampil disemua halaman kecuali beranda atau homepage, berikut caranya.

1. Silahkan login akun Blogger.com
2. Pilih menu Template dan Pilih Edit/HTML
3. Letakkan kursor mouse pada skrip Edit HTML, klik dan cari Post Terbaru gunakan Ctrl F
4. Lalu cari dan perhatikan kode widget seperti ini :

<b:widget id='HTML2' locked='false' title='Post Terbaru' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

5. Kode di atas adalah kode widget Post Terbaru apabila akan menampilkan widget Post Terbaru tersebut disemua halaman kecuali beranda atau hompage maka sisipkan kodenya dan akan menjadi seperti ini.

<b:widget id='HTML2' locked='false' title='Post Terbaru' type='HTML'>
<b:includable id='main'><b:if cond='data:blog.url != data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/></b:if>
</b:includable>
</b:widget>

Catatan : Kode dengan stabilo hijau adalah kode Menampilkan widget disemua halaman kecuali homepage yang ada pada nomor 2 pada daftar di atas sekali.

6. Pastikan kode dipasang pada tempatnya seperti contoh di atas. kemudian preview template, setelah puas baru save template.

Semoga berhasil sob.

Tweet