Cara Memasang DialogBox di Blog dengan cepat

Sobat, setelah kita membuat fans page di halaman Facebook saatnya kita membuat ataumendapatkan kode untuk menampilkan DialogBox untuk memilih apakah blog sobat di sukai atau di Share oleh sahabat-sahabat Sobat, yang berkunjung ke blog sobat.

sebelumnya kita akan balik kebelakang mengenai Fanspage di Facebook, untuk apa sih fans page di facebook itu, fans page difacebook adalah media untuk sharing satu arah antara penulis dengan pembaca, pembaca hanya dibatasi untuk melakukan like, dislake,coment ke artikel atau status dari penulis, sederhananya jika suatu artikel atau status banyak yang menyukai di fanspage facebook maka akan baik untuk sebuah artikel tersebut,baik itu dilakukan like langsung di halaman maupun di like secara direct, artikel yang baik akan selalu mendapatkan like dari facebooker yang banyak, dan like ini akan muncul di dashboard ( beranda facebook ) orang yang melike Fanspage Facebook kita, sehingga kemungkinan mendapatkan pengunjung lebih banyak dan menjadi lebih besar,

gimana sobat sudah mendapatkan gambaran mengapa di perlukan fanspage sobat, jika sobat tertarik bagi yang memiliki toko online atau mempromosikan sesuatu dapat dibuat segera Fanspage sobat, [ caranya klikdisini ] 

Baiklah sobat ,lagsung saja kita coba untuk membuat fanspage kita sambungkan dengan blog sobat atau web sobat,

CARA MEMBUAT FANSPAGE FACEBOOK DI BLOG

1.  Login ke akun Facebook Sobat,

2. Jika Sobat belum memiliki halaman Fanspage sobat bisa baca di artikel : Cara mendaftarkan fanspage di facebook

 3. Sobat masuk ke Link facebook ini :[ Facebook Developers ]

4. Dihalaman ini sobat dapat mensetting tampilan Widget Fanspage sobat, pada Facebook URL, masukkan Link/URL Facebook fanspage Sobat Kemudian klik Get Code

5.Sobat juga bisa melakukan custom dimana tampilanya menjadi minimalis dengan menghilangkan tanda centang : Adat to Plugin, show Friends face dan memberikan tanda centang pada Use Small Header dan Hide Cover Photo, silahkan berkreasi dengan tampilan sobat sendiri,

6. Setelah itu sobat Klik " Get Code " maka akan muncul Popup seperti gambar di bawah ini sobat ,

7. Ada muncul 2 code sobat, sobat gabungkan saja keduanya sehingga sperti ini : 

<div id="fb-root"></div>

<script>(function(d, s, id) {

  var js, fjs = d.getElementsByTagName(s)[0];

  if (d.getElementById(id)) return;

  js = d.createElement(s); js.id = id;

  js.src = "//connect.facebook.net/id_ID/sdk.js#xfbml=1&appId=483767385088491&version=v2.0";

  fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like-box" data-href="https://www.facebook.com/tipstrikomputer" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>

Gantilah kode yang berwarna kuning ya sobat dengan kode halaman fanspage sobat,,,

setelah Code sobat dapatkan maka sekarang kita akan memasangkanya di blog sobat.

Cara Memasang Fanspage Di blog 

Agar sobat tidak ribet dengan cara di atas ada alternatif 2 dimana code sudah siap karena setelah di uji berkali-kali kode tidak berubah hanya berubah pada pemanggilan halaman fanspagenya saja sobat jadi simplenya nya nih kode yang bisa di pakai , 

<style type="text/css">

.seocipsfbox {background:#efefef;padding:10px;margin:0 auto;border-radius:3px;overflow:hidden;}

</style>

<div class="seocipsfbox">

<div class="fb-like-box" data-href="https://www.facebook.com/tipstrikomputer" data-rel="nofollow" data-width="280" data-colorscheme="light" data-show-faces="true" data-header="false" data-stream="false" data-show-border="false"></div>

    </div>

<div id="fb-root"></div>

<script>(function(d, s, id) {

  var js, fjs = d.getElementsByTagName(s)[0];

  if (d.getElementById(id)) return;

  js = d.createElement(s); js.id = id;

  js.src = "//connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v2.5&appId=1439296419615573";

  fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));</script> 

Sobat hanya perlu megganti Kode yang berwarna Hijau menjadi halaman fanspage sobat, tampilanya seperti berikut ini sobat , coba di test di like sobat, 

 

 

Bagaimana sobat, sangat mudah bukan ,

selanjutnya Copy kode yang telah di rubah ke Widget blog sobat ,ya ,..

caranya : klik tambah Widget -- pilih yang HTML/Java Script  dan masukkan kodenya jangan lupa di simpan yan sobat,

Semoga Membantu.