Langsung ke konten utama

Cara Mudah Menambahkan Simple Fanpage Facebook di Widget Blogger

Facebook adalah tempat yang paling ampuh untuk mempromosikan sebuah halaman blog ataupun situs web, dikarenakan jumlah pengguna facebook yang semakin banyak, sehingga memudahkan kita dalam proses promosi. Pada tutorial kali ini, saya akan memberikan tutorial tentang cara menambahkan simple fanpage facebook di widget blogger.

(Baca juga : Cara Menambah dan Menghapus Admin atau Pengurus di Facebook Fanpage)

Umumnya sebuah blog ataupun situs web pasti memiliki sebuah Facebook Fanpage, yang berguna agar para pengunjung dapat melihat aktifitas yang ada di Fanpage blog tersebut.
Cara Mudah Menambahkan Simple Fanpage Facebook di Widget Blogger

Fanpage facebook ini juga sangat berguna bagi kalian yang ingin mempromosikan blog kalian, sehingga memudahkan kalian mendapatkan trafik yang organik dari facebook.

Dengan mendapat 1 like facebook saja, sudah sangat membantu kita dalam mendapatkan trafik organik, karena orang yang sudah like fanpage kita pastinya akan mendapatkan pemberitahuan di akun facebook mereka.

Itulah kenapa kita harus menambahkan fanpage facebook kita di blog, ataupun website kita. Bagi kalian yang ingin mengetahui cara menambahkan facebook fanpage di blog, ikuti langkah-langkah dari saya berikut ini.

(Baca juga : Cara Membuat Tombol Share Bergaya Flat di Blogger)

Cara Menambahkan Simple Facebook Fanpage di Blogger

  1. Login ke akun Facebook kalian.
  2. Masuk ke halaman facebook (facebook fanpage) kalian, kemudian copy link URL halaman facebook kalian.
    Cara Mudah Memasang Widget Fanspage Facebook di Blog
  3. Buka website facebook for developers.
  4. Setelah muncul Plugin Halaman, silahkan scroll ke bawah dan masukan link URL yang sudah di copy tadi di kolom URL Halaman Facebook.
    Cara Membuat Widget Halaman/Fanspage Facebook Di Blog
  5. Kemudian pilih pengaturan yang kalian inginkan.
    CARA MEMASANG WIDGET FANPAGE FACEBOOK DI BLOG
    • Catatan :
      • Tab = Jika kalian ingin menampilkan semua aktifitas yang ada di facebook fanpage kalian, kalian bisa mengetikan “timeline”, jika tidak kalian bisa menghapus timeline dan mengosongkannya saja.
      • Lebar = Di gunakan untuk mengatur lebar tampilan facebook fanpage kalian blogger.
      • Tinggi = Di gunakan untuk mengatur tinggi tampilan facebook fanpage kalian di blogger.
      • Gunakan Judul yang Lebih Kecil = Jika kalian memilih ini, tampilan facebook fanpage kalian akan terlihat lebih simple dan tidak terlalu besar.
      • Sembunyikan Foto Sampul = Jika kalian memilih ini, tampilan facebook fanpage kalian akan terlihat tanpa foto sampul.
      • Sesuaikan dengan lebar wadah plugin = Jika kalian memilih ini, lebar dan tinggi facebook fanpage kalian akan di sesuaikan secara otomatis dengan ukuran sidebar ataupun widget blog kalian.
      • Tampilkan Wajah Teman = Jika kalian memilih ini, maka tampilan foto profil orang yang yang sudah menyukai facebook fanpage kalian akan muncul.
  6. Setelah memilih pengaturan yang kalian inginkan, pilih Dapatkan Kode kemudian pilih Iframe dan copy kodenya.
    Cara memasang widget fanpage facebook terbaru
  7. Setelah meng-copy kode tadi, masuk ke akun Blogger kalian.
  8. Pilih Tata letak, kemudian pilih lokasi widget yang kalian inginkan dan pilih Tambahkan Gadget, pilih HTML/Javascript.
  9. Masukan kode yang sudah di copy tadi di kolom Konten, lalu pilih Simpan.
    Cara Membuat widget like box fanpage terbaru di blog
  10. Setelah selesai, kalian bisa melihat facebook fanpage di blog kalian.
    Cara Mudah Membuat Fanspage Facebook Tampil di Blog

(Baca juga : Cara Membuat Widget Social Media Button Efek Berputar)

Demikian tutorial dari saya mengenai cara menambahkan simple facebook fanpage di blog, jika ada pertanyaan mengenai hal ini, silahkan masukan ke dalam kolom komentar.

Terima kasih sudah melihat artikel saya ini, untuk tutorial yang lainnya dari saya, silahkan tetap kunjungi tutorialumum.com.

Postingan populer dari blog ini

Cara Membuat Widget Komentar Terbaru Dengan Judul Postingan di Blogger

