Social Icons

twitterfacebookgoogle plusmyspacerss feedemail

Jumaat, 22 Ogos 2008

Memasang 'Star Rating' pada blogger.......

'Star Rating' merupakan satu ciri yang memudahkan pembaca memberikan penilaian terhadap kualiti artikel anda. Ianya menampilkan lima bintang pilihan di mana pembaca dapat terus menilai artikel anda dengan hanya mengklik pada bintang tersebut. Ianya boleh dikatakan sebagai mini-poll. Jika anda memiliki artikel yang memberikan informasi kepada pembaca, 'Star Rating' ini sangat sesuai sekali digunakan untuk pembaca menilai kualiti informasi yang anda berikan. Tetapi anda tidak boleh menggunakan ciri ini dalam 'mode' biasa kerana ciri baru ini hanya terdapat dalam "Blogger in Draft" dan belum dimasukkan ke dalam 'mode' biasa lagi.

Untuk memasang 'Star Rating' ini pada blog anda mula - mula 'log in' dulu kat http://draft.blogger.com/start. Pergi kepada halaman {Layout} kemudian {Page Element}. Selepas itu klik pada {Edit} yang terdapat pada 'Blog Posts'. Kemudian tetingkap seperti dibawah akan keluar.

 


Kemudian tanda pada kotak {Show Star Ratings} seperti yang di tunjukkan di atas.
{Save} dan lihat hasilnya.

Jika langkah di atas tidak berjaya, beberapa langkah lagi perlu dilakukan seperti yang ditunjukkan di bawah:

Pertama sekali klik pada {Edit HTML}. Jangan lupa tandakan pada kotak {Expand Widget Template}.
Lepas itu cari kod seperti di bawah:

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

Kemudian jadikan kod di atas seperti di bawah:

<div class='post-footer-line post-footer-line-3'>
   <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='180'/>
      </b:if>
   </span> </div>

</div>

Selepas itu cari kod seperti di bawah:


<!-- feed links -->
<b:include name='feedLinks'/>
</b:includable>


Kemudian jadikan kod di atas seperti di bawah:

<!-- feed links -->
<b:include name='feedLinks'/>
   <b:if cond='data:top.showStars'>
      <script src='http://www.google.com/jsapi' type='text/javascript'/>
      <script type='text/javascript'>
          google.load(&quot;annotations&quot;, &quot;1&quot;);
          function initialize() {
               google.annotations.setApplicationId(<data:top.blogspotReviews/>);
               google.annotations.createAll();
               google.annotations.fetch();
         }
         google.setOnLoadCallback(initialize);
      </script>
   </b:if>

</b:includable>

Kemudian {Save Changes} dan lihat hasilnya.

Artikel in diambil daripada o-om.com dan diedit oleh MANMA

Suka Artikel ini? :

Ikut MANMA Site di facebook :

Tiada ulasan:

Catat Ulasan

 
Kembali ke Atas | Orang Sedang Membaca Disokong oleh | Dibina dan dikemaskini oleh "MANMA™ Site"
Kualiti terbaik menggunakan atau atau pada resolusi 1024x768 atau lebih