Jika anda memilik sebuah Fanspage Facebook dan anda ingin mempromosikan didalam sebuah blog anda itu sebenarnya banyak sekali caranya sih namun yang saya akan bahas kali ini adalah bagaimana cara Membuat dan Memasang Facebook Light Box Pada Blog.
Tujuan Membuat dan Memasang Facebook Light Box Pada Blog ini sebenarnya untuk memudahkan pengunjung melihat artikel yang ada di facebook meskipun artikel yang bersumber di fanspage adalah artikel blog nya terkadang penulisnya lebih aktif di fanspagenya dibandingkan di blog nya atau permasalahan lainnya.
Jadi kali ini saya akan membahasnya
Pertama anda harus sudah memiliki sebuah fanspage facebook. Yang ini tentu syarat pokoknya karena jika tidak ada bagaimana anda bisa mempromosikan fanspage anda tapi bisa juga sih dengan menggunakan akun anda saja yang dibagikan tapikan tidak sesuai dengan judul artikel ini,hehe.
Kemudian jika sudah memiliki anda buka link dibawah ini
Lalu anda lihat pada bagian pojok kiri anda pilih option Plugin Halaman. Nanti anda akan disuguhkan beberapa opsi untuk anda isi. Yang terpenting sih anda mengisi
- URL Halaman Facebook (Ini akun yang akan ditampilkan)
- Tab (bagian yang ditampilkan isi dengan timeline)
- Lebar (Lebar dari sebuah plugin halamannya yang akan ditampilkan)
- Tinggi (Tinggi dari sebuah plugin halamannya yang akan ditampilkan)
- Centang bagian Sesuaikan dengan lebar wadah plugin
- Centang bagian Tampilkan wajah Teman
Sebenarnya disini anda bisa atur sendiri dengan kreasi anda namun jika anda tidak ingin pusing pilih setingan default saja.Jika sudah anda klik
Tunggu beberapa saat maka akan mengenerate sebuah kode muncul pop up dan anda akan disuguhkan 2 kolom yang berisi kode. Karena kita akan menggunakan untuk dipasang pada blog sebagai widget maka kita ambil yang kedua
Contoh kode punya saya:
<div class="fb-page" data-href="https://www.facebook.com/yuktebarilmu/" data-tabs="timeline" data-width="292" data-height="300" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/yuktebarilmu/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/yuktebarilmu/">Berbagi Ilmu & Informasi</a></blockquote></div>
Jika sudah mendapatkannya anda tinggal beralih ke blogger
Masuk ke dashboard blogger Tata Letak-Tambahkan Widget-Tambahkan Javascript/HTML
kemudian masukan kode yang anda dapatkan tadi disana.
Simpan dan lihat hasilnya. Seharusnya sampai disini sudah beres dan berhasil.
Contoh hasil yang saya buat.
Selamat mencoba dan berkreasi
Untuk demo anda bisa lihat disini
Terima kasih anda telah membaca artikel Membuat dan Memasang Facebook Light Box Pada Blog. Jika anda kurang paham silahkan berkomentar dibawah & Ada baiknya jika artikel ini bermanfaat Share ke saudara atau teman anda.
0 Response to "Membuat dan Memasang Facebook Light Box Pada Blog"
Post a Comment
Jika ada kurang paham atau mau memberikan tambahan ilmu tentang hal serupa segera layangkan pada kolom komentar. Karena ilmu yang kita miliki mesti kita amakan karena itu akan berbuah pahala bagi pengamal dan pemberi ilmunya.
"Barangsiapa yang menunjuki kepada kebaikan maka dia akan mendapatkan pahala seperti pahala orang yang mengerjakannya.” (HR. Muslim no. 1893).
Kode Emoticon :