Karya-Reza

Mengerti Kebutuhan Pengunjung

Select Menu
  • Home
  • Seputar Dunia Blogging
  • Template Untuk Blog
  • Widget Blog
  • Dan Lainnya
    • Tukar Link !
    • Daftar Banner Yang Sudah Tukar Link
  • Error Page
Home » Widget Blogging » Widget Cumtom Facebook Like Counter

Friday, October 9, 2015

Widget Cumtom Facebook Like Counter

Reza Syahputra Rizal
2 Comments
Widget Blogging
Friday, October 9, 2015
Widget Cumtom Facebook Like Counter - Itulah nama widget yang saya akan kasih
bagaimana cara membuatnya di blog anda, mungkin anda yang aktif di facebook membuat
facebook like sangat menguntungkan,Apalagi blog anda sudah ada fanspage nya,Custom Like
sendiri berguna bagi blog yang sudah mempunyai fanspage atau bisa juga dipake untuk like apa saja
asalkan itu dari facebook,Setelah kemarin saya share artikel berjudul :Keren! Membuat Spoiler Dengan JavaScript

Langkah Pembuatan :

1.Masukan Jquery Dibawah Ini Kedalam Blog Anda
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/>.
2. Apabila sudah ada Kode Jquery Tersebut Lebih baik cara diatas dilewat saja
3. Untuk Kode Jquery nya,Letakan kode dibawah ini di blog anda
jQuery(document).ready(function() {
    realtime_fb_likes();
    setInterval("realtime_fb_likes()", 30000);
});
function realtime_fb_likes() {
    $.getJSON('http://graph.facebook.com/karya-reza/', 
      function(data) {
      var fb_likes = addCommas(data.likes);
      $('.fb-likes-count').text(fb_likes);
    });
}
function addCommas(nStr) {
    nStr += '';
    x = nStr.split('.');
    x1 = x[0];
    x2 = x.length > 1 ? '.' + x[1] : '';
    var rgx = /(\d+)(\d{3})/;
    while (rgx.test(x1)) {
      x1 = x1.replace(rgx, '$1' + '.' + '$2');
    }
    return x1 + x2;
}
4. Kemudian Untuk Menampilkannya,Letakan HTML ini dimana anda suka :)
<span class="fb-likes-count"></span>

Share

Like

G+

Tweet

Tweet
2 Komentar untuk "Widget Cumtom Facebook Like Counter"

Berkomentarlah Sesuai Isi Artikel Diatas :)

Klik Untuk Komentar
Unknown
Balas
Unknown October 9, 2015 at 6:20 AM
delete

Script tsb di edit html kn?

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal October 10, 2015 at 7:46 PM
delete

Bisa gan :)

Berkomentarlah Sesuai Isi Artikel Diatas :)

Newer Post Older Post Home
Subscribe to: Post Comments (Atom)
  • Contact Me !

Contact Me !

  • Semua Niche

    Popular Posts

    • Membuat Navigasi Halaman Dengan Keyboard
    • Template Ramai Blogger !
    • Cara Membuat Tombol 3 Dimensi Dengan CSS
    • FND Blogger Template
    • Fianetcakep Blogger Template Download
    • Blue Awesome Template Seo Dan Rensponsive
    • Memasang Thread Comment Hack Ala Blog Kang Ismet
    • Tutorial Membuat Navigasi Slide Out Di Blog
    • Keren! Membuat Spoiler Dengan JavaScript
    • Harderly Blogger Template

    Berlangganan

    Dapatkan Informasi Dari Blog Karya-Reza Melalui Email

    Follow blog

    Subscribe To

    Posts
    Atom
    Posts
    Comments
    Atom
    Comments

    About Me

    Reza Syahputra Rizal
    View my complete profile

    © 2025 Karya-Reza Published By Karya-Reza powered by Blogger.com.
    All Right Reserved By Blog Dian Anarchyta.