Mengatur Widget Agar Tampil Di Halaman Tertentu Blogger

Mengatur Widget Agar Tampil Di Halaman Tertentu Blogger | Halo sobat, pada kesempatan kali ini saya akan membagikan tutorial lagi untuk blogger yang saya rasa tutorial ini cukup membantu juga dalam tampilan blog kita. Pastinya kalian sering menemukan ada tampilan widget dari blog yang tampilan hanya di homepage saja, dan tidak tampil pada bagian posting blog ataupun sebaliknya. Hal tersebut memang mungkin saja kita lakukan karena butuh kreatifitas saja dengan mengembangkan beberapa script yang akan kita bahas pada tutorial ini.

Contohnya biasanya ada blog yang menampilkan like box dari fanspage facebook ditampilkan dihalaman homepage saja dan tidak ditampilkan dihalaman lain bisa dibagian post ataupun di laman. Sobat hanya cukup menambahkan script berikut di blog sobat. Tetapi script tersebut juga pernah saya terapkan untuk membuat tampilan blog pada bagian laman yang awalnya 2 kolom, saya ubah menjadi 1 kolom khusus dibagian laman, tidak untuk homepage dan posting. Sobat cukup pilih yang sobat butuhkan pada beberapa script berikut ini.

Berikut script untuk menampilkan widget pada halaman tertentu:

1. Menampilkan widget hanya di halaman depan saja (homepage).
   
   <b:if cond='data:blog.url == data:blog.homepageUrl'>
   ......................................................
   </b:if>
2. Menampilkan di semua halaman kecuali homepage.
   
   <b:if cond='data:blog.url != data:blog.homepageUrl'>
   ......................................................
   </b:if>
3. Menampilkan widget hanya di halaman Archive saja.
   
   <b:if cond='data:blog.pageType == &quot;archive&quot;'>
   ......................................................
   </b:if>
4. Menampilkan widget di semua halaman kecuali halaman archive.
   
   <b:if cond='data:blog.pageType != &quot;archive&quot;'>
   ......................................................
   </b:if>
5. Menampilkan widget hanya di halaman posting.
   
   <b:if cond='data:blog.pageType == &quot;item&quot;'>
   ......................................................
   </b:if>
6. Menampilkan widget di semua halaman, kecuali halaman posting.
   
   <b:if cond='data:blog.pageType != &quot;item&quot;'>
   ......................................................
   </b:if>
7. Menampilkan widget hanya di postingan tertentu saja.
   
   <b:if cond='data:blog.pageType == &quot;alamat-postingan&quot;'>
   ......................................................
   </b:if>
8. Menampilkan widget selain di postingan tertentu.
   
   <b:if cond='data:blog.pageType != &quot;alamat-postingan&quot;'>
   ......................................................
   </b:if>
9. Menampilkan widget hanya di halaman staticpages.
   
   <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
   ......................................................
   </b:if>
10. Menampilkan widget di semua halaman, kecuali halaman staticpages.
    
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    ......................................................
    </b:if>

Penerapan dari script diatas:

Contoh ini saya terapkan untuk widget apa saja yang ada pada blog sobat.

1. Buka dashboard blogger
2. Pilih Edit HTML.
3. Cari Widget yang akan kita tambahkan script diatas dengan cara menekan CTRL + F atau Jump To Widget. Untuk contoh ini, saya menggunakan tutorial nomor 1 diatas yaitu menampilkan widget hanya pada homepage saja.
4. Setelah ketemu widget tersebut, silahkan cari kode <b:includable id='main'> seperti pada gambar berikut ini.
   
   
   
5. Tambahkan scriptnya seperti pada gambar diatas.
6. Simpan dan silahkan kalian coba dengan membuka homepage dan artikelnya. Pastikan perbedaan dari widgetnya.
7. Selesai.

Saya rasa penerapannya mudah sekali sob, jika sobat sudah terbiasa menggunakan script diatas pastinya akan lebih mudah lagi dalam menerapkannya. Silahkan sobat berkreatifitas sesuai dengan keinginan sobat sehingga tampilan blog tersebut tampak menjadi lebih keren lagi. Oke sob, sekian dulu tutorial ini dari saya, semoga apa yang kita bahas ini bisa bermanfaat untuk kita semua. Silahkan masukkan pertanyaan kalian di kolom komentar jika ada suatu hal yang kurang jelas dari tutorial diatas. Dan jangan lupa lagi sob untuk terus mengunjungi blog ini agar mendapatkan informasi terbaru yang akan terus diupdate dalam blog ini.

Bagikan Artikel ini