Cara Membuat Widget Komentar Terbaru Dengan Judul Postingan di Blogger - Setelah sebelumnya saya membagikan tutorial cara membuat widget recent comments ringan di blog, kali ini saya akan membagikan widget yang sama tapi dalam bentuk yang berbeda. Apa bedanya ? Di dalam widget komentar terbaru ini sudah ada judul postingannya, jadi akan terlihat artikel apa yang terakhir di komen oleh pengunjung blog. Untuk masalah kecepatan, widget ini tidak akan menggangu kecepatan blog, jadi kalian tidak perlu khawatir untuk memasang widget ini. (Baca juga : Cara Membuat Widget Recent Comments Ringan di Blog ) Widget ini saya temukan di blog Kang Ghani yang sering membagikan berbagai tutorialnya. Bagi yang ingin tahu bagaimana cara memasangnya, ikuti langkah-langkah berikut ini. Cara Memasang Widget Komentar Terbaru Dengan Judul Postingan di Blogger Langkah pertama masuk ke akun blogger kalian Kemudian pilih menu Tata Letak , kemudian pilih lokasi widgetnya Pilih Tambahkan Gadget , kemudian pili...

Cara Membuat Button Responsive 13 Gaya dengan CSS

Button atau tombol adalah sebuah tampilan atau bentuk untuk mengaktifkan sebuah perintah yang di jalankan oleh admin atau penggunanya. Umumnya button atau tombol ini hanya berupa 1 atau 2 buah saja dalam bentuk terpisah-terpisah. Kali ini saya akan membagikan cara membuat button responsive 13 gaya dengan css . Button responsive ini tidak memakan loading sebuah website atau blog, karena button ini hanya menggunakan css saja. (Baca juga : Cara Membuat Efek Tombol Keyboard di Blogger Dengan CSS ) Ada beberapa pilihan untuk memilih button yang kita inginkan, diantaranya : 6 warna Biru Orange Merah Hijau Ungu Putih 4 ukuran XS (Extra Small) SM (Small) MD (Medium) LG (Large) 2 pengaturan Block Buttons Outline(Accessibility) Untuk tampilan 13 gaya buttonnya silahkan lihat di https://bttn.surge.sh/ . Tampilan Gaya Button Slant, Unite, Float Tampilan Gaya Button Pill, Material - flat, Material - circle Tampilan Gaya Button Fill, Gradient, Jelly Tampilan Gaya Button Stretch, Minimal, Bordered...

Cara Membuat Tombol Demo dan Download Ringan Responsive di Blogger

Tombol download dan demo sangat di butuhkan pada saat kita membagikan sesuatu di blog yang kita miliki. Apalagi untuk kalian yang memiliki blog seperti blog share template, software, film, musik, dan lain sebagainya. Untuk itu kali ini saya akan membagikan cara membuat tombol demo dan download ringan responsive di blogger . (Baca juga :  Cara Membuat Button Responsive 13 Gaya dengan CSS ) Kenapa saya bilang ringan, karena tombol ini hanya menggunakan css jadi tidak masalah karena tidak menggunakan javascript yang berlebihan. Cara konfigurasinya sangat mudah kalian tinggal memasukan link demo atau download kalian. Langsung saja saya akan memberikan cara membuat tombol demo dan download ringan responsive di blogger . (Baca juga :  Cara Membuat Button Dengan Animasi Bounce Effect ) Cara Membuat Tombol Demo dan Download Ringan Responsive di Blogger Langkah pertama masuk ke akun Blogger kalian. Pilih menu Tema , kemudian pilih Edit HTML . Cari script ]]></b:skin> atau ...

Update Template Tutor Magazine 3D Versi 1.0, Template Biru Paling Favorit

Update Template Tutor Magazine 3D Versi 1.0, Template Biru Paling Favorit Setelah sebelumnya saya membagikan template Hijau Magazine v1.0 , kali ini saya akan membagikan template versi terbaru dari Template Tutor Magazine , yaitu Template Tutor Magazine 3D v1.0 . (Baca juga : Download Template Premium Paling Laris 2017, Hijau Magazine V1.0 Template ) Mengapa 3D ? Karena saya sudah menyesuaikan beberapa CSS yang ada, agar tampilannya terlihat 3D atau terlihat seperti nyata. Di Template Tutor Magazine ini, saya juga sudah memperbarui beberapa bug yang ada di Template Tutor Magazine sebelumnya. Untuk keterangan beberapa bug dan update terbaru diantaranya adalah. Perbaikan Thumbnail Gambar menu Postingan Perbaikan Thumbnail Gambar menu Postingan  Perbaikan Primary menu dan Judul Blog  Perbaikan Primary menu dan Judul Blog   Update H2 Update H2  Popular Posts update style  Popular Posts update style  Perubahan Posisi & update beberapa fitur.  Perubahan ...