Bagaimana cara edit template agar widget bisa terlihat di tampilan seluler blogspot. Jadi kalau diakses lewat browser ponsel widget tersebut...
Ya, melihat perkembangan pengakses internet mobile yang semakin banyak, saya rasa sudah sepantasnya tampilan mobile sebuah blog turut diperhatikan pula. Selain tampilan desktop yang merupakan tampang utamanya. Berbeda dengan tampilan di desktop yang cukup bebas menggunakan berbagai pernak-pernik penghias blog, tampilan mobile harus lebih sedehana Ringan diakses itu yang paling utama, Selain agar hemat paket data, juga agar loadingnya tak terlalu lama. Menurut saya tampilan blogspot mobile sudah memenuhi kriteria itu, ringan dan sederhana. Tetapi itu tak berarti minim fasilitas navigasi Nah, ini yang ingin sedikit saya jelaskan. Yaitu cara menampilkan widget di tampilan blogspot mobile agar tampilan mobile blog blogspot lebih hidup Nantinya akan ada sedikit setting yang sudah disediakan blogspot dan sedikit utak-atik kode. Kode??
Tenang, tidak akan sulit dan rumit Kalau sulit tentu saya juga tak bisa melakukannya Saya masih amatir soal begitu, coding dan moding daripada lama-lama lagi langsung saja.
Pertama Login dulu ke Dashboard blogspot, Sudah? Lanjut Lalu pilih menu Template, Terlebih dahulu kita akan mengaktifkan fitur custom mobile template blogspot, caranya Klik gambar atau icon gear di bagian bawah template seluler, lalu Pilih “Ya. Tampilkan template seluler di perangkat seluler.” atau ”Yes. Show mobile template on mobile device.”
Dropdown pilihan template seluler. Pilih Tersesuai atau Custom yang berada paling bawah, lalu klik Simpan, selamat! custom mobile blogspot sudah aktif kemudian Template seluler akan menyesuaikan dengan template desktop.
Berikutnya adalah mengatur widget yang akan tampil di template seluler atau tampilan mobile.
Secara default widget Pagelist, Profile, Atribut, Header, Blog post akan tampil di template seluler tanpa pengaturan lebih di template desktop. Lalu bagaimana dengan widget yang lain? Edit kode dulu. Syarat pertama dan utama widget tersebut harus sudah ada atau tambahkan dahulu melalui menu Tata Letak Kalau sudah ada kita lanjut ke tahap berikutnya, Kembali lagi ke menu Template.
Selanjutnya kita akan menambahkan Property mobile pada tag
< b :widget>
Cari kode < b :widget id Tips Gunakan Crtl+F agar mudah mencarinya Ketikkan kode diatas pada kotak pencarian. Kode ini ada banyak dan mungkin menyebar tergantung widget dan letaknya di template Saya contohkan kita akan mengatur widget Popular Posts agar tampil di template seluler. Maka carilah kode seperti di bawah atau setidaknya mirip dengan kode tersebut.
< b :widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts' / >
Aslinya seperti itu kodenya kemudian kita tambahkan sedikit kode Property mobile ini ada 3 nilai, yaitu Yes, No, dan Only
< b :widget id='PopularPosts1' locked='false' mobile='yes' title='Popular Posts' type='PopularPosts' / >
Pada kode yang dicetak tebal, jika sobat menginginkan widget tersebut terlihat di tampilan mobile dan tampilan desktop maka isi dengan 'yes' Jika ingin hanya tampil di template seluler saja isi dengan 'only', Dan 'no' jika ingin hanya menampilkan di template desktop dan menyembunyikannya di tampilan mobile,
Selesai, Simpan Template lalu cek hasilnya.
Mudah bukan? Yaiya lah. Kalau sulit saya pun juga tidak bisa, Selain menambahkan widget, template seluler blogspot juga bisa dipercantik lagi dengan menambahkan kode css yang sudah tidak asing lagi jika sobat adalah pengguna mywapblog :D, Cukup sekian tutorial menampilkan widget di tampilan mobile blogspot. Terima kasih sudah menyimak. Kalau ada pertanyaan jangan ragu-ragu tulis di kotak komentar. Atau hubungi saya di fb atau twitter..
Salam admin
andy2dsd
