Pada kesempatan kali ini Bangiz mau membahas tentang Facebook dan juga Blogger. Seperti yang kita tahu bahwa Facebook ini merupakan sosial media yang paling banyak digunakan di dunia maya sekaligus pelopor munculnya sosial media yang lain. Salah satu yang dikembangkan oleh Facebook adalah adanya Social Plugins. Social Plugins juga memiliki beberapa macam yang salah satunya akan di bahas kali ini yaitu Follow Button (Tombol Ikuti) yang bisa ditambahkan ke blog atau situs Anda.
Dengan menggunakan Follow Button, pengunjung blog Anda bisa secara langsung mengikuti Anda lewat Facebook tanpa meninggalkan blog Anda tentunya. Secara langsung bisa menambah daftar follower Facebook Anda juga meningkatkan lalu lintas ke blog Anda. Dengan trafik yang tinggi pastinya bisa meningkatkan yang lainnya seperti Alexa, Page Rank dan sebagainya. Tertarik untuk menggunakannya, langsung saja ikuti caranya berikut ini:
Follow Facebook button |
Menambahkan Kode Facebook ke Blogger
2. Pilih Template > Edit HTML.
3. Cari kode berikut (gunakan CTRL+F):
<body expr:class='"loading" + data:blog.mobileClass'>atau
<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/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
2. Tambahkan Gadget.
3. Cari HTML/Javascript.
4. Copy-Paste kode berikut lalu Simpan.
<div class="fb-follow" data-href="https://www.facebook.com/NamaAkunAnda" data-show-faces="true" data-width="300"></div>Keterangan:
- https://www.facebook.com/Izurch ganti dengan URL profil Facebook Anda. Kalau belum tahu: Buka Facebook Anda > Klik Nama Anda > Lihat pada browser.
- true: untuk menampilkan wajah, untuk menyembunyikan ganti saja dengan false.
- 300: lebar, tinggal sesuaikan dengan template Anda.
- Untuk membuatnya sendiri, klik https://developers.facebook.com/docs/plugins/follow-button/
Menambahkan Follow Button di Bawah Postingan
1. Pilih Template.
2. Pilih Edit HTML.
3. Gunakan CTRL+F dan temukan kode berikut:
<data:post.body/>
<div class="fb-follow" data-href="https://www.facebook.com/NamaAkunAnda" data-show-faces="true" data-width="500"></div>
Silahkan ganti "https://www.facebook.com/NamaAkunAnda" dengan alamat Facebook Anda.