Membuat Tampilan Fanspage Melayang Di Blog

membuat tampilan fanspagen facebook melayang di blog
Hallo Sobbat Blogger, Tutorial CaraCiri kali ini adalah tentang bagaimaan Cara Memasang Widget Like box Fanspage Facebook Tampil 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 m
embuat 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='#'>&times;</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 : 

Cara bagaimana mempercantik blog dengan car menampilkan halaman fanspage melayang di blog
Warna Baground widget bisa anda ganti sesuai template blog anda, dengan cara merubah kode warna HTML pada Scrip widget tersebut.

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
Silahkan anda ganti Kode Script tersebut dengan Kode Script dari Halaman Facebook Anda sendiri yang sudah anda dapat. 

Bila tidak berhasil, coba ulang dari awal. 
Sekian tutorial kali ini semoga tutorilannya bermanfaat untuk anda.   Terimakasih
 

Subscribe to receive free email updates:

0 Response to "Membuat Tampilan Fanspage Melayang Di Blog"

Post a Comment