Cara Efektif Optimasi SEO Dengan Membuat Rating Bintang Di Blog
Tuesday, 8 August 2017
13 Comments
Cara Membuat Rating Bintang Di Blog – Tahukah anda? Rating bintang pada Blog sangat berpengaruh terhadap posisi artikel di SERP Engine. Dengan memasang Rating Bintang pada blog kita kemungkinan besar blog kita bisa mengalahkan blog lainnya.
Tentu sangat lelah rasanya jika anda harus memasang rating bintang secara manual, Yaitu dengan cara memasang satu-persatu setiap anda menulis artikel baru. Maka dari itu saya akan memberikan cara membuat rating bintang secara otomatis di Blog.
Tentu sangat lelah rasanya jika anda harus memasang rating bintang secara manual, Yaitu dengan cara memasang satu-persatu setiap anda menulis artikel baru. Maka dari itu saya akan memberikan cara membuat rating bintang secara otomatis di Blog.
Cara Membuat Rating Bintang Di Blog
1. Pergi kesitus resminya yaitu Graddit.
2. Setelah itu klik Menu Ranting Widget.
3. Pilih Widget sesuai keinginan anda, Setelah itu Copy kode yang diatas.
4. Masuk ke Blog anda, Lalu masuk ke EDIT HTML.
5. Selanjutnya cari kode <head>, Lalu Pastekan kode yang tadi dibawah kode <head>
<link type=”text/css” rel=”stylesheet” href=”http://static.graddit.com/css/graddit.css”/>
6. Lalu ke situs Graddit lagi, Dan kembali ke menu tadi.
7. Ambil kode untuk widget. Contohnya
<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 class=”ffbs_rating_wrapper”>
<div expr:id=’data:post.id’ class=’ffbs_rate ffbs_rate_border ffbs_centered’ data-label-rating=’icon’ data-label-views=’icon’ data-label-votes=’icon’>{[['<img src="http://static.graddit.com/img/star_blue.png"/>']]}</div>
<div expr:id=’"ffbs_stats_" + data:post.id’ class=’ffbs_stats ffbs_centered’></div>
<div expr:id=’"ffbs_share_" + data:post.id’ class=’ffbs_share ffbs_share_border ffbs_centered’></div></div>
<script type=’text/javascript’ expr:src=’"http://www.graddit.com/rate/eng/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&share=ffbs_share_" + data:post.id + ""’></script></b:if>
8. Kembali ke edit HTML, Lalu cari kode <data:post.body/>.
9. Pastekan kode yang tadi kita ambil dibawah kode <data:post.body/>.
Sangat mudah bukan? Jika tidak bekerja kita bisa menggunakan cara kedua.
1. Hubungkan Blogger dengan Google Plus anda.
Caranya mudah, Masuk ke EDIT HTML. Lalu pastekan ini di bawah kode <head>.
Caranya mudah, Masuk ke EDIT HTML. Lalu pastekan ini di bawah kode <head>.
<b:if cond=’data:blog.url == data:blog.homepageUrl’><link href=’https://plus.google.com/LinkProfileGooglePlus‘ rel=’publisher’/>
</b:if>
2. Lalu setelah itu cari kode ]]></b:skin> Pastekan kode dibawah ini tepat diatas kode tersebut.
.hrecipe{font:14px Arial;}
3. Silahkan cek template anda terlebih dahulu, Jika anda tidak suka tampilannya. Ubah kode tadi yaitu
.hrecipe{font:14px Arial;}
Menjadi
.hrecipe{font:14px Arial;display:none;}
4. Setelah itu lanjut dengan mencari kode data:post.body. Lalu letakan kode dibawah ini dibawah kode tersebut.
<div class=’hrecipe’>
Title: <span class=’item’><span class=’fn’><data:post.title/></span></span><br/>
Posted by:<span class=’author’><data:post.author/></span><br/>
Published :<span class=’published’><data:post.timestampISO8601/></span><br/>
<span class=’review hreview-aggregate’>
<span class=’rating’>
Rating: <span class=’average’>3.5</span><br/>
Reviewer: <span class=’count’>5</span> Reviews<br/></span></span>
<span class=’summary’><data:post:title/></span>
</div>
5. Semuanya telah selesai, Silahkan ke Google Richsnippets untuk mengecek apakah blog anda sudah ada bintangnya atau belum.
Itulah Cara Membuat Rating Bintang Di Blog, Semoga bermanfaat dan bisa meningkatkan peringkat anda.
thanks gan sangat membantu utk blogger spt saya
ReplyDeleteakhirnya nemu juga caranya. thank.
ReplyDeletecusss otw gunain gannnn
ReplyDeleteKalo untuk WordPress gimana gan?
ReplyDeletewah mntp ne mw coba
ReplyDeleteBoleh juga nih, btw ini memberatkan loading page nya ga gan?
ReplyDeletePertanyaan sya sma kyak di atas, apakah ini akan mempengaruhi loading blog ?
ReplyDeletetentu, namanya juga nambah "script", pasti berpengaruh sama loading blog bro.. ^_^
Deletekeren nih kaya di blog wordpres.. mantap dah.. makasih ya gan buat anuannya
ReplyDeleteUntuk "Google Richsnippets" itu sendiri untuk apa ya @@, ?
ReplyDeleteMantap bro, thanks infonya
ReplyDeletegraddit nya error gan?
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDelete