10/05/2018

Cara Membuat Widget Tampil Di Mobile Pada Blogger

Ponsel website ramah sangat diperhatikan karena Google sendiri melihat SEO Mobile di blog masing-masing. Dalam blogger perangkat tampilan mobile, widget ini tidak ditampilkan dan hanya ditampilkan halaman. Jika anda ingin menampilkan atau menyembunyikan gadget tertentu "misalnya, kotak pencarian" pada versi mobile di blogspot caraya sangat mudah.
Widget Mobile Friendly
Atribute yang biasa diterapkan pada versi mobile adalah sebagai berikut :
  • mobile='yes'  Atribut ini di gunakan untuk menapilkan widget pada versi selular.
  • mobile='no'  Atribut ini di tambahkan apabila kita tidak akan menampilkan widget pada tampilan versi mobile atau selular.
  • mobile='only' Atribut ini di pakai hanya untuk menampilkan di selular saja.alnya, kotak pencarian) pada versi mobile di blogspot Caraya sangat mudah.

Cara Menampilkan Widget ke Tampilan Mobile :
  1. Tambahkan mobile='only' Tampil pada mobile view dan tidak tampil pada dekstop.
 <b:widget id='HTML1' locked='false' mobile='only' title='ARTIKEL TERBARU' type='HTML'>
  1. Tambahkan mobile='yes' Tampil pada mobile view dan tampil pada dekstop.
 <b:widget id='HTML1' locked='false' mobile='yes' title='ARTIKEL TERBARU' type='HTML'>

Cara Menyembunyikan Widget ke Tampilan Mobile :
  1. Menambahkan mobile='no' :
 <b:widget id='HTML1' locked='false' mobile='no' title='ARTIKEL TERBARU' type='HTML'>
  1. Menggunakan kode kondisi :
 <b:if cond='data:blog.isMobile == &quot;false&quot;'>
//Widget yang disembunyikan
</b:if>
Catatan: Setiap Widget pada template blog mempunyai nama atau id yang berbeda satu sama yang lainya sebagai contoh id widget di template blog saya seperti ini  widget id='PopularPosts1'  jadi silahkan sobat lihat sendiri id widget yang di pakai pada template sobat.

No comments:

Post a Comment