Menampilkan Widget Pada Halaman Tertentu

Salam sukses selalu buat sobat semua, Belajar Komputer Melalui Internet saat ini akan sedikit membahas tentang Menampilkan Widget Pada Halaman Tertentu dan semoga artikel ini bermanfaat.

---

Menampilkan Widget Pada Halaman Tertentu ini maksudnya adalah mengkondisikan tampilan widget sesuai dengan yang diinginkan, misal saja kita mempunyai sebuah widget yang menurut kita hanya pantas untuk ditampilkan di halaman beranda/homepage maka kita kondisikan widget tersebut untuk tampil di halaman tersebut. contoh lain apabila blog kita mempunyai kecepatan loading yang berbeda antara saat pada halaman beranda dengan halaman postingan maka alangkah baiknya kita mengkondisikan beberapa widget agar tidak tampil pada halaman yang loadingnya berat. atau mungkin ada alasan lain sehingga kita ingin mengkondisikan widget pada halaman tertentu saja.

Nah untuk  Menampilkan Widget Pada Halaman Tertentu maka kita harus menambahkan kode pengondisian dibawah ini ikuti langkahnya:

1. Login ke Blogger sebagaimana biasa
2. Di halaman Dasbor, pilih Tata Letak.
3. Kemudian pilih Edit HTML.
4. Jangan lupa Backup Template anda agar mudah mengembalikan jika terjadi kesalahan.
5. Centang pada “expand template widget”.
6. Cari widget yang mau sobat ganti. Contoh di blog ini: 'Loading blog ini menurut Sobat?'.
7. Setelah ketemu, tambahkan kode seperti dibawah ini :

Mengondisikan widget Hanya Tampil Diberanda/homepage :

Contoh Tampilan dari barisan kode widget "Loading blog ini menurut Sobat?"

<b:widget id='Poll1' locked='false' title='Loading blog ini menurut Sobat?' type='Poll'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h5 class='title'><data:title/></h5>
</b:if>
<div Style='text-align:center' class='widget-content' id='widget-content'>
<iframe allowtransparency='true' expr:height='data:iframeheight' expr:name='&quot;poll-widget&quot; + data:pollid' expr:src='data:iframeurl' frameborder='1' style='border:1px solid #ccc; width:99.5%;'/>
</div>
</b:includable>
</b:widget>

Lihat kode  <b:includable id='main'> yang berwarna merah, selanjutnya sobat tambahkan kode dibawah ini setelahnya/ dibawahnya:

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

Lihat lagi kode </b:includable> yang berwarna merah dibawahnya, selanjutnya sobat tambahkan kode dibawah ini sebelum/ diatas kode tersebut:

</b:if>

Sehingga tampilan akhir deretan kode tersebut menjadi seperti ini:

<b:widget id='Poll1' locked='false' title='Loading blog ini menurut Sobat?' type='Poll'>
<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 Style='text-align:center' class='widget-content' id='widget-content'>
<iframe allowtransparency='true' expr:height='data:iframeheight' expr:name='&quot;poll-widget&quot; + data:pollid' expr:src='data:iframeurl' frameborder='1' style='border:1px solid #ccc; width:99.5%;'/>
</div>
</b:if>
</b:includable>
</b:widget>

Mengondisikan Widget Hanya Tampil pada postingan :

Untuk menampilkan widget hanya tampil di halaman postingan caranya sama seperti diatas hanya perlu mengganti kode <b:if cond='data:blog.url == data:blog.homepageUrl'> dengan kode dibawah ini:

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

sehingga tampilan akhir deretan kode menjadi:

<b:widget id='Poll1' locked='false' title='Loading blog ini menurut Sobat?' type='Poll'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div Style='text-align:center' class='widget-content' id='widget-content'>
<iframe allowtransparency='true' expr:height='data:iframeheight' expr:name='&quot;poll-widget&quot; + data:pollid' expr:src='data:iframeurl' frameborder='1' style='border:1px solid #ccc; width:99.5%;'/>
</div>
</b:if>
</b:includable>
</b:widget>

Mengondisikan Widget Hanya Tampil pada halaman static :

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

----------
----------
</b:if> 

Mengondisikan Widget Hanya Tampil pada halaman archive :

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

----------
----------
</b:if> 

Mengondisikan Widget Hanya Tampil pada halaman postingan tertentu :

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

----------
----------
</b:if> 

Kalau sobat mau memasang dari kebalikan kode diatas, maksudnya kode diatas kan hanya tampil pada halaman yang dimaksud sedangkan kebalikannya yaitu tampil pada semua halaman kecuali halaman yang dimaksud.

contoh:

Cara mengondisikan Widget Tampil pada semua halaman kecuali Diberanda/homepage :
kodenya seperti ini:

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

Perhatikan dengan teliti untuk mengecualikan tampilan pada halaman tertentu pada kode pengkondisian tersebut tinggal mengganti tanda "==" dengan "!=" itu berlaku untuk semua kondisi diatas.

Mungkin sampai disini dulu Belajar Komputer Melalui Internet tentang Menampilkan Widget Pada Halaman Tertentu kali ini, semoga bermanfaat bagi Anda.

DAPATKAN ARTIKEL VIA EMAIL

Masukan Alamat Email Sobat:

Delivered

BACA JUGA ARTIKEL TERKAIT LAINNYA

Dipublish oleh : Abdul Kohar - Jatinangor Rating 5 Belajar Komputer Melalui Internet, Updated at: 02:18