Monday, February 6, 2017

Cara Menampilkan dan Menyembunyikan Widget Tertentu Pada Halaman Tertentu Di Blog

Banyak hal yang bisa dilakukan untuk membuat blog tampak lebih bagus dan bisa memikat mata pengunjung, dan dengan menambahkan beberapa widget untuk melengkapi tampilan blog.

Tetapi kerdang tampilan tampak aneh dan berlebihan karena widget yang tertalu memeuhi halaman. Bagaimana supaya ada widget yang bisa tidak terlihat atau disembungikan dan ditampilkan pada halaman tertentu? Apakah bisa? Yuk bahas
Septino Wibowo
Hal ini mungkin banyak ditanyakan banyak blogger yang belum mengetahui caranya dan bingung untuk mengatur tampilannya supaya menarik dan bisa menampilkan widget tanpa menghapus widget lainnya.

Banyak yang berpikir bahwa menampilkan dan menyembunyikan widget hanya bisa dilakukan pada platform wordpress saja karena sudah otomatis dari templatenya, tapi nyatanya tidak demikian. Platfrom Blogger juga bisa membuat hal seperti itu tapi secara manual dengan mengedit HTML. mau tahu caranya? mari simak tutorial dibawah ini :

  • Buka Blogger>Tata Letak
  • Pasang Widget yang ingin ditampilkan atau dimunculkan pada halaman tertentu, dan jangan lupa beri nama pada widget dan ingatlah nama widgetnya
  • Jika sudah, masuk ke menu Template>Edit HTML
  • cari nama widget yang tadi dibuat yang ingin ditampilkan atau disembunyikan pada halaman tertentu dengan cara praktis ctrl+f
  • Jika sudah ketemu selanjutnya klik "..." seperti gambar dibawah ini

  • Setelah itu, pasang kode dibawah ini pada dua bagian seperti gambar dibawah ini
Keterangan: Kode yang ditunjuk dengan panah merah adalah kode dibawah ini, letakkan kode dibawah kode <b:includable id='main'> dan dibawah kode <b:include name='quickedit'/> atau diatas kode </b:includable>
  • Menampilkan widget hanya di halaman depan saja (Homepage)
 <b:if cond='data:blog.url == data:blog.homepageUrl'>
......................................................
</b:if> 
  • Menampilkan di semua halaman kecuali Homepage.
 <b:if cond='data:blog.url != data:blog.homepageUrl'>
......................................................
</b:if> 
  • Menampilkan widget hanya di halaman Archive saja.
 <b:if cond='data:blog.pageType == &quot;archive&quot;'>
......................................................
</b:if> 
  • Menampilkan widget di semua halaman kecuali halaman archive
 <b:if cond='data:blog.pageType != &quot;archive&quot;'>
......................................................
</b:if> 
  • Menampilkan widget hanya di halaman posting.
 <b:if cond='data:blog.pageType == &quot;item&quot;'>
......................................................
</b:if> 
  • Menampilkan widget di semua halaman, kecuali halaman posting.
 <b:if cond='data:blog.pageType != &quot;item&quot;'>
......................................................
</b:if> 
  • Menampilkan widget hanya di postingan tertentu saja.
 <b:if cond='data:blog.pageType == &quot;alamat-postingan&quot;'>
......................................................
</b:if> 
  • Menampilkan widget selain di postingan tertentu.
 <b:if cond='data:blog.pageType != &quot;alamat-postingan&quot;'>
......................................................
</b:if> 
  • Menampilkan widget hanya di halaman staticpages
 <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
......................................................
</b:if> 
  • Menampilkan widget di semua halaman, kecuali halaman staticpages
 <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
......................................................
</b:if> 
  • Jika sudah lalu simpan template dan lihat hasilnya.
Demikianlah sedikit tips dan tutorial Cara Menampilkan dan Menyembunyikan Widget Tertentu Pada Halaman Tertentu Di Blog. Semoga artikel yang saya sampaikan dapat bermanfaat bagi kamu yang membutuhkan. Desain blog itu mudah jika kita mengerti dasar pengetahuan HTML dan bagian serta kodenya, walaupun belum terlalu paham betul tapi insya allah jika istiqomah mau mempelajarinya pasti bisa.
Salam Blogger Indonesia, Septino Wibowo