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
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
feedburner

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

6 komentar :

  1. postingan yang bagus sob,..
    Salam kenal :D

    BalasHapus
  2. sangat bermanfaat sekali infonya buat di pelajari .......

    BalasHapus
  3. boleh juga buat di pelajari, artikel yang sangat menarik buat di simak ..........

    BalasHapus
  4. Terimakasih banyak Gan atas bagi ngilmunya...
    Sangat bermanfaat bagi pemula seperti saya.
    Salam Sukses...

    BalasHapus
Silahkan Tinggalkan jejak sobat, bila mau menggunakan emotion silahkan klik emotionnya kemudian copy dengan ctrl+c dan paste kodenya didalam kotak komentar...

close
GUESTBOOK
Google PageRank Checker Powered by  MyPagerank.Net
backlink
Dashboard
| Copyright © 2012 |
| Belajar Komputer Melalui Internet |
| Desain by: Abdul Kohar | Powered by: Blogger |