How to Show Star Ratings in blogger

Lihat dan hitung, seberapa banyak aplikasi Android yang Anda instal di smartphone Anda?

Pernahkah terbersit di benak Anda bagaimana cara membuat aplikasi-aplikasi tersebut?

Apakah Anda Saat Ini Ingin Sekali Bisa Bikin Aplikasi Android Sendiri? Seperti aplikasi game edukasi, media pembelajaran, aplikasi berbasis sensor, aplikasi multimedia, dan lain sebagainya?

Tetapi

1. Tidak Ngerti Coding

2. Tidak Tahu Computer Programming

3. Tidak Paham Bahasa Pemrograman Android

4. Dan Sama Sekali Bukan Lulusan IT?

Jangan Khawatir ...

Ternyata, bikin aplikasi Android itu SANGAT MUDAH, bahkan bagi Pemula sekalipun.

Sekarang Anda bisa bikin aplikasi Android dengan Cepat, bahkan TANPA HARUS CODING.

Tak peduli apapun latar belakang Anda, bikin aplikasi Android itu MUDAH, semudah bermain Puzzle.

Anda Hanya Perlu 4 Langkah berikut ini :

1. Drag & drop komponen-komponen yang dibutuhkan

2. Percantik tampilan aplikasi dengan mengatur layout dan desain tampilan

3. Susun blok-blok kode programnya, dan

4. Build aplikasi Anda jadi file instalasi *.APK

Lantas, Bagimana Cara Memulainya?

Mudah kok, karena sudah hadir untuk Anda Di Sini :

"Video Tutorial Android Tanpa Coding untuk Pemula"

Video tutorial yang membahas cara membuat aplikasi Android dengan sangat MUDAH, CEPAT, & TANPA CODING menggunakan tools App Inventor 2.

Star ratings are one of many methods that are used to check the popularity of content.If you're a blogger blog user,now you can add star ratings below of your blog posts.Proceed of star ratings is very simple.There are five stars that direct different meanings.

No stared :- No rating
One star :- Hated it
Two stars :- Didn't like it
Three stars :- Liked it
Four stars :- Really liked it
Five stars :- Loved it

Enable Star Ratings on Blogger

I think you're interested in enabling Star ratings on your blogger blog.So follow below instructions respectively to enable star rating feature on blogger.

1: Login to your Blogger in Draft Dashboard at http://draft.blogger.com/

2: Now go to Layout and click on Edit link under Blog Posts layout box.

3: Then select on "Show Star Ratings" option and drag the star rating to any desired position.

4: After enabling star rating feature,click on Save button to act the modification.Now view your blog to see the star ratings.If you're don't see the star ratings on your blog,don't worry.This is because your blog template is a third party template or modded template. Follow below steps and make the changes as given.

5: Go to Template >> Edit HTML.
6: Click anywhere on the template editor and find below code in your template.

<p class='post-footer-line post-footer-line-3'>

If above code can't be found,then search below code.

<div class='post-footer-line post-footer-line-3'>

If that code too is not there,so find below code.It must be located on your template.

<data:post.body/>

7: After finding one of above codes,paste below code just below of found line.

<span class='star-ratings'>
<b:if cond='data:top.showStars'>
<div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/>
</b:if>
</span>

8: Now save your Template.

Change Performances of Star rating

You can change some performances of star ratings such as background color and text color etc.You need to do is replace some codes instead of bolded codes in below.

<span class='star-ratings'>
<b:if cond='data:top.showStars'>
<div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/>
</b:if>
</span>

Change Background color :

Remove below code from above code,

expr:g:background-color='data:backgroundColor'

Now replace below code and change the color name or its Hexadecimal color;

g:background-color='#cc7856'

Change Text color :

Delete below code in above piece of code :

expr:g:text-color='data:textColor'

Now paste below code to above code.You can change text color of star rating by changing color name.

g:text-color='green'

Also you can adjust the width and height of star rating object by changing red color numbers.

After changing its performances,whole code and preview is similar to below one.

<span class='star-ratings'>
<b:if cond='data:top.showStars'>
<div g:background-color='#cc7856' g:text-color='green' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280' />
</b:if>
</span>

That's all.Now view your blog and click on a post to see the Star ratings displaying bottom of blog post.When you create your post,ask from your readers to rate the article.

If you have any problem when constituting the star ratings,ask me below.Happy blogging :)

Pengelola Blog : ABDUL WAHAB

Judul : How to Show Star Ratings in blogger
Ditulis oleh : Kejutan Internet pada hari
Rating Blog : 5 dari 5
Terima kasih Anda telah membaca artikel tentang How to Show Star Ratings in blogger
Anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel ini sangat bermanfaat bagi Blog dan teman-teman anda.
Namun jangan lupa harap memberikan link aktif dofollow yang mengarah ke URL ini ya
https://kejutaninternet.blogspot.com/2013/07/how-to-show-star-ratings-in-blogger.html

Dan Terima kasih sekali lagi atas kunjungan Anda.

Kritik dan saran atau apapun bisa anda sampaikan melalui kotak komentar.
Dan mohon maaf jika komentar atau pertanyaan tidak bisa cepat saya respon,
karena Saya tidak bisa selalu online selama 24 Jam.

Mau Di Buatkan Blog Siap Pakai Seperti Ini ?.