Cara Menampilkan Widget Entri Populer pada Template (Tema) Buatan Mas Sugeng

Bertemu kembali sobat... Hari ini saya akan berbagi tutorial tentang seputar dunia blogging yaitu cara menampilkan / memunculkan widget entri populer pada template (tema) Mas Sugeng Blogger Template di versi mobile. Kebetulan juga template ini template blogger yang saya pakai saat ini.

Siapa sih yang tidak  kenal mas sugeng???  Ya, mas sugeng adalah seorang desainer / pakar blogger yang cukup terkenal dengan karya-karyanya berupa  karya tulisan maupun karya template blogger. Seperti yang telah kita tahu, alamat blog yang beliau miliki adalah www.sugeng.id

Salah satu template blogger paling keren buatan mas sugeng adalah mas sugeng blogger template. Selain responsive dan SEO friendly, template ini juga di berikan mas sugeng ke khalayak ramai secara GRATIS alias tidak membayar.

Walaupun begitu, masalah yang kita hadapi sebagai blogger pemula adalah kebingungan karena widget entri populer-nya tidak muncul, padahal kita sebelumnya telah mengatur atau telah memasangnya dengan benar. Tetapi kok tidak muncul di versi mobile??? ''Nah, Mungkin anda bertanya-tanya seperti itu.

Baiklah, Untuk mengatur agar widget entri popular yang anda pasang bisa tampil di versi mobile atau pada tampilan versi handphone. Maka anda perlu menambahkan sebuah attribute baru pada tag <b:widget/>.

Langkah-langkahnya adalah sebagai berikut:

1. Silahkan masuk dulu ke website blogger.

2. Pilih menu template.

3. Selanjutnya pilih Edit HTML.
Setelah itu cari nama entri populer anda, dengan cara klik Ctrl+F. Lalu tulis kata kunci entri populer anda di kolom template (biasanya secara default Entri populer). Sebagai contoh nama entri populer yang saya pakai adalah ''Paling Banyak dikunjungi''. Maka saya klik Ctrl+F lalu klik kata kunci dikolom template dengan kata ''Paling Banyak Dikunjungi''. Nah lalu muncul tampilan seperti di bawah ini

<b:section class='sidebar' id='kotak-sidebar' preferred='yes'>
<b:widget id='PopularPosts1' locked='false' title='Paling Banyak Dikunjungi' type='PopularPosts' version='1' visible='true'>
Keterangan: Sebelum menambah attribute

<b:section class='sidebar' id='kotak-sidebar' preferred='yes'>
  <b:widget id='PopularPosts1' mobile='yes' locked='false' title='Paling Banyak Dikunjungi' type='PopularPosts' version='1' visible='true'>
Keterangan: Sesudah menambah attribute

Nah, yang kita lakukan hanya menambah atribute mobile='yes' di antara kata 'Popularpost1' dan locked='false'.

4. Kemudian, untuk menyimpan pengaturan klik saja simpan template. Selesai.


Selain menambah atribut mobile='yes' kita juga bisa mengubah dengan kebutuhan lainnya seperti di bawah ini:

<b:section class='sidebar' id='kotak-sidebar' preferred='yes'>
  <b:widget id='PopularPosts1' mobile='only' locked='false' title='Paling Banyak Dikunjungi' type='PopularPosts' version='1' visible='true'>
Kode di atas adalah untuk menampilkan widget popular post di versi mobile tapi tidak tampil di versi deskop.

<b:section class='sidebar' id='kotak-sidebar' preferred='yes'>
  <b:widget id='PopularPosts1' mobile='no' locked='false' title='Paling Banyak Dikunjungi' type='PopularPosts' version='1' visible='true'>
Kode di atas adalah untuk menyembunyikan widget popular post di versi mobile/ tidak tampilan di versi handphone.

Baca juga: Mewarnai Background Entri Popular dengan Banyak Gaya Warna

Demikian tutorial singkat Cara Menampilkan Widget Entri Populer pada Template Mas Sugeng. Mudah-mudahan yang saya bagikan ini bermanfaat untuk kita semua. Terima kasih.