Cara Menyembunyikan Dan Memunculkan Widget Di Mobile Device/Pengguna Mobile

Cara Menyembunyikan Dan Memunculkan Widget Di Mobile Device/Pengguna Mobile - Menyembunyikan widget/memunculkan widget di mobile device merupakan pilihan jika widget yang ada tidak support untuk ditampilkan di mobile device atau malah sebaliknya widget tidaksupport di desktop melainkan hanya support di mobile device. Hal ini bisa menggangu tampilan blog sobat sehingga tidak mobie friendly dan sebagainya,

Dengan perkembangan teknologi yang semakin canggih sekarang hp/smartphone sudah dilengkapi dengan internet dan browser yang canggih pula,sehingga bermunculan untuk membuat situs mobile friendly . Situs yang mobile friendly perlu template dan widget yang mobile friendly juga. Jadi kali ini saya akan membagikan tips cara menyembunyikan dan memunculkan widget di mobile device. Untuk perkembangan situs selanjutnya tergantung dari pengelolaan sobat terhadap situs tersebut.

Caranya nanti sangat mudah nanti sobat hanya perlu menambahkan kode di widget yang ingin disembunyikan atau dimunculkan. Namun ,cara ini hanya bisa dilakukan untuk device smartphone dan tidak bekerja diperangkat java,ipad,tablet,dll. Ok langsung saja berikut langkah-langkahnya,

Cara Menyembunyikan Widget Di Mobile Device

Langkah pertama silakan buka template editor,kemudian tentunya widget yang ingin disembunyikan di mobile device. Disini saya beri contoh untuk menyembunyikan widget HTML1 dengan penulisan tag kondisional seperti dibawah ini.

Kode HTML
<b:if cond='data:blog.isMobileRequest == "false"'> <b:widget id='HTML1' locked='false' title='' type='HTML' version='1' visible='true'> ----- </b:widget> </b:if>

Cara Menampilkan Widget Di Mobile Device
Untuk cara menampilkan wodget di mobile device caranya sama seperti cara menyembunyikan widget  diatas,anda hanya perlu menggnti nilai false menjadi true seperti dibawah ini.

Kode HTML
<b:if cond='data:blog.isMobileRequest == "true"'> <b:widget id='HTML1' locked='false' title='' type='HTML' version='1' visible='true'> ----- </b:widget> </b:if>

Jangan lupa untuk menyimpan template dan melihat hasilnya...

Itulah tutorial cara menampilkan atau menyembunyikan widget di mobile device/perangkat mobile. Semoga tutorial ini bermanfaat bagi sobat AS blogger,

Sumber : www.arlinadzgn.com