Cara Memasang Widget Facebook dan Twitter di Blog

Sosial media memang sangat diperlukan untuk meningkatkan trafik ke situs web atau blog Anda. Karena dengan situs-situs social media seperti Facebook, Twitter, Google+ atau lainnya dapat saling berhubungan sehingga akan sangat menguntungkan apabila Anda memiliki banyak teman atau pengikut di jejaring social tersebut.

Berikut ini mungkin bisa menjadi alternative pilihan Anda dalam menambah pelanggan via social media yaitu dengan menampatkan widget Facebook dan Twitter diatas atau dibawah postingan yang mana akan muncul di semua halaman post. Untuk hasilnya kurang lebih seperti ini:

Contoh tampilan

Apabila tertarik untuk mencobanya atau menerapkannya di situs atau blog Anda, langsung ikuti saja caranya berikut ini:

1. Masuk ke Dasbor Blogger.

2. Pilih Tata Letak.

3. Pilih Edit HTML.

4. Cari kode berikut (gunakan Ctrl+F untuk memudahkan).

 <data:post.body/>

atau bisa juga kode ini:

<div class='post-footer-line post-footer-line-1'>

5. Kalau sudah ketemu, silahkan copy-paste kode berikut diatas atau dibawah kode tadi.

<div style='margin:5px 0px 10px 0px; padding:10px; width:590px;float:none; '>
<div style='float:left; width:272px; border-right:1px solid #ddd;'>
<iframe frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FBangiz%2F557274137622952&amp;width=292&amp;height=62&amp;show_faces=false&amp;colorscheme=light&amp;stream=false&amp;border_color&amp;header=false' style='border:none; overflow:hidden; width:292px; height:62px;'/>
</div>
<div style='margin:15px 15px 0px 0px; padding:0px; float:right; width:260px;'>
<iframe allowtransparency='true' class='twitter-follow-button' frameborder='0' scrolling='no' src='http://platform.twitter.com/widgets/follow_button.html#_&amp;id=twitter-widget-0&amp;lang=en&amp;screen_name=BangizID&amp;show_count=true&amp;show_screen_name=true&amp;size=l' style='width: 266px; height: 32px;' title='Twitter Follow Button'/>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div></div>

Keterangan:

• Silahkan ganti tulisan yang berwarna merah dengan nama fanspage Facebook dan Twitter yang Anda miliki.
• Kalau menemukan kode <data:post.body/> lebih dari satu, Anda bisa mencobanya satu per satu.

Sekian tutorial blog kali ini tentang memasang widget Facebook dan Twitter diatas maupun dibawah postingan blog. Apabila ada yang perlu ditanyakan seputar topik, silahkan tinggalkan komentar Anda dan ikuti kami untuk mendapatkan info terbaru.