Menambah Star Ratings Widget di Blogger Custom Template
Sebelumnya saya pernah posting tentang cara pemasangan mini share button dari blogger di bawah postingan (baca: Mini Share Button Lebih Mudah Dipasang di Blogspot). Sekarang kita akan menambahakan lagi fasilitas blogger yang masih ada di draft blogger yakni star ratings widget. Dengan widget ini, pembaca Anda bisa dengan mudah memberikan rating untuk artikel Anda.
1. Silahkan login ke draft.blogger.com
2. Silahkan klik Design/Rancangan
3. Lalu klik Elemen Halaman.
4. Klik link edit di bagian kolom postingan pada elemen halaman.
5. Muncul kotak dialog penambahan gadget. Centang pada tampilkan rating bintang.
6. Klik Simpan
Tambahan Kode
Pada custom template blogger, Anda harus menambahkan kode berikut ini agar widget tersebut muncul. Letakkan kode berwrana biru berikut ini di bawah <p class='post-footer-line post-footer-line-1'> atau jika tidak ada, maka kodenya diletakkan di bawah <div class='post-footer-line post-footer-line-1'>
<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>
Semoga bermanfaat...
1. Silahkan login ke draft.blogger.com
2. Silahkan klik Design/Rancangan
3. Lalu klik Elemen Halaman.
4. Klik link edit di bagian kolom postingan pada elemen halaman.
5. Muncul kotak dialog penambahan gadget. Centang pada tampilkan rating bintang.
6. Klik Simpan
Tambahan Kode
Pada custom template blogger, Anda harus menambahkan kode berikut ini agar widget tersebut muncul. Letakkan kode berwrana biru berikut ini di bawah <p class='post-footer-line post-footer-line-1'> atau jika tidak ada, maka kodenya diletakkan di bawah <div class='post-footer-line post-footer-line-1'>
<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>
Semoga bermanfaat...
oalah cm gitu ta caranya, makasih mas
BalasHapusmantep kang, aq baru tahu caraNya
BalasHapusketigaxx , ngomong kapan di post tutuor yng ku request mas doy :(
BalasHapusbagus juga infonya mas... thxs
BalasHapusok2!! tx infonya mas doy
BalasHapusmaksih lagi untuk infonya mas doyok
BalasHapussukses slalu
waw! tak perlu repot2 pake javaScript!!
BalasHapuskeren nih mas doy, kalau aq log in akan coba aq pasang
BalasHapussaya sudah beri 5 bintang mas doy salut untuk postingannya ^_^
BalasHapusWah, mas alhamdulillah Blog saya sudah keindex.. mas.. trima kasih ya mas.. sarannya.. jhhee.. membantu.. nih blog.. jhhe :D.. wah blogger.. emang makin kreatif saja.. nih :P
BalasHapusNarutopedia Express is exclusive encyclopedia about everything in naruto anime like character biographies, jutsu, hidden village, handseal, jinchuriki, akatsuki, and other skills
BalasHapusNarutopedia Express is exclusive encyclopedia about everything in naruto anime like character biographies, jutsu, hidden village, handseal, jinchuriki, akatsuki, and other skills
BalasHapusNarutopedia Express is exclusive encyclopedia about everything in naruto anime like character biographies, jutsu, hidden village, handseal, jinchuriki, akatsuki, and other skills
BalasHapusNarutopedia Express is exclusive encyclopedia about everything in naruto anime like character biographies, jutsu, hidden village, handseal, jinchuriki, akatsuki, and other skills
BalasHapusNarutopedia Express is exclusive encyclopedia about everything in naruto anime like character biographies, jutsu, hidden village, handseal, jinchuriki, akatsuki, and other skills
BalasHapustrims bwt infonya... sangat membantu . :)
BalasHapustrims mas , oke banget dech
BalasHapusthanks info nya yah mas ,,
BalasHapuskunjungan balik oke
akhirnya muncul mas doy
BalasHapus
BalasHapusdah tak coba mas, mantap deh tipsnya. :D
fufu
Salam, saya dah follow. Folow balik ya!
BalasHapusAda sedikit permasalahan yang cukup mengganggu, yakni setelah ganti template baru kok malah postingannya jadi kacau. Misal tag <p> jadi tidak berfungsi pada template baru. Sebagai gantinya saya menggunakan tag <br/><br/> dan akhirnya berhasil. Namun saat akan mengedit entry lama tag <br/><br/> sudah tidak ada lagi. Terpaksa buat tag <br/><br/> baru lagi. Kalau entry baru sedikit tak jadi masalah, tapi kalau sudah ratusan konten bagaimana cara mengatasinya? Mohon pencerahannya. Terima kasih dan salam kenal.
BalasHapusboleh dicobaom...
BalasHapuskebetulan lagi cari artikel yang seperti ini
trimz om
coba ah... thanks for share...
BalasHapusArtikel anda bagus, tapi tidak bisa diterapkan di blog aku .... salam kenal. Kapan2 kunjungi aku di www.dolananmusik.blogspot.com.
BalasHapusAku pasang link ini ... aku tunggu backlinknya
di SS no.5 kq aku coba gax ada ea gax muncul . . .
BalasHapustolong di bantu
Maksih Mas.... Mau aku coba
BalasHapuspunya saya kok tidak ada ya?
BalasHapusKe tKP Gan... Langsung Coba... Tapi nanti gak ada yang ngerate...
BalasHapus