Menambahkan JS-KIT Ranting Bintang dan Jempol.
Dalam perjumpaan kali ini blog Oto Website akan update postingan kembali dan kali ini blog Oto Website akan membahas tentang Menambahkan JS-KIT Ranting Bintang dan Jempol.

Pemasangan Ranting Bintang dan Jempol ini kta akan menggunakan script bantuan dari JS-KIT.

Menambahkan JS-KIT Ranting Bintang dan Jempol di blog adalah sebagai sarana untuk mengetahui seberapa populerkah postingan atau article blog kita di mata pengunjug, jadi bila pengunjung suka dengan postingan article kita banyak kemungkinan mereka akan memberikan nilai pada postingan article kita dengan cara memberi ranting bintang atau jempol yang telah kita sediakan atau pasang di blog kita. Jadi bila sobat berniat memasangnya di blog sobat, Sobat cukup ikuti langkah-langkah yang saya berikan kepada sobat berikut ini !




Dalam Menambahkan JS-KIT Ranting Bintang dan Jempol penempatannya ada dua macam :
  • Di bawah postingan.
  • Di atas postingan atau di bawah judul postingan.
Dalam Menambahkan JS-KIT Ranting Bintang dan Jempol ada dua macam jenis atau style :
  • Ranting Bintang
  • Jempol penilaian.
Cara Memasangnya :

1. Masuk ke akun blogger Sobat.

2. Pada Dasbor klick ➨ Rancangan ➨ Edit HTML ➨ centang Expand Template Widget.

4. Backup dulu templatenya untuk mengantisipasi bila terjadi kesalahan.

3. Selanjutnya sobat cari kode <data:post.body/> Jika kesulitan mencarinya coba sobat baca Cara Cepat Mencari Kode HTML.
Bila ada dua atau tiga kode yang sama maka pilih kode yang kedua.
4. Jika sudah ketemu sekarang sobat copy salah satu kode di bawah ini dan paste atau letakkan tepat di bawah kode tadi.


Jika ingin memasangnya di atas postingan atau di bawah judul postingan maka letakkan kode berkikut ini tepat di atas kode :
<div class='post-header-line-1'/> atau di atas kode <data:post.body/> yang paling atas.



Code 1




<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>


Result :



Code 2



<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>


Result :



5. Selanjutnya letakkan kode di bawah ini tepat di atas kode </body>

<script src="https://otowebsite-blogspot.googlecode.com/svn/trunk/ratings.js"></script>

6. Simpan template.

Sekarnag sobat bisa lihat sendiri hasilnnya.

Bagaimana apakah sobat berhasil menerapkannya di blog sobat? Silahkan tinggalakan tanggapan atau komentar sobat tentang postingan atau articles di atas!

Poskan Komentar Blogger Disqus

  1. Gan klo mau buat efek lipatan di pojok atas blog dengan gambar sendiri gmna ya....

    BalasHapus
  2. @Syafiq Sevenfoldizm Anda sedikitnya hrus mmahami kode script.
    anda upload dulu source code js-nya di article INI, dan rubah imagenya sesuai dengan keinginan anda.

    BalasHapus
Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA...</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Penting:
Jika Anda mengajukan pertanyaan klik 'Subscribe by email' link di bawah form komentar untuk mengetahui komentar balasan.

Khusus untuk membalas komentar disarankan menggunakan tombol balas/reply di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur.

Dilarang Meninggalkan Link Aktif, Link Aktif Terpaksa Akan Saya Hapus Dari Komentar.

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".

Konversi Kode di Sini! Daftar Member Aktif

 
Top