Cara Membuat Rating Stars Dengan View Count Dari Graddit

Cara Membuat Rating Stars Dengan View Count Dari Graddit

Bola Hero Gawai

Cara Membuat Rating Stars Dengan View Count Dari Graddit

Rating Stars
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 kode CSS-nya masih ada error tapi tidak mengurangi ke-valid-an dari template blog kita. 

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

Rating Stars Dengan View Count

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 baru silahkan pilih tampilan yang kita inginkan, pilih kode untuk Blogger lalu copy kodenya.

Graddit

Kode Rating Stars Dari Graddit

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

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

Jangan lupa simpan kode di bawah ini DI ATAS kode </head>
<link type='text/css' rel='stylesheet' href='http://static.graddit.com/css/graddit.css'/>
Demikian saja sharing tentang Cara Membuat Rating Stars Dengan View Count Dari Graddit ini semoga dapat dimengerti dan bermanfaat...

Share this:

Share this with short URL: Get Short URL loading short url

You Might Also Like:

Disqus
Blogger
Pilih Sistem Komentar Yang Disukai

10 Comments Add Comment

Akhir nya bisa juga,terimakasih mas,salam kenal

Balas

Sama2 mas Agus... hehehe :)

Balas

ada kendala.sementara di copot dulu.di template johny seebook lancar tapi di Johny Wuss di home tidak muncul rating nya pas buka next post waduuh jadi rame he he :)

Balas

keren mastah.. oya mau tanya nantinya ngaruh ga ke posisi serp

Balas

Sepertinya tidak terlalu berpengaruh terhadap SERP, hanya untuk mengontrol apakah postingan kita disukai enggak oleh pembaca. Namun yang jelas ini akan menambah sedikit beban (loading) blog.

Balas

Wah beneran tak coba di blog ane juga gitu pake Theme Johny Wuss, Udah ada solusinya belom nih mas

Balas

apa bedanya sama yang bawaan blogger bang...

Balas

Mungkin fungsi rating star-nya sama dengan blogger yaitu untuk menandai bahwa postingannya menarik atau tidak, bedanya dengan ini yaitu ini memiliki penghitung klik pada post-nya (page view)

Balas

Alhamdulillah work mas, terimakasih

Balas

Mas gimana kasi hilang advertisenya..

Balas
Add Comment

Komentar dengan link promo akan masuk spam.

Gunakan konversi tool jika ingin menyertakan kode atau gambar.


image
How to style text in Disqus comments Top Disqus Commentators
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Box

How to get ID DISQUS - http://disq.us/p/[ID DISQUS] - lihat di sini

strong em u strike
pre code pre code spoiler
embed

Like Kompi Ajaib? Keep us running by whitelisting Kompi Ajaib in your ad blocker.

This is how to whitelisting Kompi Ajaib in your ad blocker.

Thank you!

×
×
×