Membuat Kotak Like Facebook di Blog
hallo sobat blogger semua, jumpa lagi ya dengan Blogeraceh, sobat udah pernah baca Cara Menulis Artikel Yang Baik dan Benar belum? jika sudah mari kita lanjutkan saja dengan membuat kotak like facebook di blog sobat masing-masing, supaya blog sobat menjadi terkenal dan memudahkan dalam membagi artikel-artikel sobat yang terupdate. pertama sobat blogger harus memiliki fanpage dulu di Facebook suapaya nanti tombol Like nya akan otomatis mengerim kode dan "like" deh.
jika sudah maka mari kita bermain dengan kode :
happy blogging!
jika sudah maka mari kita bermain dengan kode :
- buka edit template di blogger
- ceklist expand widget template bila perlu,
- (alt+f) cari kode <body>
- Copy script dibawah dan paste kan tepat dibawah tag <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 Save tempate nya sobat Blogger
- kemudian buka tata letak dan Add widget CSS/HTML
- Copy dan Paste kan Script dibawah ini kedalam Box tersebut
<div class="fb-like-box" data-href="http://www.facebook.com/pages/Bloger-Aceh/127879904046361" data-width="292" data-show-faces="true" data-stream="false" data-header="true"></div>
ganti tulisan yang berwarna merah dengan alamat Fanpage Facebook sobat masing-masing - Simpan widgetnya dan lihat blog sobat masing-masing
happy blogging!
Labels: sosial media, widget
4 Comments:
wah mantap gan... follback sukses n link juga dh dipasang.... pasang link ane jga ya gan dblog ente... :)
http://brothernfriends.blogspot.com
ngak bisa di copas..!!! gan..!!
:GR04 waduh sorry gan, kemarin dipasang anti Copas sehabis praktekin di blog, sekarang udah lancar :GR10
Keren gan...
Post a Comment
Berkomentar sesuai Artikel Posting Blog,, jika ingin memasang link gunakan Tempat yang Blogeraceh Sediakan di Menu Link Exchange
Subscribe to Post Comments [Atom]