Cara Memasang Rating Bintang Pada Artikel Blog

Memasang Rating Bintang di Blog - Selamat datang kembali sama admin cararudi, pada kesempatan kali ini Saya akan membagikan cara memasang rating bintang 5 pada setiap artikel blog yang berguna sebagai penilaian.

Fitur ini dari beberapa blog orang telah menyatakan bahwa ini tidak berguna, tapi tidak begitu bagi Saya karna fitur ini berguna agar pengunjung bisa menilai suatu kualitas artikel, apakah bagus, atau tidak.

memasang rating bintang di blog

Akan tetapi bisa saja ada seseorang pengunjung dengan sengaja memberi rating bintang satu, hal ini yang tidak akan pernah saya pasang pada blog Saya, karena bisa saja pengunjung dari blog kita tersebut adalah orang jahil.

cara buat rating bintang pada blog
Gambar diatas adalah contoh yang saya maksudkan dalam artikel kali ini, Saya screenshoot ini dari salah satu blog orang lain yang menggunakan rating bintang.

Namun, bukan berarti rating bintang 5 ini tidak bagus bagi blog, bagus-bagus saja menurut Saya untuk mempercantik isi dari blog Anda. Yuk langsung saja kita masuk ke pembahasan tutorialnya, simak baik-baik ya.

Cara Memasang Rating Bintang Pada Artikel 

  • Langkah pertama yang harus Anda lakukan pastinya adalah dengan masuk ke Dashboard Blogger
  • Setelah itu ke menu Tema > Edit HTML
  • Selanjutnya Anda cari kode ]]</b:skin> dan copy kode dibawah ini setelah itu pastekan kode tersebut tepat diatas kode ]]</b:skin>

.PopularPosts ul li:before{font-family:fontawesome;content:'\f005\f005';display:inline-block;position:absolute;color:#ffffff;text-align:center;bottom:0;right:10px;margin:9px 0;font-size:11px;padding:0;font-weight:normal;line-height:normal;transition:all .3s}
.PopularPosts ul li:nth-child(1):before{font-family:fontawesome;content:'\f005\f005\f005\f005\f005';}
.PopularPosts ul li:nth-child(2):before{font-family:fontawesome;content:'\f005\f005\f005\f005\f006';opacity:.9}
.PopularPosts ul li:nth-child(3):before{font-family:fontawesome;content:'\f005\f005\f005\f006\f006';opacity:.85}
.PopularPosts ul li:nth-child(4):before{font-family:fontawesome;content:'\f005\f005\f006\f006\f006';opacity:.8}
.PopularPosts ul li:nth-child(5):before{font-family:fontawesome;content:'\f005\f006\f006\f006\f006';opacity:.75}
.PopularPosts ul li:hover:before{opacity:1}
.PopularPosts ul li:first-child{border-top:none}
.PopularPosts ul li:last-child{border-bottom:none}
.PopularPosts ul li .item-title a,.PopularPosts ul li a{color:black;font-size:13px;}
.PopularPosts ul li a:hover{color:#000000;}
.PopularPosts .item-thumbnail{margin:0;}
.PopularPosts .item-snippet{display:none}
.PopularPosts .item-title{padding-bottom:.2em;}

  • Jika Anda sudah menaruh kode diatas, selanjutnya hapus kode dibawah ini agar tidak terjadi tabrakan pada kode sebelumnya di template

.PopularPosts .item-thumbnail{margin:0;}
.PopularPosts .item-snippet{display:none}
.PopularPosts .item-title{padding-bottom:.2em;}

  • Kalau semua sudah dilakukan, silahkan Simpan template Anda

Memberikan fitur rating pada sebuah artikel akan membuat pengunjung menjadi lebih mengapresiasi atas apa yang telah disediakan, jikalau artikel terasa bermanfaat mereka pasti memberikan rating terbaik, percayalah.

Demikian tentang Cara Memasang Rating Bintang Pada Artikel Blog semoga tutorial yang saya berikan bisa bermanfaat untuk Anda semua, jangan lupa bagikan ya, terima kasih.
DONASI VIA OVO Bantu berikan donasi jika artikelnya dirasa bermanfaat. Donasi akan digunakan untuk memperpanjang domain cararudi.id. Terima kasih.

0 Response to "Cara Memasang Rating Bintang Pada Artikel Blog"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel