Blogging, Tips dan Trik Komputer, Networking, Hacking

Cara Menampilkan Widget di Template Blog Versi Seluler

Selamat malam sobat blogger, pada postingan kali ini saya akan menjelaskan cara menampilkan widget di template blog versi seluler. Untuk sobat yang menggunakan evotemplate dan memiliki fitur costum mobile/seluler template mungkin bertanya-tanya, “Kenapa ya widget saya tidak tampil di versi mobile?” nih saya kasih sedikit penjelasan buat sobat, kenapa widget yang sobat pasang tidak tampil di versi mobile/seluler karena pada keadaan default, widget yang di tampilkan di versi mobile adalah sebagai berikut.

Widget versi mobile.

  • Header.
  • Blog.
  • Profil.
  • Page List.
  • Adsense.
  • Atribusi.
Bila sobat memasang widget-widget selain widget di atas, maka widget tidak akan tampil di versi mobile. Namun sobat tidak perlu khawatir karena semua itu pasti ada solusinya. Jika sobat ingin menampilkan widget lain di versi mobile, maka sobat cukup menambahkan attribute baru pada <b:widget/>. Saya beri contoh, saya mau menampilkan widget populer post di versi seluler, maka caranya adalah masuk ke Dashboard ==> Template ==> Edit HTML. Setelah itu silahkan sobat cari kode widget di dalam template, tekan Cltr+F untuk memudahkan pencarian lalu ketikkan kode di bawah ini.

<b:widget id=’PopularPosts1’locked=’false’ title=’Popular Posts’ type=’PopularPosts’>

Sekaang yang perlu kita lakukan adalah menambahkan attribute baru pada tag widget tersebut, yaitu mobile. Sedangkan attribute mobile ini sendiri memiliki tiga nilai yaitu Yes, No, Only. Beginilah cara penambahan attribute mobile.

Cara Menampilkan Widget di Template Blog Versi Seluler

<b:widget id='PopularPosts1' mobile='yes' locked='false' title='Popular Posts' type='PopularPosts'> 

Kode di atas adalah  untuk menampilkan widget popular post versi mobile dan juga tampil di tampilan versi desktop. 

Cara Menampilkan Widget di Template Blog Versi Seluler


<b:widget id='PopularPosts1' mobile='only' locked='false' title='Popular Posts' type='PopularPosts'> 

Kode di atas adalah  untuk menampilkan widget popular post versi mobile tapi tidak tampil di versi desktop. 

Cara Menampilkan Widget di Template Blog Versi Seluler


<b:widget id='PopularPosts1' mobile='no' locked='false' title='Populer Posts' type='PopularPosts'>

Sedangakan kode di atas adalah untuk menyembunyikan widget di versi mobile. 

Yang perlu diketahui adalah setiap widget memiliki id yang berbeda-beda, jadi sobat harus teliti dalam mecari kode tag widgetnya. Silahkan sobat pilih ingin menggunakan yang mana dari attribute baru yang ada di atas. Jangan lupa bagikan artikel ini kepada orang lain ya sob, jika ingin di jadikan referensi jangan lupa untuk melampirkan sumbernya. Sekian tutorial yang dapat saya berikan tentang cara menampilkan widget di template blog versi seluler, semoga bermanfaat.
Labels: BLOGGING, HOME

Thanks for reading Cara Menampilkan Widget di Template Blog Versi Seluler. Please share...!

0 Comment for "Cara Menampilkan Widget di Template Blog Versi Seluler"

Back To Top