Cara Menyembunyikan atau Menampilkan Widget di Perangkat Mobile
Posting ini menjelaskan cara menyembunyikan atau menampilkan widget di perangkat Mobile untuk blogspot tanpa menggunakan 'Display: none'Seperti kita ketahui sesuai dengan perkembangan perangkat mobile saat ini telah menjadi kebutuhan dasar setiap orang sebagai alat komunikasi yang memberi banyak manfaat bagi kita semua.
Masih berhubungan dengan ini, setelah Algoritma Google Mobile Friendly diperbarui pada waktu lalu. Banyak webmaster membuat situs Mobile Friendly dan responsif untuk akses yang lebih cepat dan lebih mudah melalui perangkat seluler. Tentunya, ini adalah langkah positif dan sebagai fondasi awal untuk membangun sebuah website, untuk langkah selanjutnya tinggal bagaimana kita mengelola situs.
Oke, tips blogger kali ini saya akan memberikan tips cara menyembunyikan atau menampilkan widget di blog di perangkat mobile. Trik ini memang bisa dilakukan dengan menambahkan tampilan CSS display: none tag pada widget tertentu yang ingin disembunyikan di perangkat mobile dengan resolusi tertentu, namun ada yang lebih baik dan lebih praktis yaitu cara yang akan saya berikan di bawah ini.
Notice : Trik ini berlaku hanya untuk perangkat smartphone saja dan tidak akan mempengaruhi tablet, iPad, dan perangkat lainnya.Menyembunyikan Widget di Perangkat Mobile
Pertama, buka editor template di blog anda. Kemudian tentukan widget apa yang akan disembunyikan dari perangkat mobile, misalnya di sini saya akan menyembunyikan widget HTML1 di dalam template dengan menuliskan tag kondisional seperti ini.
<B: if cond = 'data: blog.isMobileRequest == "false"'>
<B: widget id = 'HTML1' locked = 'false' title = '' type = 'HTML' version = '1' visible = 'true'>
-----
</ B: widget>
</ B: if>
Menampilkan Widget di Perangkat Mobile
Dan jika Anda ingin hanya menampilkan widget pada perangkat mobile saja Anda bisa mengubah nilai false pada kode di atas menjadi kenyataan
<B: if cond = 'data: blog.isMobileRequest == "true"'>
<B: widget id = 'HTML1' locked = 'false' title = '' type = 'HTML' version = '1' visible = 'true'>
-----
</ B: widget>
</ B: if>
Selanjutnya, simpan template dan lihat hasilnya.
Bagaimana Cukup mudah bukan. Begitu Saja Tutorial dari saya tentang Cara Menyembunyikan atau Menampilkan Widget di Perangkat Mobile. Semoga bermanfaat bagi semua teman-teman blogger, terima kasih.
Komentar
Posting Komentar