Saturday, September 23, 2017

Cara Menampilkan Widget di Template Seluler Blogspot - Menampilkan Widget di Tampilan Mobile

Blogging merupakan salah satu aktifitas yang banyak dilakukan saat ini, selain untuk tujuan memberikan informasi, blogging kini juga menjadi sarana penghasil uang. Salah satu hal yang tidak terlepas dari blogging adalah Template Blog, yang berguna untuk mengatur tampilan dari blogspot.

Selain itu untuk mempernarik tampilan blog biasanya sobat sering sekali menambah widget, namun terkadang widget yang ditamabahkan tidak muncul di versi mobile, padahal kita menginginkannya agar ada di tampilan versi mobile.
Cara Menampilkan Widget di Template Seluler Blogspot
  
   Nah, untuk menampilkannya di versi mobile sobat hanya perlu menambahkan tag tertentu di atribut widget. Selain itu diversi mobile yang tampil default, yaitu :
-Header
-Blog
-Profil
-Page List
-Adsense
-Atribut
untuk menambilkan widget tersebut pada versi mobile sobat hanya perlu menambahkan tag "mobile"
diatas kode tag mobile sendiri ada tiga.
> mobile='yes'
> mobile='no'
> mobile='only'
contoh penerapannya bisa sobat cek di bawah ini. Misalnya saya akan menampilkan widget popular post versi mobile. Sedangkan id popular post di template saya.
<b:widget id='PopularPosts1' locked='false'  title='Popular Posts' type='PopularPosts'>
  
Widget popular post tersebut akan saya tampilkan di versi mobile dan dekstop maka kodenya akan menjadi.
<b:widget id='PopularPosts1' mobile='yes' locked='false'  title='Popular Posts' type='PopularPosts'>....<b:widget/>
 
Selanjutnya widget popular postnya akan saya sembunyikan, maka kodenya akan menjadi.
 
<b:widget id='PopularPosts1' mobile='no' locked='false'  title='Popular Posts' type='PopularPosts'>....<b:widget/>

  Sedangkan jika saya hanya ini menampilkan diversi mobile saja, maka kodenya akan menjadi.
<b:widget id='PopularPosts1' mobile='only' locked='false'  title='Popular Posts' type='PopularPosts'>....<b:widget/>

   Id dari widget di berbagai template biasanya berbeda tiap template, sobat perlu jeli mencari id widget tersebut. Jika sobat masih bingung mencari id widgetnya sobat bisa menggunakan "Loncat ke Widget", pilih yang akan ditampilkan, maka secara otomatis sobat diarahkan ke id widgetnya, tinggal sobat cek saja disana id widgetnya dan menambahkan tag diatas, dan jangan lupa tentunya disave dulu, sebelum tutu editing templatenya. Mungkin begitu saja yang bisa saya posting kali ini, jika sobat masih bingung sobat bisa bertanya dengan post komentar dibawah.

Bagikan

Artikel Sering Dibaca

Cara Menampilkan Widget di Template Seluler Blogspot - Menampilkan Widget di Tampilan Mobile
4/ 5
Oleh

Subscribe Via Email

Suka Dengan Artikel Z@MAN.HP Management? Tambahkan Email Anda Untuk Berlangganan.