Cara tampilkan widget di blog versi mobile

Dengan memanfaatkan kemudahan yang telah di berikan oleh blogger mengenai template blog dengan versi mobile tentu hal ini merupakan sebuah keuntungan bagi para pemilik blog.
Mengingat banyaknya arus pengunjung sebuah situs datang dari para pengguna internet yang menggunakan perangkat seluler.

Dengan memanfaatkan fitur mobile view,situs akan lebih mudah di akses dengan tampilan yang telah di sesuaikan dengan perangkat seluler tersebut.
Ada beberapa langkah yang harus dilakukan agar tampilan situs yang anda miliki dapat menyesuaikan dengan tampilan pada versi mobile.

Karena tampilan situs versi mobile di desain dengan bentuk yang sederhana maka widget yang sudah anda pasang tidak akan ditampilkan pada versi tersebut. Adapun untuk menampilkannya anda harus melakukan beberapa langkah di bawah ini.

Cara aktifkan situs versi mobile (seluler).

Masuk ke akun blogger.
Pilih menu tema atau template.
Widget,gadget,mobile
Klik tanda panah disamping tulisan sesuaikan kemudian klik setelan seluler.
Widget,gadget,mobile,seluler
Klik lingkaran kecil disamping tulisan seluler kemudian klik tanda panah untuk memilih template kustom lalu klik simpan.
Sampai tahap ini situs versi mobile telah diaktifkan,langkah selanjutnya adalah untuk menampilkan widget pada tampilan situs versi mobile.
  1. pada menu tema atau template silahkan klik edit html.
  2. cari kode <b:widget>
  3. tambahkan tag 'mobile' pada bagian kode tersebut.
  4. Gunakan 'yes' (mobile=’yes') untuk menampilkan widget pada perangkat seluler dan desktop.
  5. Gunakan 'no' (mobile='no') untuk menampilkan widget hanya pada perangkat desktop.
  6. Gunakan 'only' (mobile='only') untuk menampilkan widget hanya pada perangkat seluler.
    Cara penempatannya adalah sebagai berikut :
    • Bentuk kode awal.
    < b :widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts' / >
    • Tambahkan tag 'mobile=yes,no atau only'.
    < b :widget id='PopularPosts1' locked='false' mobile='yes' title='Popular Posts' type='PopularPosts' / >
    Contoh yang saya gunakan adalah <b:widget id='popularPosts1'
    Sementara pada halaman edit html bentuk kode biasanya berpariasi,jadi hati-hati ketika mengedit kode widget tersebut dan pilih widget yang akan di tampilkan sesuai dengan kebutuhan
    Widget blog
    Gunakan menu lompat ke widget untuk memudahkan anda dalam menambahkan tag mobile pada widget yang ingin anda tampilkan pada tampilan situs versi mobile.
    Demikian penjelasan singkat mengenai cara tampilkan widget di blog versi mobile.
    Semoga artikel ini bermanfaat untuk semuanya dan terimakasih atas kunjungannya.

    Tidak ada komentar:

    Posting Komentar