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:
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>
Menambahkan Follow Button ke Sidebar atau Footer Blogger
2. Tambahkan Gadget
3. Cari HTML/Javascript
4. Copy-Paste kode berikut lalu Simpan
<div class="fb-follow" data-href="https://www.facebook.com/Izurch" 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
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/Izurch" data-show-faces="true" data-width="500"></div>
Tidak ada komentar:
Posting Komentar