Tombol Like Facebook di Blog [Tutorial Blogspot]

Sebelumnya silahkan like post ini dulu yaa :D
Melanjutkan pos yang sebelumnya. Sekarang kita akan menambahkan tombol like facebook di blog kita. Sekali lagi saya mamakai cara yang termudah, tapi belu tentu menjadi cara yang paling bagus. :D

1. Pertama-tama kunjungilah link facebook developer ini.
2. Kemudian carilah bagian "Get Like Button Code"
3. Sesuaikan pilihannya sesuai kemauan anda.
Kalau mau yang kayak punya saya dikiri maka opsinya seperti berikut ini.

Setting Facebook Like Button
4. Nah kalo udah tekan "Get Code". Akan muncul code script, kita bisa memilih apakah HTML5 atau IFrame dibagian atas. HTML5 lebih recommended, karena Iframe tidak didukung sebagian browser.
5. Selanjutnya masukkan kode ini ke blog kita. Kalo udah bisa edit template, silahkan tambahkan kode bagian 1, setelah tag <body>. Kemudian kode bagian kedua ditempat dimana kita ingin tombol like muncul.

Ini contoh kalo kita ingin menambahkan like facebook di widget melayang kita di post sebelumnya.


<style type="text/css">
.melayang {
position: fixed;
bottom: 0;
right: 0;
width: 200px;
background-color: black;
color: white;
margin: 10px;
padding: 20px;
}
</style>
<div class="melayang">
<div class="fb-like" data-send="false" data-layout="box_count" data-width="100" data-show-faces="false"></div>
</div>

Kalo tombol likenya belum muncul mungkin anda lupa menambahkan kode bagian 1 setelah tag <body>.

Ada beberapa pilihan Layout Style untuk tombol like facebook ini :

1. Standard

2. Button Count

3. Box Count

Silahkan lihat dibagian kanan bawah post ini untuk contoh hasilnya.

Tutorial berikutnya tentang menambahkan tombol tweet dan follow twitter dan g+. See You :)

1 comments:

Unknown said...

http://www.lifes4healthy.tk/2016/01/3-forbidden-fruit-for-pregnant-mom.html

terima kasih, kunjungi web saya ya

Post a Comment

Terima Kasih. Komentarnya sangat saya hargai dan saya tunggu-tunggu tiap hari :)

 
Share Me!