Selasa, 26 Januari 2010

JS-KIT RATING FOR BLOGGER

Puyeng bener cari bahan tutorial yang stylish!!! Yaaa...sudah BeBeN kembali membawa oleh-oleh dari teman seperjuangan Mr.Lasantha Bandara owner bloggertipandtrick.net. Oleh-olehnya mengenai tidak jauh dari bergaya-gaya dengan blog kita tercinta ini. Screenshoot :

Bagaimana penuh dengan gaya dan seksi toh. Itu rating yang selalu ada di web-web yang berbayar...xixixixi. Kalau mau yang ratingnya saja, bisa. Mau yang like or dislikenya saja juga bisa. Kedua-duanya??? Yaaa...bisa juga dong...!!!

  1. Log in ke account blogger sobat--->Layout--->Edit HTML--->Centang --->Download Full Template.
  2. Cari kode </body>, lalu letakkan script berikut diatas/sebelum kode tersebut.
  3. Scriptnya :
    <script src="http://js-kit.com/ratings.js"></script>
  4. Press Ctrl + F pada keyboard, temukan kode berikut
    <data:post.body/>.
  5. Lalu letakkan kode berikut pas setelah kode yang tadi (langkah nomor 3).
  6. Kodenya :
    <div style="float:left; margin-right:3px;"></div>
    <div class="js-kit-rating"
    expr:path="data:post.url"
    expr:permalink="data:post.url"
    expr:title="data:post.title">
    </div>
    Kode yang ini untuk rating sobat. Kalau pada gambar yang bergambar bintang. Nah kalai mau yang bergambar tangan jempol buat penampilannya, kodenya yang ini.
    <div style="float:left; margin-right:3px;"></div>
    <div class="js-kit-rating"
    expr:path="data:post.url"
    expr:permalink="data:post.url"
    expr:title="data:post.title" view="score">
    </div>
  7. SAVE dan lihat hasilnya.
Catatan : Kedua kode diatas dapat ditempatkan sesuai dengan keinginan sobat kok. Kalau mau tampil di bawah judul postingan, maka cari kode
<div class='post-header-line-1'/>
dan letakkan kodenya setelah kode yang bertuliskan tebal. Atau mau mencoba meletakkannya di kode berikut.
<div class='post-footer-line post-footer-line-1'>
Tutorial by : www.bloggertipandtrick.net

See you and happy blogging...WassaLam ^_^

Tidak ada komentar:

Posting Komentar