Blogger Tips - Menampilkan Widget Pada Halaman Depan, Semua Halaman Kecuali Halaman Artikel, Dan Pada Halaman Artikel (Halaman Selanjutnya)

Dulu, penulis masih kebingungan bagaimana harus menampilkan widget (elemen halaman) pada halaman depan atau halaman selanjutnya (halaman posting / artikel). Walaupun sudah banyak artikel yang membahas tentang hal ini, namun kali ini penulis akan berbagi pengalaman mengatasi masalah tersebut dengan acuan beberapa artikel yang sudah ada dengan beberapa tambahan yang mungkin belum banyak diketahui oleh para sahabat blogger.

Berikut ini penulis akan menjelaskan tiga cara menampilkan elemen halaman, simak baik-baik ya ….

1.  Menampilkan Widget pada semua halaman selain halaman posting / artikel (halaman selanjutnya)

• Silahkan kawan masuk ke Blogger
• Ingat nama judul widget yang ingin diberi efek tersebut
• Klik Edit Html 
• Klik Expand Widget
  
• Cari html widget yang ingin anda modifikasi dengan cara klik Ctrl+F lalu masukkan judul widget tadi (ingat, besar kecil huruf juga menentukan pencarian)
• Sebagai contoh :

<b:widget id='HTML15' locked='false' title='' type='HTML'>
<b:includable id='main'>

<b:if cond='data:blog.pageType == "index"'>

<!-- 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:if>

<b:include name='quickedit'/>
</b:includable>

</b:widget>

• Perhatikan kode warna merah. Kode tersebut adalah kode yang harus ditambahkan
• Klik simpan
• Silahkan kawan lihat hasilnya

Jika kawan ingin mengetahui bagaimana efek perubahannya, lihat DI SINI
Perhatikan tampilan ADSENSE yang berada di atas judul posting dan di bawah posting.


2.  Menampilkan Widget hanya pada halaman depan

Caranya sama dengan nomor 1, namun kode yang ditambahkan berbeda.
Lihat contoh berikut :

<b:widget id='HTML15' locked='false' title='' type='HTML'>
<b:includable id='main'>

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

<!-- 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:if>

<b:include name='quickedit'/>
</b:includable>

</b:widget>

Klik simpan 


3. Menampilkan Widget hanya pada halaman selanjutnya

Caranya sama dengan nomor 1 dan 2, namun kode yang ditambahkan berbeda.
Lihat contoh berikut :

<b:widget id='HTML15' locked='false' title='' type='HTML'>
<b:includable id='main'>

<b:if cond='data:blog.pageType == "item"'>

<!-- 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:if>

<b:include name='quickedit'/>
</b:includable>

</b:widget>

Klik simpan

Jika kawan ingin mengetahui bagaimana efek perubahannya, lihat DI SINI
Perhatikan tampilan ADSENSE dan Related Post yang berada pada akhir artikel.

Untuk widget yang tidak diberi judul maka blogger akan menamai widget tersebut dengan Html1, Html2, dst (untuk widget Html/javascript), Text1, Text2, dst (untuk widget text). Disarankan agar kawan memberi judul pada setiap widget.
Sekian tips dari saya. Semoga banyak guna dan manfaatnya. Bila ada kekurangan atau kesalahan, mohon koreksinya. CIAO …