Cara Membuat Rating Stars Dengan View Count Dari Graddit

Pada kesempatan ini saya akan sharing Cara Membuat Rating Stars Dengan View Count Dari Graddit. Kenapa dari Graddit? Karena menurut saya penerapan ke blognya gampang dan ini rekomendasi dari Maskolis. Serta tidak hanya menampilkan rating stars saja, namun menampilkan view count atau penghitung jumlah pengunjung pada setiap halaman. Bisa juga disertakan dengan feedback untuk setiap postingan.

Setelah diterapkan ke blog, Cara Membuat Rating Stars Dengan View Count Dari Graddit ini valid HTML5, namun untuk arahan CSS-nya masih ada error tapi tidak mengurangi ke-valid-an dari template blog kita. 

Sebagai teladan tampilannya bisa  Anda lihat pada gambar di bawah ini.

Bagi yang ingin mencoba menggunakan Cara Membuat Rating Stars Dengan View Count Dari Graddit ini, silahkan masuk ke Graddit DI SINI.

Anda tidak perlu daftar atau membuat akun pada Graddit, tinggal pilih menu "Ratings", setelah terbuka jendela gres silahkan pilih tampilan yang kita inginkan, pilih arahan untuk Blogger lalu copy kodenya.

Silahkan simpan arahan HTML-nya pada edit HTML template blog Anda. Bisa di atas atau di bawah postingan.

Untuk di simpan di atas postingan, silahkan cari arahan <div class='post-body entry-content'. Biasanya arahan tersebut ada 2 buah. Simpan arahan dari Graddit di atas atau di bawah arahan pertama. Agar tidak tampil di homepage, mampu Anda tambahkan arahan <b:if cond='data:blog.url != data:blog.homepageUrl'> di atas arahan Graddit dan </b:if> di bawahnya.

Untuk di simpan di bawah postingan, silahkan cari kode:

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>
      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>

Simpan arahan dari Graddit di bawah arahan tadi. Agar tidak tampil di homepage, mampu Anda tambahkan arahan <b:if cond='data:blog.url != data:blog.homepageUrl'> di atas arahan Graddit dan </b:if> di bawahnya.

Jangan lupa simpan arahan di bawah ini DI ATAS arahan </head>

<link type='text/css' rel='stylesheet' href='http://static.graddit.com/css/graddit.css'/>

Demikian saja sharing ihwal Cara Membuat Rating Stars Dengan View Count Dari Graddit ini biar dapat dimengerti dan bermanfaat...