Mengenai apa itu facebook kyk nya udah pada banyak yang tau kan, facebook itu merupakan situs jejaring sosial yang sangat populer dalam kalangan semua masyarakat. Facebook ini memiliki banyak fitur dalam memberikan fasilitas saring terhadap website atau blog kamu. Nah disini saya akan memberikan cara dalam menaruh tobol like facebook dalam blo atau websitr kamu. Dengan fitur ini pengguna Facebook bisa menunjukkan rasa suka/like langsung di situs/blog di luar Facebook. Tapi tentunya hanya pada situs/blog yang memasang tombol ini yang bisa membagi link artikelnya ke Facebook.
Nah tentunya ketertarikan untuk memasang tombol like ini, dalam artikel ini saya akan memberikan tutorial dalam membuat tombol tersebut langsung dengan settingan HTML nya. Sebenarnya, di situs Facebook sudah tersedia tool untuk mendapatkan kode yang bisa dipasang di situs/blog. Tapi sayangnya, pada pilihan URL to Like di tool itu, hanya bisa menentukan URL statis, tidak bisa membaca secara otomatis URL setiap artikel/halaman blog (URL dinamis). Untuk itu perlu sedikit modifikasi dari kode yang bisa didapat di Facebook itu.
Silahkan pilih kode yang sesuai dengan platform blog yang dipakai. Jika Anda tertarik silahkan ikuti langkah demi langkah di bawah ini:
1. Login dulu ke akun Blogger Anda.
2. Klik pilihan Rancangan.
3. Edit HTML.
4. Tandai Expand Template Widget.
5. Cari kode <data:post.body/> dan masukan kode di bawah ini di atas atau di bawahnya.
<div class="fb-like" data-href="namablog-Anda.blogspot.com" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false"></div>
6. Cari kode <body>, masukkan script berikut ini di bawah kode <body>.
<div id="fb-root"></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/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Jika sudah selesai, simpan template dan silahkan lihat hasilnya.
Silahkan pilih kode yang sesuai dengan platform blog yang dipakai. Jika Anda tertarik silahkan ikuti langkah demi langkah di bawah ini:
1. Login dulu ke akun Blogger Anda.
2. Klik pilihan Rancangan.
3. Edit HTML.
4. Tandai Expand Template Widget.
5. Cari kode <data:post.body/> dan masukan kode di bawah ini di atas atau di bawahnya.
<div class="fb-like" data-href="namablog-Anda.blogspot.com" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false"></div>
6. Cari kode <body>, masukkan script berikut ini di bawah kode <body>.
<div id="fb-root"></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/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Jika sudah selesai, simpan template dan silahkan lihat hasilnya.
Selamat mencoba yaaa . . . .
sumber : blog temen,,,, hehehe
sumber : blog temen,,,, hehehe
0 Komentar