Cara Menampilkan Widget Dihalaman Tertentu Dengan Tag Conditional

Cara Menampilkan Widget Dihalaman Tertentu Dengan Tag Conditional - Ficri Pebriyana
Cara Menampilkan Widget Dihalaman Tertentu - Widget pada suatu blog dapat kita atur sendiri misalnya dengan mengatur widget pada bagian beranda atau halaman awal atau homepage dan juga mengatur widget pada bagian halaman posting, keduanya tentu saja berbeda dan memiliki masing-masing kode script untuk mengatur tampilannya. Pada kesempatan kali ini Ficri Pebriyana akan menjelaskan bagaimana mengatur widget agar muncul di bagian homepage tetapi tidak muncul pada bagian halaman posting atau sebaliknya, tidak muncul pada bagian homepage tetapi muncul ketika berada pada halaman posting.

Ada beberapa cara yang dapat dilakukan oleh para Blogger khususnya dalam pembuatan Template Blog, dengan beberapa kode ini mungkin akan bisa membuat blog menjadi lebih minimalis yang artinya tampilan blog tidak berantakan dan terlalu banyak widget pada setiap halaman termasuk halaman homepage dan juga halaman posting.

Widget suatu blog terkadang memang penting, namun jika terlalu banyak widget blog akan terlalu berat dan itu tidak baik. Dengan cara menampilkan widget tertentu dahalaman tertentu atau widget dapat kita atur secara manual letaknya dihamalan posting atau dihalaman homepage, ini bisa kita atur masing-masing secara manual, caranya silahkan baca dibawah ini :

Cara Menampilkan Widget Dihalaman Tertentu 1 - Ficri Pebriyana

1. Masuk ke Blogger.com
2. Klik Template => Edit HTML
3. Cari widget yang akan diganti letaknya

Contoh : (Lihat Gambar Diatas)
Saya mengganti letak widget 
Awal bisa tampil dihalaman homepage dan dihalaman posting, lalu saya akan ganti hanya tampil dihalaman posting saja, dan dihalaman homepage akan hilang.

4. Setelah ketemu kode widget Google Plus+, tambahkan kode dibawah ini
<b:if cond='data:blog.pageType == &quot;item&quot;'>

Kode Widget

</b:if>
Hasilnya seperti ini :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:section class='sidebar' id='kotak-sidebar-bawah' preferred='yes'><b:widget id='HTML1' locked='false' title='Google Plus+' type='HTML'><b:includable id='main'><b:if cond='data:title != &quot;&quot;'><h3 class='title'><data:title/></h3></b:if><div class='widget-content'><data:content/></div>
</b:includable>
</b:widget>
</b:section>
</b:if>
Diatas adalah salah satu contoh cara penggunaan kode b:if untuk menampilkan widget hanya pada halaman posting saja. Berikut adalah kode-kode untuk menempatkan suatu widget atau kode html lainnya agar tampil ditempat tertentu khususnya pada halaman homepage dan halaman posting.

1. Menampilkan widget hanya dihalaman homepage.
<b:if cond='data:blog.url == data:blog.homepageUrl'>Kode Widget</b:if>
2. Menampilkan di semua halaman kecuali homepage.
<b:if cond='data:blog.url != data:blog.homepageUrl'>Kode Widget</b:if>
3. Menampilkan widget hanya dihalaman posting.
<b:if cond='data:blog.pageType == &quot;item&quot;'>Kode Widget</b:if>
4. Menampilkan widget di semua halaman, kecuali dihalaman posting.
<b:if cond='data:blog.pageType != &quot;item&quot;'>Kode Widget</b:if> 
5. Menampilkan widget hanya dipostingan tertentu.
<b:if cond='data:blog.pageType == &quot;alamat-postingan&quot;'>Kode Widget</b:if>
6. Menampilkan widget selain dipostingan tertentu.
<b:if cond='data:blog.pageType != &quot;alamat-postingan&quot;'>Kode Widget</b:if>
7. Menampilkan widget hanya dihalaman static pages.
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>Kode Widget</b:if>
8. Menampilkan widget disemua halaman, kecuali dihalaman static pages.
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>Kode Widget</b:if> 
9. Menampilkan widget hanya dihalaman archive saja.
<b:if cond='data:blog.pageType == &quot;archive&quot;'>Kode Widget</b:if>
10. Menampilkan widget disemua halaman, kecuali dihalaman archive.
<b:if cond='data:blog.pageType != &quot;archive&quot;'>Kode Widget</b:if>
Kode-kode diatas bisa digunakan selain untuk widget saja, misalnya untuk menampilkan Meta Tag saat dihalaman homepage dan juga menghilangkan Meta Tag saat dihalaman posting.

Sekian artikel mengenai Cara Menampilkan Widget Dihalaman Tertentu Dengan Tag Conditional. Kurang lebihnya mohon maaf.
Semoga Bermanfaat...

7 Komentar untuk "Cara Menampilkan Widget Dihalaman Tertentu Dengan Tag Conditional"

  1. Mantap mas bisa buat bahan utnuk blog magazine

    BalasHapus
  2. dari dulu penasaran ternyata ketemu disni

    BalasHapus
  3. ini disebut Tag Kondisional mas :)

    BalasHapus
  4. sangat inspiratif. saya pemula pada blogspot, terima kasih atas penjelasannya

    BalasHapus

Jika Ingin Memasukan Kode Script (CSS, HTML, JavaScript) Silahkan Gunakan Kode Dibawah ini :

1. Untuk Menyisipkan Kode Panjang Gunakan <i rel="pre">Kode Disini</i>
2. Untuk Menyisipkan Kode Pendek Gunakan <i rel="code">Kode Disini</i>
3. Untuk Menyisipkan Quote Gunakan <b rel="quote">Catatan Anda</b>
4. Untuk Menyisipkan Gambar Gunakan <i rel="image">URL Gambar</i>
5. Untuk Menyisipkan Video Gunakan <i rel="youtube">URL Video Youtube</i>

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

Fast Hosting