Jika anda ingin menambahkan gadget seperti di atas, berikut inilah langkah-langkahnya:
1. Login ke akun blogger.com anda.
2. Masuk ke label 'Layout'.
3. Klik 'Tambah Gadget', pilih lokasi Gadget sesuai selera anda.
4. Tambahkan 'HTML/JavaScript'.
5.
Masukkan kode HTML di bawah ini pada Gadget HTML, beri judul Gadget
sesuai opini anda. (contoh seperti di blog saya, 'Facebook Comment')
<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/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-comments" data-href="http://www.adhegratis.blogspot.com/" data-num-posts="2" data-width="500"></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/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-comments" data-href="http://www.adhegratis.blogspot.com/" data-num-posts="2" data-width="500"></div>
6. Sebelum anda simpan, Ubahlah Kode berwarna di atas sesuai pengaturan anda.
warna merah ganti dengan URL yang menjadi object comment
warna hijau menentukan jumlah comment yang akan di tampilkan pertama kali
warna biru menentukan lebar gadget dengan satuan ukuran pixel
8. Selesai, anda lihat perubahannya pada blog anda. Mudah bukan?
0 comments:
Post a Comment