Membuat recent posts perlabel di blogger fitur seluler

Cara membuat recent posts per label di blogger fitur seluler. Pada postingan kali ini akan sharing  mengenai Cara memasang recent posts per label tanpa JavaScript juga gambar dan ingin kita tampilkan di tampilan costum seluler, dan kita akan memanfaatkan gadget dasar yang ada di blogger, kita mengetahui recent post ialah seperti artikel terupdate yang ditampilkan berdasarkan label atau bisa juga artikel terbaru.

Seperti layaknya sebuah blog atau situs yang terlihat OK dan profesional... :-), Untuk menyajikan lebih banyak pilihan label atau category yang berada di halaman beranda depan, kita bisa memasang widget recent posts yang akan di tampilkan berdasarkan kategori atau  label di versi seluler di blogger. Dan perlu di ketahui sebelumnya, bahwa costum template versi seluler harus sudah tersetting Defult atau Tersesuai, bila belum silahkan Aktifkan terlebih dahulu.

Ok.., langsung saja archivenya  kita share buat para pengguna platfom blogger yang pengen menampilkan recent posts perlabel di blog versi seluler. Berikut trik di antara triknya memasang recents post per label dengan menggunakan Feed dasar blogger.

• Pastikan telah login di blogger.
• Buka tata letak dan selanjutnya Add gadget.
• Pilih Feed seperti gambar di bawah ini.

• Lalu masukkan alamat feed seperti berikut :

http://URLbloganda.blogspot.com/feeds/posts/default/-/namalabel

• Jika nama label terdapat spasi, maka sebagai pengganti spasi adalah %20
• Contoh label memiliki spasi : [Trik blogging] menjadi :

http://URLbloganda.blogspot.com/feeds/posts/default/-/Trik%20blogging

• Jika benar URL feednya maka akan tampak plus minus seperti gambar di bawah ini :

Keterangan:

http://URLbloganda.blogspot.com/ ganti dengan alamat blognya sendiri sendiri. Dan ganti dengan nama labelnya masing masing yang ingin ditampilkan.

• Kemudian Save.

Kemudian jangan lupa klik ulang lagi Feed yang telah di kofigurasi tadi dan copy ID widgetnya, Seperti gambar di bawah ini.

Selanjutnya adalah kita ingin menampilkannya hanya di home page pada versi seluler.

• Masuk di Template, Klik edit HTML dan jangan lupa centang Exspand.
• Gunakan fasilitas CTRL+F
• Masukan ID widget Feed yang telah di copy tadi di kolom pencarian efek CTRL+F.
• Bila sudah ketemu tambahkan di code tersebut [ mobile='only' ] pada code widget.
• Contoh misalkan feed yang kita konfigurasi adalah Feed1 :

<b:widget id='Feed1' locked='false' title='copyGOcopy' type='Feed'>

Maka  menjadi :

<b:widget id='Feed1' mobile='only' locked='false' title='copyGOcopy' type='Feed'>

• Selanjutnya cari kode ]]</b:skin>
• Masukkan script di bawah ini tepat di bawah kode ]]</b:skin> supaya hanya tampil di halaman Home page saja di versi mobile.

<b:if cond='data:blog.url != data:blog.homepageUrl'>

<style>

#Feed1 {display:none;}

</style>

</b:if>

• Bila sudah klik fasilitas Pratinjau atau Preview, 
• Jika tidak terjadi error langsung Save template. 

Untuk melihat hasilnya silahkan cek di akhir URL di tambahkan ?m=1 bila melalui komputer atau net/notbook untuk Home pagenya.

Keterangan :

- Ganti ID Feed1 dengan ID Feed yang di konfigurasi anda.

Demikian berbagi cara membuat recent posts menggunakan Feed tanpa JavaScript di blogger versi seluler. Semoga ada manfaat dan guna bagi yang memerlukan.