Pernahkah terpikir dalam benak anda untuk membuat blog anda menjadi dinamis, dinamis disini adalah menampilkan suatu widget hanya pada halaman-halaman tertentu, kali ini blog lorongilmu akan mengupas tuntas seluruh kode-kode dan penerapannya dalam blog tentang kode-kode dinamis ini.
1. Widget hanya tampil pada halaman utama blog
<b:if cond='data:blog.url == data:blog.homepageUrl'> ... </b:if>
Kode diatas dapat membuat widget blog anda hanya tampil pada halaman homepage
2. Widget hanya tampil pada kategori post dan single post
<b:if cond='data:blog.url != data:blog.homepageUrl'> ... </b:if>Kode diatas dapat membuat widget blog hanya tampil pada halaman ketegori dan single post
3. Widget hanya tampil pada halaman utama blog dan kategori post
<b:if cond='data:blog.pageType != "item"'> ... </b:if>Kode diatas dapat membuat widget blog hanya tampil pada halaman utama blog dan kategori post
4. Widget hanya tampil pada halaman single post
<b:if cond='data:blog.pageType == "item"'> ... </b:if>Kode diatas dapat membuat widget blog hanya tampil pada halaman single post
5. Widget hanya tampil pada pada postingan tertentu saja
<b:if cond='data:blog.url == "URL_POST_TERTENTU"'> ... </b:if>
Kode diatas dapat membuat widget blog hanya tampil pada halaman postingan yang sudah anda tentukan
6. Menyembunyikan widget post pada postingan tertentu saja
<b:if cond='data:blog.url != "URL_POST_TERTENTU"'> ... </b:if>Kode diatas dapat membuat widget blog hanya hilang pada halaman postingan yang sudah anda tentukan
Lalu untuk cara pemasangannya seperti dibawah ini :
1. Login ke Blogger.
2. Pada Dashboard klik Layout >> Edit HTML >> Contreng 'Expand widget templates'.
3. Carilah kode seperti dibawah ini
<b:widget id=lengkapnya seperti ini:
<b:widget id='Label1' locked='false' title='Title' type='Label'>kopi kode ini
<b:if cond='data:blog.url == data:blog.homepageUrl'>dan letakkan di bawah
<b:includable id='main'>:lalu cari kode ini
scroll kebawah sedikit, ada kode kopi lagi kode ini
</b:if>letakkan setelah
<b:include name='quickedit'/>atau sebelum kode ini
</b:widget>Jika sudah maka save.
Kode dan tutorial ini saya tulis ulang dari blog o-om.com

Tidak ada komentar:
Posting Komentar