Tips Membuat Ratings Bintang Votes Blogger
Dalam membuat widget ini kita akan memanfaatkan sebuah jasa dari web yang menyediakan fitur rating bintang ini. Widget tersebut juga akan menambah fitur yang ada dan mempercantik blog anda dan terlihat lebih profesional tentunya, oke langsung ke proses pemasangan widget rating bintang ini ke blog anda.
contoh gambar hasil pencarian blog sobat nanti begini:
- Pertama anda kunjungi http://www.graddit.com/ratings-widget
- Selanjutnya klik tab menu Rating Widgets, dan muncul tampilan seperti gambar dibawah ini
.png)
Selanjutnya masuk Dashboard blog anda kemudian pilih Template dan klik Edit HTML. Setelah itu copy kode yang ditunjukan No.1 pada gambar, dan paste sesudah kode <head> atau sebelum </head>, tekan Ctrl+F untuk mempercepat pencarian.
- Kemudian pilih Blogger seperti yang ditunjukan No.2 pada gambar diatas.
- Disamping kiri yang ditunjukan No.3 itu desain bentuk rating yang nantinya akan digunakan di blog anda, pilih salah satu yang sesuai dengan desain blog anda.
- Selanjutnya copy kode yang ditunjukan seperti No. 4 pada gambar diatas, seperti dibawah ini :
<b:if cond='data:blog.pageType != "static_page"'><div expr:id='"labels_" + data:post.id' style='display: none; visibility: hidden;'><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><data:label.name/>,</b:loop></b:if></div>Rate this posting: <div expr:id='data:post.id' class='ffbs_rate'>{[['<img src="http://static.graddit.com/img/star.png"/>']]}</div><div expr:id='"ffbs_stats_" + data:post.id' class='ffbs_stats'></div><script type='text/javascript' expr:src='"http://www.graddit.com/rate/rus/5/" + data:post.id + "?id=" + data:post.id + "&stats=ffbs_stats_" + data:post.id + "&labels=labels_" + data:post.id + "&info=info-" + data:post.id + "&info_delay=2&url=" + data:post.url + "&class_star=ffbs_star_img&
class_star_set=ffbs_star_img_set&class_star_vote=
ffbs_star_img_vote&views=yes&votes=yes&average=yes"'></script></b:if>
Kemudian paste kode script rating bintang sesudah kode <div class='post-body entry-content'>, atau jika tidak ada cari kode berikut <div class='post-body entry-content' jika terdapat lebih dari satu maka pilihlah yang pertama, tekan Ctrl+F untuk mempercepat pencarian dan hasilnya seperti dibawah ini :
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='description articleBody'> pastekan kode disini
maka hasil akhir seperti ini :
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='description articleBody'>
<b:if cond='data:blog.pageType != "static_page"'><div expr:id='"labels_" + data:post.id' style='display: none; visibility: hidden;'><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><data:label.name/>,</b:loop></b:if></div>Rate this posting: <div expr:id='data:post.id' class='ffbs_rate'>{[['<img src="http://static.graddit.com/img/star.png"/>']]}</div><div expr:id='"ffbs_stats_" + data:post.id' class='ffbs_stats'></div><script type='text/javascript' expr:src='"http://www.graddit.com/rate/rus/5/" + data:post.id + "?id=" + data:post.id + "&stats=ffbs_stats_" + data:post.id + "&labels=labels_" + data:post.id + "&info=info-" + data:post.id + "&info_delay=2&url=" + data:post.url + "&class_star=ffbs_star_img&
class_star_set=ffbs_star_img_set&class_star_vote=
ffbs_star_img_vote&views=yes&votes=yes&average=yes"'></script></b:if>
Klik simpan
- See more at: http://masterr-seo.blogspot.com/2014/03/tips-membuvotes.html#sthash.BxzWmvEQ.dpuf
0 komentar:
Post a Comment