Cara Menampilkan Dan Menyembunyikan Widget/Html Di Halaman Tertentu
Untuk menampilkan widget disuatu daerah Sebenarnya, ada beberapa cara yang dilakukan oleh blogger untuk melaksanakan hal tersebut. Maksudnya Menampilkan Widget Tertentu Di Halaman Tertentu semoga terlihat rapih dan tau mana posisi widget yang pantas untuk ditempatkan.
Dibawah ini ada 10 cara dengan fungsi berbeda dapat diambil sesuai kebutuhan widget kalian untuk meletakanya
Cara Menampilkan Widget Pada Halaman Tertentu
1. Menampilkan widget hanya di halaman depan saja (homepage)
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!--Widget/Html Anda --></b:if>
2. Menampilkan di semua halaman kecuali homepage.
Related
<b:if cond='data:blog.url != data:blog.homepageUrl'><!--Widget/Html Anda --></b:if>
3. Menampilkan widget hanya di halaman Archive saja.
<b:if cond='data:blog.pageType == "archive"'><!--Widget/Html Anda --></b:if>
4. Menampilkan widget di semua halaman kecuali halaman archive.
<b:if cond='data:blog.pageType != "archive"'><!--Widget/Html Anda --></b:if>
5. Menampilkan widget hanya di halaman posting.
<b:if cond='data:blog.pageType == "item"'><!--Widget/Html Anda --></b:if>
6. Menampilkan widget di semua halaman, kecuali halaman posting.
<b:if cond='data:blog.pageType != "item"'><!--Widget/Html Anda --></b:if>
7. Menampilkan widget hanya di postingan tertentu saja.
<b:if cond='data:blog.pageType == "alamat-postingan"'><!--Widget/Html Anda --></b:if>
8. Menampilkan widget selain di postingan tertentu.
<b:if cond='data:blog.pageType != "alamat-postingan"'><!--Widget/Html Anda --></b:if>
9. Menampilkan widget hanya di halaman staticpages.
<b:if cond='data:blog.pageType == "static_page"'><!--Widget/Html Anda --></b:if>
10. Menampilkan widget di semua halaman, kecuali halaman staticpages.
<b:if cond='data:blog.pageType != "static_page"'><!--Widget/Html Anda --></b:if>
Menampilkan Widget Di Halaman Tertentu
1. Tentunya anda harus buka akun blog anda sendiri.
2. Masuklah ke Elemen Template. Lalu klik Edit HTML
3. Carilah widget yang anda sembunyikan (sebelumnya anda sudah memasang widget di dalam blog anda).
4. Misalnya Widget Fan Facebook. Silahkan cari goresan pena "Fan Facebook" (gunakan Ctrl + F untuk mencari secara cepat)
5. Setelah ketemu, maka akan muncul arahan persis ibarat dibawah ini.
2. Masuklah ke Elemen Template. Lalu klik Edit HTML
3. Carilah widget yang anda sembunyikan (sebelumnya anda sudah memasang widget di dalam blog anda).
4. Misalnya Widget Fan Facebook. Silahkan cari goresan pena "Fan Facebook" (gunakan Ctrl + F untuk mencari secara cepat)
5. Setelah ketemu, maka akan muncul arahan persis ibarat dibawah ini.
<b:widget id='HTML4' locked='false' title='Fan Facebook' type='HTML'> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2></b:if> <div class='widget-content'> <data:content/> </div><b:include name='quickedit' /> </b:includable> </b:widget>
6. Selanjutnya tambahkan arahan
<b:if cond='data:blog.pageType == "item"'>
sebelum kode
<!-- only display title if it's non-empty -->
7. Setelah ditambahkan kemudian masukkan arahan </b:if> sebelum arahan
</b:includable>
</b:widget>
8. Maka kesannya akan persis ibarat di bawah ini.
</b:widget>
8. Maka kesannya akan persis ibarat di bawah ini.
<b:widget id='HTML4' locked='false' title='Fan Facebook' 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 != ""'> <h2 class='title'><data:title/></h2></b:if> <div class='widget-content'> <data:content/> </div><b:include name='quickedit' /></b:if> </b:includable> </b:widget>
9. Selesai. Simpan Template blog anda.
Catatan : Huruf yang berwarna biru yakni Kode yang ditambahkan. Ingat satuhal, penempatannya jangan salah yah. Harus pas. Kalao gak pas, maka eror. Untuk mengantisipasinya, sebaiknya sebelum memulai langkahlangkah di atas, Simpan Template Blog anda terlebih dahulu.
Semoga membantu dan bermanfaat Trimakasih telah mengunjungi merpatih.com
Sumber https://www.merpatih.com/