logo blog

Cara Membuat Efek Rating Bintang di Popular Post

Cara Membuat Efek Rating Bintang di Popular Post

membuat rating bintang popular post
Ada saja kreasi seseorang dalam mendesain sebuah blog atau website. Salah satunya adalah dalam membuat efek rating bintang pada popular post seperti pada gambar di atas. Maka pada kesempatan ini Nngonline06 akan berbagi cara membuat efek tersebut.

Pemberian efek ini tentu akan membuat nilai plus bagi pengunjung serta bisa mengetahui seberapa besar minta pembaca terhadap artikel tersebut. Dari efek di atas, seorang pengunjung bisa dengan mudah menilai kualitas dan bobot tulisan yang diberikan rating bintang tersebut. Walau memang tidak selalu benar, namun setidaknya gambaran rating menunjukkan banyaknya pengunjung mengunjunginya.

Maka tak salah sahabat jika membumbuhi efek tersebut agar menarik hati pengunjung blog sahabat. Ingat, pengunjung yang betah untuk menjelajahi blog, maka dipastikan blognya akan 'hidup' dan pastinya nyaman.

Berbeda halnya dengan jika blog tak ada nilai 'interest', maka pengunjung pun langsung 'go' setelah mendapatkan apa yang dicarinya. Ini tentu akan berakibat tingginya BOUNCH.

Cara Membuat Efek Rating Bintang di Popular Post


OK, langsung saja, jika sahabat tertarik untuk memberikan efek bintang pada widget popular post, maka berikut adalah 3 langkah membuat efek bintang pada widget popular post atau postingan terpopuler.

#Langkah Pertama

Silahkan langsung kunjungi template blog sahabat dan cari kode </head>. Letakkan kode berikut ini, tepat di atas kode </head>. (Widget ini menggunakan font awesome)
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' rel='stylesheet'/>
Catatan: jika kode di atas sudah terpasang di template sahabat, maka tak perlu lagi diisi.

#Langkah Kedua

Setelah itu, temukan kode ]]></b:skin> atau </style>. Letakkan kode di bawah ini tepat sebelum kode tersebut. Berikut ada 3 style yang bisa dipilih salah satu. Silahkan dipilih sesuai selera sahabat Ngonline06 semua.  
Style A
 
Style B
 
Style C

#Langkah Ketiga

Simpan template sahabat.

Demikian cara membuat efek rating bintang pada popular post yang bisa Ngonline06 bagikan. Tutorial ini adalah trik dari arlina design, semoga membantu para sahabat semua. Jika ada hal yang belum dipahami ataupun kesulitan, silahkan dicoret-coret saja kotak komentar di bawah. Salam sukses dari Ngonline06 selalu untuk para sahabat semua...

Share this:

Artikel Menarik Lainnya

Show comments
Hide comments

No comments

Silahkan berkomentar dengan baik