Rabu, 11 Juni 2014

Cara membuat Tombol Like Button Facebook di Blog


Cara membuat Tombol Like Button Facebook di Blog




Halo, Kali ini saya akan membagikan widget blog. Widget yang kali ini saya bagikan adalah Widget Like Facebook untuk Blogger. Nah, bagi anda yang ingin memasang widget ini di blog anda? Lihat Cara buat Tombol Like Button Facebook di Blog berikut ini.





Di tengah malam ini, saya akan membagikan Cara buat Tombol Like Button Facebook di Blog. Postingan ini saya buat karena saya juga baru memasang widget ini di blog saya untuk site info. Widget ini digunakan untuk memudahkan pembaca mengetahui halaman facebook anda, dan otomatis pembaca akan lebih mudah mendapatkan berbagai informasi blog anda melalui facebook.





Facebook adalah salah satu media social yang paling digunakan di seantro jagad raya ini. Selain facebook, ada juga media social lainnya seperti Twitter, Friendster, dan lain lain. Pasti anda punya atau pernah punya salah satu media social ini, saya saja punya. Facebook selain sebagai media perkenalan antar sesama, bisa juga sebagai media hiburan dan lain lain.





Nah, Widget ini biasanya diletakkan di sidebar blog sebagai site info atau sebagai promosi agar yang menyukai halamannya banyak. Bagi anda yang ingin menggunakan, meletakkan, atau mempromosikan halaman facebook anda di blog anda, saran saya gunakanlah widget berikut ini. Berikut Cara buat Tombol Like Button Facebook di Blog.




  1. Login dahulu ke Facebook,

  2. Setelah itu masuklah ke Halaman ini,

  3. Lalu isikan datanya sesuai dengan informasi halaman anda,
    - URL to Like : Halaman Blog anda di Facebook,

    - Width : Ukuran Widget (kosongkan saja untuk menggunakan ukuran standar),
    - Layout : Jenis tombol :
       1) Standart : Tombol like, Jumlah like, dan daftar penyuka,
       2) Box Count : Tombol like dan jumlah like menggunakan tabel,
       3) Button Count : Tombol like dan jumlah like tanpa tabel,
       4) Button : Tombol like saja,

  4. Lalu klik get Code,


  5. Nah lalu muncul jendela baru, nanti di situ ada 2 code yang diatas dan yang dibawah, cara meletakkannya yang bawah dahulu di letakkan di widget lalu letak yang diatas tanpa <div id="fb-root"></div>, contohnya :


    <div class="fb-like" data-href="https://www.facebook.com/pages/Agung-Rianto-Blog/192245400797144?ref_type=bookmark" data-layout="button" data-action="like" data-show-faces="true" data-share="true"></div>
    <script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/id_ID/sdk.js#xfbml=1&appId=245538908798938&version=v2.0";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>


    Keterangan :

    - Kode yang <div class.....> itu script yang dibawah pada jendelanya,

    - Kode yang <script.....> itu script yang diatas tanpa menggunakan <div id="fb-root"></div>


  6. Lalu pindahkan code yang gabungan yang tadi ke tempat widget akan dipasang.



Nah, itulah Cara membuat Tombol Like Button Facebook di Blog. Bagi anda ada yang kurang mengerti tentang Cara membuat Tombol Like Button Facebook di Blog silahkan komentar di bawah ini. Mohon beritahu jika ada link yang sudah tidak aktif.