Cara Menyembunyikan Atau Menampilkan Widget Di Mobile Device
Seperti yang kita tahu sesuai dengan perkembangan zaman sekarang perangkat mobile sudah menjadi kebutuhan pokok setiap orang sebagai alat komunikasi yang menawarkan banyak manfaat bagi kita semua.
Masih bekerjasama dengan hal ini, sesudah Algoritma Google Mobile Friendly diperbarui pada tanggal 21 April 2015 lalu. Banyak webmaster menciptakan situs yang Mobile Friendly dan juga responsive semoga sanggup diakses lebih cepat dan nyaman melalui perangkat mobile. Tentunya hal ini merupakan langkah nyata dan sebagai pondasi awal dalam membangun sebuah website, untuk langkah selanjutnya tinggal bagaimana kita mengelola situs tersebut.
Oke, tips blogger kali ini saya akan menawarkan tips bagaimana cara menyembunyikan atau menampilkan sebuah widget di blog pada perangkat mobile. Trik ini memang sanggup sahabat lakukan dengan menambahkan tag CSS display:none pada widget tertentu yang ingin disembunyikan pada perangkat mobile dengan resolusi tertentu, namun ada yang lebih baik dan lebih mudah lagi yakni dengan cara yang akan saya berikan di bawah ini
Pertama, silakan buka template editor di blog sobat. Kemudian tentukan widget apa yang akan disembunyikan dari perangkat mobile, misalnya di sini saya akan menyembunyikan widget HTML1 di dalam template dengan penulisan tag kondisional ibarat ini
Dan kalau sahabat ingin menampilkan widget hanya di perangkat mobile saja sahabat sanggup mengganti nilai false pada instruksi di atas menjadi true
Selanjutnya simpan template dan lihat hasilnya.
Nah, bagaimana? Cukup gampang bukan. Sekian dari saya perihal Cara Menyembunyikan atau Menampilkan Widget di Mobile Device. Semoga bermanfaat bagi sahabat semua, terima kasih.
Masih bekerjasama dengan hal ini, sesudah Algoritma Google Mobile Friendly diperbarui pada tanggal 21 April 2015 lalu. Banyak webmaster menciptakan situs yang Mobile Friendly dan juga responsive semoga sanggup diakses lebih cepat dan nyaman melalui perangkat mobile. Tentunya hal ini merupakan langkah nyata dan sebagai pondasi awal dalam membangun sebuah website, untuk langkah selanjutnya tinggal bagaimana kita mengelola situs tersebut.
Oke, tips blogger kali ini saya akan menawarkan tips bagaimana cara menyembunyikan atau menampilkan sebuah widget di blog pada perangkat mobile. Trik ini memang sanggup sahabat lakukan dengan menambahkan tag CSS display:none pada widget tertentu yang ingin disembunyikan pada perangkat mobile dengan resolusi tertentu, namun ada yang lebih baik dan lebih mudah lagi yakni dengan cara yang akan saya berikan di bawah ini
Trik ini hanya berlaku pada perangkat smartphone saja dan tidak akan kuat terhadap perangkat tablet, iPad, dan lainnya.
Menyembunyikan Widget di Mobile Device
Pertama, silakan buka template editor di blog sobat. Kemudian tentukan widget apa yang akan disembunyikan dari perangkat mobile, misalnya di sini saya akan menyembunyikan widget HTML1 di dalam template dengan penulisan tag kondisional ibarat 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 Mobile Device
Dan kalau sahabat ingin menampilkan widget hanya di perangkat mobile saja sahabat sanggup mengganti nilai false pada instruksi di atas menjadi true
<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.
Nah, bagaimana? Cukup gampang bukan. Sekian dari saya perihal Cara Menyembunyikan atau Menampilkan Widget di Mobile Device. Semoga bermanfaat bagi sahabat semua, terima kasih.
0 Response to "Cara Menyembunyikan Atau Menampilkan Widget Di Mobile Device"
Post a Comment