Cara memberi facebook pada blog

Salah satu teknik atau metode SEO OFF Page adalah membuat dan memasangkan widget facebook di blog.

Logikanya semakin banyak adders atau followers dari fanspage facebook, semakin tinggi kemungkinan artikel banyak dibaca oleh orang lain.

Dan lebih menyenangkannya lagi ialah ada kemungkinan meningkatnya penghasilan Google AdSense kita.

2 Cara Memasang Widget Facebook di Blogger Blogspot

Buat terlebih dahulu halaman facebook dari blog kita. Setelah berhasil, masuk ke link plugin Facebook dibawah ini:

//developers.facebook.com/docs/plugins/page-plugin

Isi URL halaman facebook yang telah dibuat, tab biarkan terisi "timeline", lebar disesuaikan dengan sidebar (jika ukuran sidebar 300px dan ditempatkan di sidebar pula; maka masukkan lebar 300px).

Untuk tingginya sendiri disesuaikan sama preview yang muncul pada tampilan bawah.

Dibawahnya lagi ada 4 buah settingan yang bisa disesuaikan yakni:

  1. Menggunakan judul yang lebih kecil
  2. Sembunyikan foto sampul
  3. Sesuaikan dengan lebar wadah plugin; dan
  4. Tampilkan wajah teman

Biarkan ke 4 setting ini default (tidak perlu diubah). Jika sudah, klik tombol "dapatkan kode". Ok! Kita mendapatkan kode widget facebook ini.

Pilih menu iFrame, copy kode tersebut secara menyeluruh.

  1. Masuk ke blogger > Layout blogger
  2. Add a Gadget > HTML / JavaScript
  3. Paste kode tadi ke HTML / JavaScipt
  4. Save template, Ok!

Perhatikan pada sidebar blog apakah ukurannya sudah sesuai atau tidak. Jika tidak sesuai, silahkan atur tinggi dan lebarnya pada kode tadi.

Atau jika ingin lebih mudah, ulangi tutorial diatas dan edit lagi ukuran lebar dan tinggi widget facebook ini. Ok semoga berguna.

UPDATE:

Copas kode dibawah ini pada Add a Gadget layout blogger:

<iframe
src="//www.facebook.com/plugins/likebox.php?
href=//www.facebook.com/198572440681749&amp;width=290&amp;height=250&amp;
amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;" style="border:none;height:250px;
overflow:hidden;width:290px;">
</iframe>

Ubah kode berwarna merah diatas dengan ID facebook agan. Berhasil gak? Ane berhasil nih. Nggak mungkin gak berhasil. Oke.*

Labels: Desain Blogger

Thanks for reading 2 Cara Memasang Widget Facebook di Blogger Blogspot. Please share this article.

Fanspage facebook atau halaman facebook yang dapat dipasang di blog atau website untuk menambah visitors dengan cara menambahkan link facebook di website berupa kode html atau script. 

Untuk kalian yang memiliki fanspage dan ingin memasang widget halaman facebook di blog atau website maka facebook sudah menyiapkan kode html atau plugin halaman facebook yang dapat ditambahkan pada tata letak di blogger atau blogspot.

Ada beberapa tampilan widget fanspage yang dapat kalian pilih dan atur seuai dengan kebutuhan atau memilih sesuai dengan setingan standar yang ada. 

Jika kalian ingin mengganti seperti ukuran widgetnya maka kalian dapat merubah pada pengaturan kode htmlnya.

Atur Plugin halaman facebook dengan menyalin kode html atau script pada blog atau website kalian dan sesuaikan dengan tampilan plugin kemudian pasang pada template atau tema pada blog atau website pada pengaturan tata letak di blogger.

Apakah fungsi halaman FB bagi Blog

Fungsi widget halaman facebook yang dipasang pada website atau blog untuk mempermudah pengguna akun facebook untuk follow atau mengikuti sebuah website.

Saat blog mengupdate postingan atau artikel melalui halaman facebook maka followers langsung menerima notifikasi pada aplikasi facebook. 

Setiap visitors blog yang sudah login di akun facebook dapat langsung mengklik widget fanspage FB tersebut untuk follow.

Baca juga :

Cara membuat Widget Fanspage Facebook

