Faiz Husni Media : Memiliki
Fanpage (FP) facebook adalah keharusan jika sobat menjalankan sebuah
bisnis, khususnya
bisnis online.
Fanpage bisa memiliki anggota hingga ribuan, bahkan ada sebuah fanpage
yang memiliki member hingga mencapai jutaan. Betapa efektifnya kita bisa
memasarkan produk hanya sekali posting sudah tersebar ke member kita yg
mencapai ribuan, puluhan ribu hingga jutaan. Sahabat Blogger pun juga
memanfaatkan FP ini untuk menyebarluaskan artikel-artikel yang di
posting di blog, dan tentu ini salah satu juga
teknik seo
yang bisa di terapkan. Bisnis offline pun juga memanfaatkan usahanya
untuk promosi. Intinya apapun bisnis sobat sangat membutuhkan FP
Facebook untuk kegiatan promosi di media online.
Pada bagian artikel ini, ada 2 bagian yang di bahas, yaitu :
1. Cara Bikin Fanpage
2. Cara Pasang Widget Like box di Blog
Ok deh, langsung aja dan untuk memulai jangan lupa login ke akun facebook masing-masing milik anda :
Untuk Cara Bikin / membuat Fanpage langsung saja masuk sini : http://www.facebook.com/pages/create.php Muncul tampilan seperti di bawah ini. Pilih salah satu yang paling menggambarkan tema bisnis atau group anda.
Selanjutnya, muncul tampilan form seperti di bawa ini :
Upload profile picture dll,
tapi proses ini bisa di skip dan bisa di updated belakangan
Ok, skip dulu dan lanjut proses sampai sistem menampilkan halaman penyelesaian akhir seperti tampilan screenshot di bawah ini :
Sampai disini, artinya pembuatan sebuah fanpage udah selesai dengan alamat URL :
http://www.facebook.com/pages/nama fan page/kode fanpage atau
http://www.facebook.com/nama fan page
Proses berikutnya tinggal updated :
- Add profile picture
- Add Cover buat header
- Setting untuk admin
- Dan langkah berikutnya adalah menarik member atau orang lain untuk nge-like fan page kita
Salah satu cara efektif, mungkin dengan cara pasang Fanpage kita di
Blog, untuk fitur ini di namakan LIKE BOX. Jadi pengunjung blog bisa
melakukan "LIKE" dari Like Box yang di pasang di blog milik sobat.
Dari pilihan aplikasi yang tampil,
pilih Like Box, seperti gambar berikut :
Selanjutnya sampai di form pengisian data seperti gambar di bawah :
Perhatikan gambar di atas :
- Facebook Page URL : Di isi dengan link fanpage sobat yg udah di bikin diatas
- Width & Height : adalah ukuran lebar dan tinggi, bisa di atur-atur sesuai dengan ukuran sidebar blog
- Color Scheme : Untuk menyesuaikan dengan backgroung blog milik sobat. Kalau backgroundnya terang, sebaiknya pilih light saja
- Selebihnya bisa di coba-coba sendiri, silahkan di test dengan melihat hasil preview di sampingnya.
- Langkah terakhir, Klik Get Code. Kode inilah yang nanti di pasang di widget blog
Gimana Cara mengambil Code-nya kemudian di pasang di Blog?
Dari membaca komentar - komentar dari pengunjung, rupanya masih banyak
kendala yah?, sebetulnya cukup mudah. Pada saat klik Get Code, kita di
hadapkan pada pilihan mau format :
1. HTML5
2. XFBML
3. IFRAME
4. URL
Dari 4 pilihan itu kebanyakan orang ambil
HTML5 atau
IFRAME,
Namun saya lebih suka memakai kode HTML5. Kenapa?, karena script yang
di bungkus IFRAME kurang bagus buat SEO. Kalau blog kita di test di
http://chkme.com kode IFRAME akan mengurangi penilaian SEO blog milik
kita:). Untuk itu pakai yg pilihan Tab HTML5 saja. Perhatikan gambar di
bawah :
2 bagian script di atas jadikan satu dan Copas ke Widget atau bagian
blog yg ingin di tampilkan FP tersebut. Kalau ingin tampil di Sidebar,
copas apa adanya saja seperti script asli pada saat kita Get Code.
Namun kadang ada blogger yang ingin menampilkan FP di dalam postingan,
atau menjadi bagian dari posting. Untuk kasus seperti ini kode harus di
Parse dulu supaya tidak error. Coba search di google caranya parse
script. Di bagian posting saya yg lain ada yg membahas tentang parse
kode html.
Selamat mencoba
tip dan tutorial mulai dari bikin Fanpage sampai cara pasang widget
Like Box di blog. Semoga artikel ini bermanfaat bagi anda semua pengunjung blogger coepoe
Baca juga artikel
Cara Promosi Fans Page dengan Code FP
Untuk mendapatkan banyak traffic sebuah situs salah satunya adalah
melalui sosial media seperti facebook, twitter, google plus jadi sangat
baik untuk menghubungkan blog, wordpress, website dengan media sosial.
Sebelumnya saya pernah share
Cara Membuat Widget Like Box Facebook
yang biasanya dipasang pada sidebar maupun footer blog, sedangkan untuk
tutorial ini berbeda sebab kita akan memasang fanspage facebook secara
melayang di halaman / page blog yang bentuknya keren dan menggunakan
tombol close jadi pengunjung tidak akan terganggu oleh gadget likebox
fans page fb ini. Adapun kegunaan menampilkan / menambahkan fan page
facebook pada blog yaitu agar pengunjung dapat menyukai fanspage kita
tanpa terkecuali, semakin banyak yang like maka akan semakin bagus
karena setiap kali sobat share artikel / postingan di fanspage fb maka
akan muncul juga di beranda orang yang sudah like fanspage sobat secara
otomatis jadi sangat baik buat sobat memasang fanspage facebook ini
dengan cara membuat gadget baru pada layout dan memasukkan beberapa
script kode.
Kali ini saya akan share gimana
Cara Membuat Fanspage Facebook Melayang Di Blog Terbaru,
silahkan ikuti tutorial langkah langkah berikut lengkap beserta
gambarnya buat sobat yang ingin memasang like box fans page fb melayang
pada blogspot.
Cara Membuat Lika Fan Page Facebook Di Blogger Secara Float :
1. Bikin pop up Fanspage FB seperti diatas yaitu dengan cara masuk menu Layout atau Tata Letak dan klik Tambahkan gadget
2. Kemudian klik tombol tambah pada HTML/Javascript
3. Setelah itu masukkan semua kode berikut ke dalam kotak konten :
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style>
#fanback {
display:none;
background:rgba(0,0,0,0.8);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:99999;
}
#fan-exit {
width:100%;
height:100%;
}
#fanbox {
background:white;
width:420px;
height:270px;
position:absolute;
top:58%;
left:63%;
margin:-220px 0 0 -375px;
-webkit-box-shadow: inset 0 0 50px 0 #939393;
-moz-box-shadow: inset 0 0 50px 0 #939393;
box-shadow: inset 0 0 50px 0 #939393;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: -220px 0 0 -375px;
}
#fanclose {
float:right;
cursor:pointer;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtlq-PDYtXRRIHu9wTdmW-52YcKfr1QjYLd1dq4hs8X5N-FLDIjaQfPte0Z8T5Iws6HzMv6-m4ZksG5TA7BkZCM38EA7K7-egFcdmAB7JaMO-043VX69v_BVDVmifvQB-ZxdjBUSanGSnZ/s1600/fanclose.png) repeat;
height:15px;
padding:20px;
position:relative;
padding-right:40px;
margin-top:-20px;
margin-right:-22px;
}
.remove-borda {
height:1px;
width:366px;
margin:0 auto;
background:#F3F3F3;
margin-top:16px;
position:relative;
margin-left:20px;
}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
// key and at least value given, set cookie...
if (arguments.length > 1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);
if (value === null || value === undefined) {
options.expires = -1;
}
if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}
value = String(value);
return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
// key and possibly options given, get cookie...
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) +
'=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_user_login') != 'yes'){
$('#fanback').delay(100).fadeIn('medium');
$('#fanclose, #fan-exit').click(function(){
$('#fanback').stop().fadeOut('medium');
});
}
$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fanback'>
<div id='fan-exit'>
</div>
<div id='fanbox'>
<div id='fanclose'>
</div>
<div class='remove-borda'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/carazain&width=402&height=255&colorscheme=light&show_faces=true&border_color=%23E2E2E2&stream=false&header=false'
style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe>
<center>
<span id="linkit"><a href="https://goo.gl/1hk8xa">Get This Widget</a></span></center>
</div>
</div>
#Ganti tulisan warna
merah dengan alamat fanspage facebook sobat
Jika sudah sobat bisa langsung klik Simpan..
4. Terakhir klik tombol Simpan setelan.. Selesai
6. Berikut adalah tampilan blog yang berhasil dipasang like box fanspage facebook keren yang melayang saat awal membuka blog :
Nah itulah bagaimana cara membuat fanspage facebook melayang di blog dengan mudah dan cepat.
Silahkan dicoba-------------------------
DOWNLOAD VIDEO YOUTUBE GAK PAKE RIBET !!
Cara Mudah Download Video Youtube | Pasang Widget Download Youtube di Blog