» » Aplikasi Facebook Like & Share

Aplikasi Facebook Like & Share

    Label: Blogspot


Seperti yang kita ketahui facebook merupakan salah satu situs jejaring sosial terbesar di dunia jagad maya, artinya situs facebook mempunyai jumlah pengunjung harian yang buuaannyakk per-harinya. Nahhh... dengan jumlah pengunjung yang sangat signifikan ini sayang apabila tidak dimanfaatkan secara optimal. Gimana sich cara memanfaatkannya ??? gampang sob, sobat blogger bisa manfaatkan facebook dengan menggunakan aplikasi facebook yang bisa digunakan di blog sobat. Aplikasi facebook ini bisa sobat gunakan untuk SEO blog, traffic pengunjung, High Quality Backlink, Promosi Blog dan masih banyak lagi penggunaan aplikasi facebook yang bisa sobat manfaatkan.

Salah satu aplikasi facebook yang sering digunakan adalah "Facebook Like & Share". Aplikasi ini merupakan aplikasi sederhana namun fenomenal. Aplikasi facebook like merupakan fitur yang ada di facebook yang berfungsi memperbolehkan pengunjung untuk mensupport komentar, gambar, status dinding maupun status terkini. Apabila aplikasi ini digunakan di blog maka digunakan sebagai fitur untuk dukungan pengunjung terhadap artikel blog, info blog atau web-blog itu sendiri.

Facebook Like & Share
Become a Fan

Perhatian :
  • Biasakan backup template blog sobat sebelum mengedit apapun pada blog sobat.
  • Sesuaikan ukuran aplikasi facebook ini dengan template blog sobat agar terlihat rapih dan menarik.
Pemasangan Di Bawah Artikel :
  1. Login ke akun facebook sobat.
  2. Kunjungi situs Facebook Developers.
  3. Masukan URL blog sobat atau URL link facebook page.


  4. Klik "Get Code" untuk mendapatkan kode HTML aplikasi facebook like. Oke kita tahan dulu disini, sekarang kita lanjutkan ke blog untuk pemasangan kode.


  5. Login ke blog sobat.
  6. Klik "Design" kemudian klik "Edit HTML" setelah itu "Expand Widget Templates".


  7. Cari kode "</Head>" kemudian letakan kode CSS berikut ini di atas kode "</Head>".

    <style type="text/css">
    .fb_like_box {
    margin-top:10px;
    -moz-border-radius:10px 10px 10px 10px;
    border-radius:10px;
    background-color:#3B5999;
    border:3px solid #2B2B2B;
    margin-bottom:10px;
    padding:10px 7px;
    width:540px;
    }
    .fb_like_top {padding:0;margin:0 0 5px;width:349px;height:24px;background:url("https://lh6.googleusercontent.com/-SuvWzdb39so/TzCkfv0LdqI/AAAAAAAAA34/rzie_fDSPgA/s800/fb_logo.jpg") no-repeat scroll left top transparent;}
    .fb_like_top a {
    height:24px;
    width:114px;
    background:url("https://lh3.googleusercontent.com/-DK7rD8z3kzk/TzCkfX4BcVI/AAAAAAAAA30/HuSFG2t-KwY/s800/fb_be_a_fan.jpg") no-repeat scroll left top transparent;
    display:block;
    margin-left:425px;
    text-indent:-5000px;
    }
    .fb_like_button_holder {
    -moz-border-radius:10px 10px 10px 10px;
    border-radius:10px;
    background:none repeat scroll 0 0 #FFFFFF;
    padding:12px 12px 8px 12px;
    width:515px;
    height:auto;
    }
    </style>

  8. Kita balik ke Get Code yang tadi, pada situs facebook developers, nah... disitu terdapat dua kode yaitu kode no.1 dan kode no.2. Kita copy dulu kode no.1.
  9. Balik lagi ke blog pada kode HTML template blog cari kode "<Body>" kemudian letakan (paste) kode no.1 di bawah kode "<Body>".
  10. Balik lagi ke facebook developers kemudian copy kode no.2.
  11. Balik lagi ke blog pada kode HTML template blog cari kode "<div class='post-footer'>" kemudian letakan (paste) kode no.2 di atas kode "<div class='post-footer'>".
  12. Klik "Save" dan lihat hasilnya...
Catatan :
Apabila aplikasi facebook like ingin dipasang untuk mengetahui apresiasi pengunjung terhadap postingan artikel maka perlu sedikit modifikasi pada kode no.2 aplikasi facebook.

Contoh :
Kode no.2 Aplikasi Facebook

<div class="fb-like" data-href="http://monozcore.blogspot.com" data-send="true" data-width="450" data-show-faces="true"></div>

Ganti kode yang berwarna biru data-href="http://monozcore.blogspot.com" menjadi expr:data-href='data:post.url' sehingga kode no.2 menjadi :

<div class="fb-like" expr:data-href='data:post.url' data-send="true" data-width="450" data-show-faces="true"></div>

Pemasangan Di Gadget Blog :
Untuk pemasangan di gadget ikuti langkah pemasangan dari langkah no.1 sampai langkah no.10 seperti langkah di atas kemudian ikuti langkah di bawah berikut ini.
  1. Pada blog klik "Design" kemudian klik "Add a Gadget" setelah itu pilih "HTML/Javascript".



  2. Copy-paste kode no.2 aplikasi facebook ke kotak gadget setelah itu klik "Save".
  3. Tempatkan gadget di bawah postingan artikel dengan men-drag gadget ke arah bawah postingan kemudian klik save pada tampilan "Design" tersebut. Untuk contoh dapat dilihat di MozWidget.blogspot.com.
  4. Selesai...
Gimana infonya kerenkan ???, jangan lupa cendolnya yaa... supaya infonya makin unik dan keren. Terima kasih.

.: Semoga Bermanfaat :.
Aplikasi Facebook Like & Share 4.5 5 Unknown Seperti yang kita ketahui facebook merupakan salah satu situs jejaring sosial terbesar di dunia jagad maya, artinya situs facebook mempunyai...


Label:

Tidak ada komentar:

Posting Komentar