Cara Manual Menambah Rate Review Bintang pada Blog di Akhir Artikel


KURAZONE ~ Pemberian rate pada sebuah review memang memiliki kesan yang menarik di mata pengunjung. Selain pengunjung mendapatkan kesimpulan dari ulasan review yang kita bawakan, kita juga memberikan kesan positif dan kesimpulan seberapa bagus/baiknya sesuatu yang kita review tersebut kepada pengunjung. Misalnya seperti ini :
Jadi, berdasarkan review kami kali ini, maka game yang satu ini sangat bagus dimainkan untuk mengasah otak kita. Oleh sebab itu kami memberikan rate sebesar 3,5 kepada game tersebut. Rate :
Nah, buat kalian yang sering membahas topik review suatu game, video, produk, barang, maupun jasa dan ingin memberikan Rate Review Bintang dibagian akhir artikel, maka kalian bisa menggunakan cara ini.

Berikut adalah "Cara Manual Menambah Rate Review Bintang pada Blog"

Langkah 1 :

1. Masuk ke Akun Blogger anda >> Pilih Tema/Template
2. Cari kode <head>, letakkan kode dibawah ini tepat diatas kode <head>
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css"/>
3. Simpan Template
Langkah diatas adalah cara memasang kode CSS FontAwesome pada blog, yang fungsinya agar font spesial yang berbentuk bintang bisa dipanggil dengan kode HTML FontAwesome. Jika CSS FontAwesome tidak terpasang pada blog, maka icon bintang tidak bisa tampil pada blog. Abaikan langkah diatas jika template blog kalian sudah terpasang kode FontAwesome.

Langkah 2 :

1. Buat artikel review kalian
2. Pada bagian akhir artikel, gunakan kode kode dibawah ini :
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
<i class="fa fa-star-half-o"></i>

Masukkan kode kode tersebut pada saat mode HTML (bukan Compose) dan diletakkan dalam 1 baris.
PERHATIAN !!
Contoh penulisannya adalah seperti dibawah ini (1 baris) :
<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i>
Hasilnya akan nampak seperti dibawah ini :


Keterangan kode :
  • fa fa-star untuk menampilkan ikon =
  • fa fa-star-o untuk menampilkan ikon =
  • fa fa-star-half-o untuk menampilkan ikon =
Jadi, jika kalian menuliskan kodenya seperti ini :
<i class="fa fa-star"></i><i class="fa fa-star-half-o"></i><i class="fa fa-star-o"></i>
Maka hasilnya akan seperti ini :


Faham kan...?

Nah, selanjutnya kalian bisa memberikan style color pada FontAwesome tersebut, misalnya warna KUNING.
Cara penulisan kode nya adalah sebagai berikut :
<span style='color:yellow'> ... kode kode star nya disini ... </span>
Contoh :
<span style='color:yellow'> <i class="fa fa-star"></i> </span>
Hasilnya akan nampak seperti ini :


Untuk warna 'yellow' bisa kalian ubah sesuai warna selera kalian. Seperti blue, green, red, #555555, #007bfd dan lain-lain.

Dalam membuat rate diatas sebenarnya kita hanya perlu bermain FontAwesome saja, dan trik rate yang kami bagikan kali ini dilakukan secara manual. Jadi, jika ingin memberikan rate pada artikel yang berisi review maka kode rate review diatas dimasukkan dibagian akhir artikel secara MANUAL.

Itulah informasi mengenai "Cara Manual Menambah Rate Review Bintang pada Blog", semoga bermanfaat.

Contoh Rate Review :

Yu-Gi-Oh! The Dark Side of Dimensions - Berlatar belakang 6 bulan setelah kejadian yang terjadi pada Original Manga Yu-Gi-Oh!, Mutou Yugi dan teman-temannya sedang membicarakan impian mereka setelah lulus dari SMA. Sementara itu, Seto Kaiba memerintahkan proses penggalian untuk menemukan Millenium Puzzle. Item tersebut adalah milik Atem, rival lamanya dan bertujuan untuk membangkitkannya demi berduel melawannya. Saat tiba di situs penggalian, dia dihadang dengan orang misterius dan mencuri dua bagian puzzle tersebut.
  • Tipe : Movie
  • Status : Completed
  • Tahun : 2016
  • Rating : (4.5)
  • Age : Untuk usia 13 Tahun Keatas
  • Studio : Studio Gallop





Lebih baru Lebih lama