★★★★☆
Membuat sebuah widget seo menarik di blog anda yaitu rating bintang di dalam postingan blog tepatnya dibawah judul postingan :D, yang nantinya widget tersebut akan memberikan sebuah penilaian yang diberikan oleh pengunjung blog anda terhadap artikel yang sedang dia baca, baik itu dalam jumlah vote dan view :D. Semakin banyak dan besarnya vote dan view terhadap artikel blog anda maka hal tersebut akan menjadi sebuah penilaian bagi pengunjung blog anda bahwa artikel yang anda buat memang bermanfaat :)
Dalam membuat widget ini kita akan memanfaatkan sebuah jasa dari web yang menyediakan fitur rating bintang ini. Selain widgetnya ringan untuk dipasang di blog anda, widget tersebut juga akan menambah fitur yang ada dan mempercantik blog anda dan terlihat lebih profesional:D tentunya, oke langsung ke proses pemasangan widget rating bintang ini ke blog anda :D.
Tutorial Membuat Rating Bintang Votes Dan Views Dalam Postingan Blog
- Pertama anda masuk Dashboard blog anda kemudian pilih Template dan klik Edit HTML. cari kode <head>
- Selanjutnya pastekan kode di bawah ini tepat dibawah kode <head>
<b:if cond='data:blog.pageType != "static_page"'>
<div expr:id='"labels_" + data:post.id' style='display: none; visibility: hidden;'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<data:label.name/>, </ b: lingkaran> </ b: if> </ div> Tingkat posting ini: <div expr:id='data:post.id' class='ffbs_rate'> {[["☆", "★" ;]]} </ div>
<div expr:id='"ffbs_stats_" + data:post.id' class='ffbs_stats'> </ div>
<skrip type = 'text / javascript' expr: src = ' "http://www.graddit.com/rate/eng/5/" + date: post.id + "id =" + Data:? post.id + "& statistik ffbs_stats_ =" + Tanggal: post.id + "& labels_ label =" + date: post.id + "& Info = info-" + Data: post.id + "& info_delay = 2 & url =" + Data: post.url + "& penayangan = yes & rata-rata = yes & penilaian = yes" '> </ script> </ b: if>- kemudian klik simpan dan lihat hasilnya >>http://thehackeraja.blogspot.com/2013/04/cara-membuat-ratings-bintang-votes.html
<link type="text/css" rel="stylesheet" href="http://static.graddit.com/css/graddit.css"/>
3 .cari kode <div class='post-body entry-content'> jika terdapat lebih dari satu maka pilihlah yang pertama, tekanCtrl+F untuk mempercepat pencarian dan pastekan kode dibawah ini tepat dibawah kode <div class='post-body entry-content'>
0 comments:
Post a Comment