Langsung ke konten utama

Tutorial Membuat Rating Bintang Votes Dan Views Dalam Postingan Blog

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
  1. Pertama anda kunjungi Click Here
  2.     Selanjutnya klik tab menu Rating Widgets, dan muncul tampilan seperti gambar dibawah ini
Cara Membuat Ratings Bintang Votes Blogger 
Selanjutnya masuk Dashboard blog anda kemudian pilih Template dan klik Edit HTML. Setelah itu copy kode yang ditunjukan No.2 pada gambar, dan paste sesudah kode <head> atau sebelum </head>, tekan Ctrl+F untuk mempercepat pencarian.

<head><link type="text/css" rel="stylesheet" href="http://static.graddit.com/css/graddit.css"/></head>

Kemudian pilih Blogger seperti yang ditunjukan No.3 pada gambar diatas.
    Disamping kiri yang ditunjukan No.4 itu desain bentuk rating yang nantinya akan digunakan di blog anda, pilih salah satu yang sesuai dengan desain blog anda :D.
    Selanjutnya copy kode yang ditunjukan seperti No. 5 pada gambar diatas, seperti dibawah ini :
         <b:if cond='data:blog.pageType != &quot;static_page&quot;'>

        <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:loop></b:if></div>Rate this posting: <div expr:id='data:post.id' class='ffbs_rate'>{[[&quot;&#9734;&quot;,&quot;&#9733;&quot;]]}</div>

        <div expr:id='&quot;ffbs_stats_&quot; + data:post.id' class='ffbs_stats'></div>

        <script type='text/javascript' expr:src='&quot;http://www.graddit.com/rate/eng/5/&quot; + data:post.id + &quot;?id=&quot; + data:post.id + &quot;&amp;stats=ffbs_stats_&quot; + data:post.id + &quot;&amp;labels=labels_&quot; + data:post.id + &quot;&amp;info=info-&quot; + data:post.id + &quot;&amp;info_delay=2&amp;url=&quot; + data:post.url + &quot;&amp;views=yes&amp;average=yes&amp;votes=yes&quot;'></script></b:if>

    Kemudian paste kode script rating bintang sesudah kode  <div class='post-body entry-content'>,  jika terdapat lebih dari satu maka pilihlah yang pertama, tekanCtrl+F untuk mempercepat pencarian dan hasilnya seperti dibawah ini :

           <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description articleBody'>

        <b:if cond='data:blog.pageType != &quot;static_page&quot;'>

        <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:loop></b:if></div>Rate this posting: <div expr:id='data:post.id' class='ffbs_rate'>{[[&quot;&#9734;&quot;,&quot;&#9733;&quot;]]}</div>

        <div expr:id='&quot;ffbs_stats_&quot; + data:post.id' class='ffbs_stats'></div>

        <script type='text/javascript' expr:src='&quot;http://www.graddit.com/rate/eng/5/&quot; + data:post.id + &quot;?id=&quot; + data:post.id + &quot;&amp;stats=ffbs_stats_&quot; + data:post.id + &quot;&amp;labels=labels_&quot; + data:post.id + &quot;&amp;info=info-&quot; + data:post.id + &quot;&amp;info_delay=2&amp;url=&quot; + data:post.url + &quot;&amp;views=yes&amp;average=yes&amp;votes=yes&quot;'></script></b:if><br/><br/>

                <data:post.body/>

                <div style='clear: both;'/> <!-- clear for photos floats -->

    Setelah itu simpan dan lihat hasilnya :D

Postingan populer dari blog ini

Cheat Plants Vs Zombie PC Bahasa Indonesia

Game Plants Vs Zombies adalah permainan tower defense yang dibuat dan diluncurkan oleh PopCap Games. Di dalam permainan ini, ada zombie yang menyerang rumah dan pemain harus menggunakan tanaman untuk menghadapi mereka. Permainan ini pertama kali diluncurkan di Microsoft Windows dan Mac OS X. Pada tanggal 5 Mei 2009. Pada postingan kali ini Feel-Zeal berbagi cheat game plant vs zombie yang dimana sobat akan dimudahkan dalam bermain PvZ Pc Bahasa Indonesia ini, yah mungkin dari kalian beranggapan "Ngapain sih game kek gini pakai cheat" bla bla bla. Ingat sobat setiap manusia berbeda beda dan memiliki caranya tersendiri untuk bersenang senang. Nah bagi kalian yang hobby makai cheat silahkan download cheat nya dibawah ini: Info Cheat: --------------------------------------------------------------------------------------------------------- F1 - Unlimited Sun Points          |-|          Gives you unlimited  sun Points                      F2 - Give Money $999.990       

Cheat Everwing 2018 Terbaru Indonesia

Cheat Everwing 2018 Terbaru Indonesia -  EverWing adalah sebuah game tembak bergerak vertikal yang diciptakan oleh Blackstorm Labs. Game ini dirilis di Facebook Messenger sebagai game instan. Dasar game ini adalah para Guardians, dragon Sidekicks, yang bertarung melawan monster dan bos monster untuk merebut kembali kerajaan mereka. Untuk menggunakan cheat everwing 2018 ini sobat harus menggunakan browser Chrome (Khusus Chrome) untuk browser lain nanti akan kami update kedepannya. Nah berikut adalah tutorial cara download cheat Everwing 2018 : Buka Browser Chrome Sobat (Khusus Chrome!) Klik link berikut : https://chrome.google.com/webstore/detail/everwing-hacks/fbingkbgnhkfpmffjiekekmedohpmfef Lalu sobat klik  + Add To Chrome seperti gambar dibawah ini Jika sobat sudah klik +ADD TO CHROME , maka akan ada Pesan seperti gambar dibawah ini. lalu klik Add extension klik gambar H dibagian pojok kanan atas chrome sobat, seperti gambar dibawah ini ini lah tampilan Che

Cara Menghilangkan Virus Shortcut pada Laptop, Komputer, dan Flashdisk

 Selamat Membaca Postingan " Cara Menghilangkan Virus Shortcut pada Laptop, Komputer, dan Flashdisk " Virus komputer merupakan program komputer yang dapat menggandakan atau menyalin dirinya sendiri dan menyebar dengan cara menyisipkan salinan dirinya ke dalam program atau dokumen lain. Virus komputer dapat dianalogikan dengan virus biologis yang menyebar dengan cara menyisipkan dirinya sendiri ke sel makhluk hidup. Virus komputer dapat merusak misalnya dengan merusak data pada dokumen dan tidak dapat membuka file tersebut, membuat pengguna komputer merasa terganggu, hingga kerap banyak sekali kasus kebanyakan virus yang dibuat oleh orang-orang tidak bertanggung jawab untuk membayar mereka jika ingin virus yang ada di laptop maupun di komputer sobat. Cara Virus Berkerja Virus komputer umumnya dapat merusak perangkat lunak komputer dan tidak dapat secara langsung merusak perangkat keras komputer tetapi dapat mengakibatkan kerusakan dengan cara memuat program yang memak