Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Memasang Fanspage Facebook di Blog

Seperti yang sudah diketahui bersama bahwasannya Facebook merupakan salah satu media sosial yang sangat banyak digunakan oleh banyak orang, baik itu anak muda hingga dewasa juga mengakses media sosial yang satu ini. Facebook sendiri mungkin menjadi salah satu media sosial yang cukup unik dibandingkan dengan media sosial lainnya, hal ini dikarenakan Facebook menyediakan fitur yang cukup lengkap seperti plugin comments, plugin fanspage ataupun grup, marketplace, facebook tv, dan masih banyak lagi.

Fitur yang paling menonjol dari aplikasi ini yakni Fanspage yang memungkinkan penggunanya untuk melakukan promosi dengan jangkauan yang lebih luas. Biasanya fitur ini dimanfaatkan oleh portal-portal berita online yang ada di Indonesia untuk mempromosikan artikel maupun berita yang dipublish agar dilihat oleh banyak orang. Selain itu, seorang blogger professional juga memanfaatkan fitur yang satu ini dengan memasang Fanspage Plugin pada blog yang dikelola.

Sebenarnya untuk mendatangkan traffic yang begitu banyak ke blog tentu harus memiliki jumlah pengikut aktif yang cukup banyak serta konten yang menarik banyak orang untuk membaca. Salah satu cara untuk mendatangkan pengikut secara alami tanpa harus promosi berbayar melalui Facebook Ads adalah dengan memasang widget Plugin Fanspage Facebook di Blog.

Cara Memasang Fanspage Facebook di Blog

Pada kesempatan kali ini saya akan membahas mengenai cara memasang fanspage facebook di blog dengan mudah. Sebenarnya, tutorial ini sudah ada banyak sekali beredar di Internet. Akan tetapi, saya akan membuatnya dengan versi sendiri dan juga versi terbarunya. Sebelum membuat widget ini, Anda diharuskan membuat sebuah fanspage terlebih dahulu. Jika anda sudah memiliki fanspage Facebook sebelumnya, maka anda bisa mengikuti langkah-langkah berikut ini.

  1. Silahkan kunjungi halaman resmi Page Plugin Facebook melalui tautan berikut ini: https://developers.facebook.com/docs/plugins/page-plugin
  2. Lalu anda scroll kebawah hingga menemukan menu URL Halaman Facebook dan anda masukan saja URL halaman Fanspage Facebook yang anda miliki.
  3. Pada bagian Tab anda tidak perlu merubahnya, biarkan saja default yakni “timeline”.
  4. Sebagai contoh, saya mengosongkan menu “Lebar” dan pada menu “Tinggi” saya hanya menggunakan 70 saja.
  5. Untuk menu lainnya, Anda sesuaikan saja. Apakah ingin dicentang atau tidak, saya sendiri hanya mencentang pada bagian Gunakan judul yang lebih kecil, tampilkan wajah teman, dan sesuaikan dengan lebar wadah plugin.
  6. Apabila semua dirasa sudah selesai, maka anda klik saja menu “Dapatkan Kode”.
  7. Setelah itu anda akan diberikan dua kode yakni Javascript dan juga HTML yang nantinya bisa anda pasang sesuai selera anda.
  8. Kemudian anda copy code Javascript yang sudah diberikan tadi, kurang lebih kodenya seperti dibawah ini.
    <div id="fb-root"></div>
    <script async defer crossorigin="anonymous" src="https://connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v12.0&appId=2622140451361889&autoLogAppEvents=1" nonce="g2FNJypg"></script>
    
  9. Selanjutnya masuk ke akun Blogger masing-masing dan pilih Tema » Edit HTML » dan letakkan kode diatas tepat sebelum atau diatas kode </head> atau juga bisa diletakkan diatas kode </body>. Apabila anda pengguna template Mas Sugeng, maka anda bisa meletakkan kode diatas pada Tata Letak » Custom JavaScript Footer » dan letakkan kode diatas » klik Simpan.
  10. Jika Javascript sudah terpasang, maka langkah selanjutnya anda bisa masuk ke menu Tata Letak » dan anda bisa memasangnya pada bagian sidebar » klik saja Tambahkan Gadget » HTML/Javascript » dan beri nama Judul sesuai dengan selera anda » pada bagian Konten anda letakkan saja kode Plugin Fanspage Facebook yang sudah diberikan. Kurang lebih kodenya seperti dibawah ini.
    <div class="fb-page" data-href="https://www.facebook.com/mahesblog/" data-tabs="timeline" data-width="" data-height="70" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/mahesblog/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/mahesblog/">Mahes Blog</a></blockquote></div>
    
  11. Selesai.

Bagaimana cukup mudah bukan? Untuk melihat demo-nya, Anda bisa melihat Plugin Fanspage Facebook yang sudah saya pasang dibawah ini:

Itulah tutorial kali ini mengenai cara memasang fanspage facebook di blog dengan mudah yang bisa anda praktekkan langsung. Apabila ada yang ingin ditanyakan, silahkan tanyakan saja pada kolom komentar yang sudah disediakan dibawah ini. Semoga bermanfaat!

Posting Komentar untuk "Cara Memasang Fanspage Facebook di Blog"

X