Langsung saja kita bahas tentang Fanspage Facebook yang melayang di blog. Untuk kali ini kita pilih Fanspage Facebook yang melayang tetapi bisa tersembunyi di bagian sisi kanan blog. Terkadang hal ini dilakukan untuk melengkapi media sosial blog untuk berbagi posting dan meningkatkan rating kunjungan ke blog.
Sebenarnya sudah sangat banyak sekali artikel yang membahas tentang topik ini. Namun tidak sedikit pula panduan yang ditulis masih menggunakan cara yang salah terkait dengan script yang digunakan. Tidak heran jika hasil dari tindakan yang dilakukan kurang maksimal atau tidak sesuai dengan harapan. Nah untuk menjawab permasalahan itulah artikel ini saya buat dengan harapan para blogger sekalian bisa menerapkannya dengan cara yang benar.
Facebook Widget |
Sebenarnya langkahnya sangat sederhana. Seperti biasa, kita hanya membutuhkan beberapa tahap untuk memasang Fanspage Facebook kita di blog. Ikuti langkah berikut ini:
1. Silahkan login ke blog sobat
2. Pilih Menu Tata Letak
3. Klik Rancangan ➮ Tambah Gadget ➮ Pilih HTML/Java Script
4. Copy kode script berikut (kode warna merah) lalu paste/letakkan di dalam Gadget kotak HTML/Java Script tadi:
PENTING:
Jika tidak bisa copy script di bawah ini = > Silahkan Unduh SCRIPT nya (Klik Disini)
Silahkan bergabung di Group Facebook: BLOGGER TERBESAR INDONESIA
Bisa juga langsung copy script yang saya unggah di facebook (Klik Disini)
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/><blockquote></blockquote></script><script type="text/javascript">/*<![CDATA[*/jQuery(document).ready(function() {jQuery(".likebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});/*]]>*/</script><style type="text/css">.likebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDKYmI0u2izVJVeAXcOfS_CEgSmBVO1M3eWZfmJD91Xmh2QsYbt_L8RUQdx2RxY23KoUHk0lECEWxGT7Zpe89EDDSMXYnpBUcZXeD5fQnQVIMgRWqsVdveoDQ40wJKQiQ2zSxEqi-4pt8/s1600/floatingfb.png") no-repeat scroll left top transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:44%;}.likebox div{border:none;position:relative;display:block;}.likebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 99999;}.likebox span a{color: gray;text-decoration:none;}.likebox span a:hover{text-decoration:underline;}</style><div class="likebox" style=""><div><iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/KomunitasUnikIndonesia&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span><b><a target="_blank" href="http://www.komunitasunik.com/2015/11/cara-memasang-facebook-di-sebelah-kanan.html">Cara Pasang Widget</a></b></span></div></div>
5. Klik Save/Simpan
Keterangan:
Ganti kode warna biru dengan url/link alamat Fanspage Facebook milik sobat
Demikianlah tutorial singkat kali ini untuk tema Cara Memasang Facebook di Sebelah Kanan Blog. Semoga bermanfa'at untuk Bapak/Ibu, Om Tante dan Kang Mas/Mbak Yu semua. Nantikan lagi tutorial blog selanjutnya bersama blog KomunitasUnik. Baiklah Om Tante, kembali kita lanjut gedein itunya :) Salam berbagi dan salam cinta.
www.perkututnusantara.com
Saya sebagai kontributor juga sampaikan
Terima kasih sudah berkunjung di blog ini