1. Untuk dapat memilih widget fanspage pada blog atau website bisa masuk pada Plugin Halaman Facebook //developers.facebook.com/docs/plugins/page-plugin dan akan terbuka menu seperti gambar di bawah ini. 

2. Masukan User nameHalaman facebook kalian.

3. Jika pengaturan lainnya dikosongkan default maka hasil previewnya seperti gambar diatas pada Fanspage Facebook Milsmilo Blog.

4. Pengaturan yang dapat dilakukan meliputi , jika kalian ingin menampilkan postingan pada plugin halaman facebook maka pada pengaturan tab diisi dengan timeline. 

Tab timeline dapat di scroll ke atas bawah yang berisi postingan di Fanspage facebook atau ingin dapat mengganti dengan events untuk acara, messages untuk berikirim pesan.

5. Jika ingin mengatur lebar dan tinggi widget facebook maka dapat diisikan pada kolom Lebar (width) dan Tingginya (height) dengan satuan pixel, Ukuran secara default lebar 340 pixel dan tinggi 500 pixel. Ukuran lebar dapat di atur minimal 100 pixel dan maksimal 500 pixel, serta tinggi minimal 70 pixel.

6. Jika kalian ingin mengatur yang lainnya maka checklist pada pengaturan Gunakan judul kecil, sembunyikan foto sampul, Sesuaikan dengan wadah plugin, Tampilkan wajah teman. Lihat pada preview di hasil pengaturan. Dan setelah pengaturan disesuaikan maka Klik tombol Dapatkan Kode.

7. Kemudian muncul kode Script dan Iframe kemudian salin salah satu kode tersebut yang nantinya akan di pasang pada halaman blogger kalian.

Cara menambahkan Plugin Halaman Facebook ke Blogspot

1. Jika kalian sudah menyalin kode Iframe tadi. Buka dashboard blogger di Blogspot.

2. Plih menu Tata Letak, kemudian pilih tempat meletakan kode html plugin halaman facebook.

3. Jika kalian ingin menempatkan pada bagian sidebar, pilih pengaturan pada sidebar, selanjutnya Pilih Tambahkan Gadget kemudian Pilih HTML / Java Script.

4. Pastekan kode tadi kemudian Klik Simpan, Jika sudah pada bagian bawah dasboard pengaturan Klik logo Simpan kembali.

5. Selain dengan melakukan pada cara diatas maka kalian juga dapat menggunakan Plugin halaman facebook yang telah disediakan oleh facebook. 

Kalian tinggal copy kodenya kemudian mengganti URL user name atau nama pengguna. 

Jika sudah masuk ke tambahkan gadget seperti pada cara menambahkan gadget facebook seperti diatas.

Plugin halaman facebook atau widget fanspage yang bisa dipilih :

1. Plugin halaman facebook dengan Tampilan Standar.

2. Plugin halaman facebook dengan tab tunggal.

3. Widget fanspage dengan beberapa tab.

4. Widget fanspage FB dengan lebar adaptif.

5. Fanspage FB plugin yang memperlihatkan wajah teman di facebook,

6. Halaman FB plugin dengan Mengubah bahasa.

Menambahkan Plugin Halaman facebook dengan tampilan standar 

Widget ini hanya menyertakan header dan foto sampul. Ukuran ini cocok untuk mempromosikan Halaman fanspage FB di blog pada ruang halaman blog yang kecil yang bisa di tampilkan di sidebar atau footer website.

Kode htmlnya adalah sebagai seperti dibawah ini

<div class="fb-page"  data-href="//www.facebook.com/milsmilodata-width="380"  data-hide-cover="false" data-show-facepile="false"></div>

Pada URL halaman facebook dengan user name milsmilodiganti dengan user name fanspage atau halaman facebook kalian. 

Kemudian salin dan tempel dan tambahkan pada widget di blogger. 

Pengaturan pada lebar pada widht dengan satuan pixel dapat di sesuaikan dengan ruang pada tema di blogspot.

Selanjutnya kalian bisa memilih katagori plugin halaman yang sesuai dengan keinginan kalian dan melakukan pengaturan yang direkomendasikan.

Dengan menambah widget like halaman facebook pada website maka kunjungan ke blog akan lebih meningkat.


Postingan terbaru

LIHAT SEMUA