-->

Membuat Widget Populer Post Blogger Dengan Auto Numbering

Membuat Widget Populer Post Blogger Dengan Auto Numbering - Dalam tutorial ini saya akan berbagi bagaimana menambahkan widget populer post di blog Anda dengan Thumbnail dan auto numbering. Widget populer post Blogger adalah widget yang bisa disesuaikan dengan CSS.

Dalam tutorial kali ini saya akan menunjukkan bagaiman menambahkan widget blogger popular posts dengan Thumbnail, snippet dan auto numbering . Widget ini dibuat dengan elemen CSS. Saat pengunjung mouse hover di widget ini ada tulisannya, maka snippet akan ditampilkan. Hasilnya dalam tutorial ini snippet/cuplikan widget ini disembunyikan.

Widget Popular Post adalah bagian terpenting dari blogger. Widget ini membantu pengunjung Anda untuk menemukan sebagian besar posting yang paling banyak dilihat atau yang paling banyak dibahas. Dengan menggunakan widget ini Anda bisa menumbuhkan pengunjung Anda.

Membuat Widget Populer Post Blogger Dengan Auto Numbering
Membuat Widget Populer Post Blogger Dengan Auto Numbering

Setiap pengguna blogspot mencari desain blog yang bagus. Widget terpopuler Blogger adalah widget, yang menampilkan postingan paling banyak dilihat. Dengan menggunakan widget posting populer, Anda bisa meningkatkan lalu lintas blog Anda. Setiap pengguna selalu mencari postingan yang paling menarik, yang membantu pengguna pengguna tersebut.

Kali ini saya berbagi widget populer post untuk blogger yang menampilkan postingan populer dari thumbnail blog Anda dengan auto numbering.Dengan menggunakan widget postingan populer ini, widget widget populer Anda bisa lebih unik yang penting di blog Anda.

Sekarang mari kita mulai, pada awalnya Anda harus mengkonfigurasi widget posting populer Anda. Buka Tata Letak > Tambahkan Gadget > Popular Posts dan Lihat konfigurasinya seperti gambar dibawah ini :

Konfigurasi Gadget Populer Posts
Konfigurasi Gadget Populer Posts 

Lalu klik tombol simpan.

Sebelum melanjutkan ketahap berikutnya, ada baiknya Anda membackup template blog Anda terlebih dahulu.
Sekarang masuk ke Template > Edit HTML > dan salin kode CSS dibawah ini dan simpan sebelum tag </style>
Sekarang Simpan Template dan Reload halaman blog Anda.

Semoga Berhasil dan Keep Coding

Author:

Fokusklik.com adalah Blog Tutorial Blogger, CSS, JavaScript, HTML dan Template untuk Blogger