logo blog

4 Bentuk Populer Post Keren

4 Bentuk Populer Post Keren

4 bentuk popular post keren
Sahabat Ngonline06 ingin membentuk widget populer postnya keren, seperti pada gambar di atas? Jangan khawatir, pada kesempatan ini, Ngonline06 akan berbagi tips mengubah tampilan widget populer post menjadi lebih indah dan menawan.

Mengapa Perlu Dirubah dan Dipercantik?

Pertanyaan seperti ini sebenarnya mudah dijawab, namun agar semakin mantap, maka Ngonline06 akan sedikit sharing tentang alasan mempercantik tampilan. Yups, blog harus dirawat dan dipercantik. Ini mutlak dan harus dilakukan oleh pemilik blog. Terlebih jika blog tersebut adalah blog kesayangan. Blog dipercantik selain memberi semangat tersendiri pada pemilik blog, juga memberi nilai plus kepada pengunjung blog. Mereka akan berlama-lama untuk membaca, memperhatikan, atau bahkan hanya melihat-lihat tampilan blog kita. Jika ini terjadi, tentu sangat menggembirakan buat kita selaku pemilik blog bukan? Maka jangan ragu untuk mempercantik blog.

Cara Merubah Tampilan Widget Popular Post menjadi Keren


OK, langsung saja setelah sahabat mengetahui maksud dan tujuan mempercantik widget, maka sekarang kita akan mengetahui cara merubahnya. Cara yang Ngonline06 ajarkan ini insya Allah tidak sulit, apalagi untuk sahabat yang tidak ingin atau tidak paham tentang kode HTML. Mereka kadang 'menjauhi' jika tutorialnya harus merubah-ubah html blog. Maka mengantisipasi itu, Ngonline06 akan memberikan trik merubah tampilannya tanpa otak-atik html blog. Silahkan ikuti saja langkah demi langkah berikut:
  1. Masuk ke dashboard blog.
  2. Pilih menu template
  3. Klik 'Sesuaikan' (samping Edit HTML)
  4. popular post keren
  5. Pilih 'Sesuaikan lebar' hingga muncul tulisan 'Tambahkan CSS'
  6. Isikan kode CSS widget popular post keren dari 4 bentuk yang akan diuraikan di bawah ini ke dalamnya.
  7. memasang popular post keren

Kode CSS dari 4 Bentuk Popular Post Keren


#Style Pertama

memasang popular post keren

Kode CSSnya adalah sebagai berikut: (Sahabat cukup mengeklik kotak dan silahkan copy atau tekan ctrl+c)


#Style Kedua

memasang popular post keren

Kode CSSnya adalah sebagai berikut:


#Style Ketiga

memasang popular post keren

Kode CSSnya adalah sebagai berikut:


#Style Keempat

memasang popular post keren

Kode CSSnya adalah sebagai berikut:



Demikian 4 bentuk widget popular post yang keren dan tentunya akan mempercantik tampilan blog sahabat Ngonline06. OK, semoga berhasil ya.

Share this:

Artikel Menarik Lainnya

Show comments
Hide comments

No comments

Silahkan berkomentar dengan baik