Cara Memasang Like Box FB Melayang di Tepi Blog

Cara Memasang Like Box FB Melayang di Tepi Blog
Tak bisa kita pungkiri lagi bahwasanya social media atau jejaring sosial merupakan salah satu alat terbaik untuk mendatangkan pengunjung, pasalnya sekarang ini hampir setiap pengguna yang berselancar di internet memiliki masing-masing 1 akun social media, entah itu facebook, twitter, linkedin, maupun google+. Dengan hasil analisa singkat tersebut, kedepanya diharapkan social media akan membawa dampak yang positif terhadap dunia blogsphere, tak hanya itu, kemungkinan social media juga akan bisa mengalahkan sumber utama traffik blog yang sekarang ini dipegang oleh search engine.

Melihat pertumbuhan akun-akun baru di social media yang begitu signifikan, hal tersebut menandakan bahwa antusiasme pengguna internet untuk berinteraksi di dunia maya sangatlah besar, oleh karena itu kita harus cermat dan pintar-pintar melihat kesempatan dan peluang mendatangkan traffik dengan prospek cerah dari social media ini. Dengan membuat Facebook Fan Page, Twitter acc, Google+ Page, itu artinya anda sudah melakukan langkah awal dari pengoptimalan traffik kunjungan, tinggal selanjutnya anda maksimalkan dengan cara menarik perhatian pengunjung agar mau menjadi followers kita di social media.

Berhubungan dengan ulasan singkat diatas, pada kesempatan kali ini saya akan membagikan widget dari salah satu social media terbesar didunia 'Facebook', tentunya kita semua sudah sama-sama tahukan tentang jejaring sosial yang satu ini. Widget yang akan saya bagikan ini sudah diberi efek melayang di sisi/tepi blog, jadi anda tidak perlu khawatir widget ini nantinya akan memakan space yang besar di blog anda.

Cara Membuat Like Box FB Melayang

1. Login ke Blogger.

2. Pilih Template.

3. Klik Edit HTML.

4. Cari kode </head>, lalu letakkan kode dibawah ini tepat diatas-nya.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js' type='text/javascript'/>

Catatan : Jika sudah ada jQuery seperti diatas versi berapapun, maka lewati saja langkah ke-4 diatas.

5. Sekarang pergi ke halaman Tata Letak / Layout.

6. Klik Add Gadget.

7. Pilih HTML/JavaScript.

8. Letakkan kode dibawah ini kedalamnya.

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://1.bp.blogspot.com/--tscpVzcBjo/TdUarKtcAlI/AAAAAAAAA3I/qVkypiYO9rc/s150/w2b_facebookbadge.pn") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Ftuliskandotcom&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp; connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe></div></div>

Keterangan:
  • tuliskandotcom = Ganti dengan nama Facebook Fan Page blog anda.
  • right = Posisi melayang widget di tepi blog (Right : Kanan & Left : Kiri), tinggal disesuaikan dengan kebutuhan anda.

9. Klik "Save/Simpan" gadget, dan selesai.

Demikian informasi terbaru tentang caa memasang facebook like box fb melayang di tepi blog, baca juga artikel menarik lainya seputar tutorial blog tentang cara membuat widget social media dengan efek hover style, semoga bermanfaat, dan selamat mencoba.

Postingan terkait: