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:
- Login ke Blogger sebagaimana biasa
- Di halaman Dasbor, pilih Tata Letak.
- Kemudian pilih Edit HTML.
- Jangan lupa Backup Template anda agar mudah mengembalikan jika terjadi kesalahan.
- Centang pada “expand template widget”.
- Cari widget yang mau sobat ganti. Contoh di blog ini: 'Loading blog ini menurut Sobat?'.
- 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'>Lihat kode <b:includable id='main'> yang berwarna merah, selanjutnya sobat tambahkan kode dibawah ini setelahnya/ dibawahnya:
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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='"poll-widget" + data:pollid' expr:src='data:iframeurl' frameborder='1' style='border:1px solid #ccc; width:99.5%;'/>
</div>
</b:includable>
</b:widget>
<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 != ""'>
<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='"poll-widget" + 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 == "item"'>
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 == "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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='"poll-widget" + 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 == "static_page"'>----------
----------
</b:if>
Mengondisikan Widget Hanya Tampil pada halaman archive :
<b:if cond='data:blog.pageType == "archive"'>----------
----------
</b:if>
Mengondisikan Widget Hanya Tampil pada halaman postingan tertentu :
<b:if cond='data:blog.pageType == "URL postingan"'>----------
----------
</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.
Sumber : http://azzam10.blogspot.com/2012/07/menampilkan-widget-pada-halaman-tertentu.html
{ 0 comments... Views All / Send Comment! }
Post a Comment