follow us

Cara agar widget muncul versi mobile atau HANYA versi mobile saja

Cara menampilkan widget agar hanya muncul atau di versi mobile saja atau juga muncul di versi desktop maupun mobile - Ketika saya merubah tampilan blog ini menjadi versi support AMP , saya bingung karena template blog versi AMP masih belum support domain TLD seperti www.singoalus.com , tidak support javascript dan lain-lain, padahal saya ingin menampilkan widget Related Post atau artikel terkait di versi mobile dengan tujuan agar pengunjung blog ini mendapat tawaran artikel lainnya dan tertarik membacanya.

Sangat mudah untuk membuat widget tampil di versi mobile atau ketika blog kita di buka pengunjung melalui smartphone.

Ada 2 cara atau mungkin lebih tetapi saya tidak tahu hehe, tapi yang saya tahu ada dua cara untuk membuat widget blog tampil di versi mobile atau smartphone.

Cara yang pertama kita cukup menambahkan suatu perintah kondisi pada HTML template kita yaitu dengan script:

<b:if cond="data:blog.isMobileRequest == &quot;true&quot;">

--disini script widget anda--

</b:if>

caranya , masuk Blogger >> pilih template > edit HTML > lalu cari widget anda > kemudian letakkan kode diatas untuk mengapit script widget anda,

Misalkan widget popular post di sidebar yang ingin kita tampilkan di versi mobile :

<b:widget id='PopularPosts3' locked='false' title='Entri Populer' type='PopularPosts'>

Kita tinggal tambahkan saja kode scriptnya menjadi seperti ini:

<b:if cond="data:blog.isMobileRequest == &quot;true&quot;"><b:widget id='PopularPosts3' locked='false' title='Entri Populer' type='PopularPosts'></b:if>

Lalu simpan tema/template dan lihat hasilnya pasti sudah tampil widgetnya di versi mobile kan , tapi tidak muncul di versi desktop.

cukup simpel kan cara yang pertama ini. Sekarang kita coba praktekkan cara menampilkan widget blog di versi mobile menggunakan langkah yang ke 2.

Dengan cara yang ke dua ini, bisa kita sesuaikan ingin tampil di Mobile SAJA , atau Mobile DAN desktop , maupun desktop SAJA. Begini caranya :

Masuk ke dashboard > tema/template > edit HTML . kemudian cari kode widget anda misalkan popularpost yang ingin ditampilkan di versi mobile yang biasanya scriptnya seperti ini

<b:widget id='PopularPosts3' locked='false' title='Entri Populer' type='PopularPosts'>


Nah, setelah ketemu kodenya, tambahkan atribut seperti ini mobile='yes' sehingga menjadi begini

<b:widget id='PopularPosts3' mobile='yes' locked='false' title='Entri Populer' type='PopularPosts'>

Kode di atas membuat widget yang kita inginkan tampil di mobile DAN desktop. untuk menampilkan  widget blog hanya di versi mobile SAJA , yang tadinya mobile='yes' menjadi mobile='only' dengan begitu widget hanya akan tampil jika dilihat dari mobile atau smartphone saja.

Lalu bagaimana jika kita ingin widget agar hanya tampil di versi desktop saja ? ya kita tinggal biarkan saja seperti semula , jangan di masukkan atribut mobile='yes' . mudah kan caranya, , hehe

Baca juga artikel ini agar blog sobat semakin Ocey :

1. Cara melindungi artikel blog dari copy paste oleh blogger pemalas.

2. Cara membuat artikel terkait di dalam postingan secara otomatis berdasarkan label dan sesuai dengan postingan yang sedang dibuka

image:lupareferensinyadarimanasemogayangpunyagambarikhlasdanselalusehathartanyahalalbarokahselamatduniaakhiratamin@google.com/referensi:sugeng.id/arlinadzgn.com/
Iklan dari google yang ditawarkan kepada anda:

Berita Terkait :