Membuat Tampilan Fanspage Melayang Di Blog
Mempercantik Blog
Pada dasarnya tujuan Membuat Widget Like Box Facebook fanspage Melayang di Blog adalah agar para pengunjung blog dapat melihat dan menyukai halaman facebook yang kita kelola dengan memberikan Likenya, sehingga Like halaman facebook yang anda kelola akan semakin banyak.Tampilan Fanspage Melayang Di Blog
Ini juga berguna nantinya jika anda ingin mempromosikan artikel blog anda di halaman Fanspage Facebook anda. Karena ketika anda mempostingkan halaman blog atau website anda maka akan muncul di beranda Facebook orang yang sudah Nge-Like Fanspage Facebook anda. Coba anda bayangkan ketika Like di "Fanspage Facebook" anda jumblahnya mencapai ribuan atau bahkan puluhan ribu! ini memungkinakan artikel anda akan dilihat oleh banyak orang dan tentu saja mendatangkan pengunjung yang lebih banyak di blog anda.Berbicara mengenai halaman Fanspage. Sebetulnya Di Google Plus juga memiliki halaman fanspage, tentu saja jika anda ingin memiliki nilai yang bagus di pencaharian Mbah Google maka anda harus memanfaatkan sebaik mungkin semua fitur yang sudah disediakan oleh Mbah Google ini. (tutorialnya segera akan saya posting)
Kita lanjut ke pembahasan pertama cara membuat tampilan fanspage melayang di blog
Membuat Widget Fanspage Facebook melayang berikut ini dapat dikatakan simple karena tidak besar tidak juga kecil, ukuran bisa Anda sesuaikan sendiri, sehingga dengan adanya tombol close yang kecil, maka jika nantinya pengunjung blog anda malas mengklik close tentu tidak akan terganggu dengan widget ini.
Oke apakah anda tertarik ingin Membuat Widget Like Box Facebook Melayang di Blog anda? silahkan Ikuti langkah-langkah dibawah ini.
Membuat Tampilan Fanspage Facebook Melayang di Blog
1. Syarat utama: Memiliki Sebuah Halaman Facebook. Bila belum ada, silahkan buat dulu. Setelah anda memiliki sebuah halaman facebook, ikuti langkah selanjutnya.2. Buka Akun Blog yang anda kelola.
3. Pada Dasbor Blog anda, masuklah ke Elemen > Tata letak pilih Add Widget / Tabaah Gadget
4. Lalu pilih HTML/Javascript
5. Selanjutnya Copy kode script di bawah ini lalu pastekan ke dalam Widget/Gadget Baru yang anda buat.
<style type='text/css'>
#kotak-facebook {
position:fixed !important;
position:absolute; /* IE6 */
bottom:-1000px;
right:40%;
margin:0px 0px 0px -182px;
width:310px;
height:auto;
padding:16px;
-webkit-box-shadow: 0px 0px 7px #222;
-moz-box-shadow: 0px 0px 7px #222;
box-shadow: 0px 0px 7px #222; background-color:#FFFFFF; font:normal 1em Cambria,Georgia,Serif;
color:#111;
</style>
<script type='text/javascript'>
$(window).bind("load", function() {
// animasikan nilai top saat halaman telah selesai dimuat
$('#kotak-facebook').animate({bottom:"50px"}, 1000);
// hilangkan kotak pesan saat tombol (x) di klik
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='kotak-facebook'>
<!-- Mulai --!>
<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FSenenJaya.jkt%2F&tabs=timeline&width=1000&height=300&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId=265536843844009" width="1000" height="300" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
<!-- Selesai --!>
<a class='close' href='#'>×</a></div>
6. Kode yang berwarna merah di atas silahkan ganti dengan script halaman Fansapage Facebook milik anda. Simpan Widget Baru yang sudah anda buat sebelumnya.
Bagaimana cara mendapatkan kodenya (iframe warna merah) di atas? (Cara mendapatkan kode plugin IFrame fanspage facebook)
7. Lihat hasilnya seperti gambar dibawah ini :
8. Jika berhasil maka selamat anda telah berhasil memasang Likebox fanspage di facebook versi melayang.
- Yang Perlu Anda Perhatikan Adalah :
- Tulisan berwarna Merah adalah Kode Script dari Halaman Facebook Milik Caraciri123
Bila tidak berhasil, coba ulang dari awal.
Sekian tutorial kali ini semoga tutorilannya bermanfaat untuk anda. Terimakasih
Post a Comment for "Membuat Tampilan Fanspage Melayang Di Blog"