Hallo Blogger, Setelah saya berbagi pengetahuan tentang Apa itu SEO ? sekarang saya akan berbagi Cara Membuat Likebox Fanspage FB di Blog. Widget ini berfungsi untuk menambah Likers fanspage tersebut, Widget ini tidak akan mengurangi SEO blog atau nama Lainnya SEO Friendly, jadi para Blogger tidak perlu takut Ke SEOan blognya berkurang.
Mungkin kalian bertanya tanya untuk apa Fanspage Facebook ? saya tidak akan berbagi sesuatu yang tidak berguna sama sekali. Terbukti, Fanspage Facebook dapat menambah Traffic blog yang di dapat dari Facebook Sendiri. Misalnya, ada orang yang menemukan Fanspage kita di FB, lalu orang itu menklik Link yang di bagikan oleh Fanspage Tersebut, Otomatis Traffic pengunjung blog akan bertambah.
Oke, kita sudahi dahulu Teorinya, sekarang masuk ke Praktek, Pertama tama saya akan berbagi cara Membuat Faspage dahulu, untuk para Blogger yang sudah memiliki fanspage bisa langsung menuju Tahap 2.
Langkah-Langkah Membuat Fanspage :
Pertama, Login dahulu ke Facebook kamu
Kedua, Klik icon panah ke bawah ( Seperti saat ingin Log Out )
Ketiga, Pilih tulisan Buat Halaman
Selanjutnya, akan ada Kategori yang banyak di sana
* Kebanyakan Blogger lebih memilih komunitas untuk Fanspage mereka
Setelah memilih kategori, Isilah nama Fanspage seperti yang kamu inginkan
Setelah itu, Akan ada banyak pertanyaan untuk diisi, Isilah sesuka Hatimu.
Setelah semua selesai, Fanspage akan Terbuat [[SELAMAT]]
Oke, setelah fanspage terbuat sekarang saatnya kita Membuat Likebox Fanspage untuk Blog. Sebenarnya ini gampang gampang susah, tetapi jika ada panduan dari FBI - FORUM BLOGGER INDONESIA pasti akan lebih mudah kok. Sekarang kita sudah memasuki tahap ke 2, Ingat !! anda harus melewati langkah ke-1 dahulu.
Langkah-Langkah Membuat Likebox Fanspage di Blog :
Pertama, Pergi ke Facebook Like Box
Selanjutnya isi Formulir tsb
* FB Page URL = URL FANSPAGE KAMU
* Width = Lebar
* Height = Tinggi
* Color Scheme = Warna
Setelah kalian mengisi semua Formulir dengan benar Klik " Get Code "
Lalu, Klik tulisan HTML5
Selanjutnya, Copy semua code yang ada dalam Pilihan tsb.
Lalu, Parse code tersebut di Parse HTML5
Copy semua code tersebut di colom atas
Setelah itu, akan keluar sebuah Code dan Copy code tsb.
Code akan telihat seperti 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=400033933493855&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
* Code tersebut milik saya.... copy milik kalian sendiri
Meletakkan Code di Blog
Pergi ke Blogger -> Dashboard
Pilih Template -> Edit HTML
Cari kode ]]></b:skin> ( Klik tulisan lalu pencet CTRL + F Untuk memudahkan mencari )
Paste code yang kamu dapatkan tadi tepat di bawah Code ]]></b:skin>
Save Template
Meletakkan Likebox di Blog
Pergi ke Blogger -> Dashboard
Pilih menu Tata Letak
Pilihlah di mana kamu ingin meletakkan Likebox tsb
Klik add-gadget
Pilih HTML atau Javascript
Paste Code ini di kotak besar
<div class="fb-like-box" data-href="https://www.facebook.com/cbblogger" data-width="300" data-height="300" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="false"></div>
* Ganti kode berwarna Hijau dengan link Fanspage kalian
Lalu Save.
Terakhir Lihatlah tampilan baru Likebox di Blog atau Webmu :D
Oke itu dia Cara lengkap mulai dari Cara Membuat Fanspage, Cara Membuat Likebox, Sampai Cara meletakkan Likebox di Blog... Wuhhh gimana blogger ? Puas gak ? semoga aja puas ya, Hehe. Oke Itu dulu dari saya Sekian dan THX.
Mungkin kalian bertanya tanya untuk apa Fanspage Facebook ? saya tidak akan berbagi sesuatu yang tidak berguna sama sekali. Terbukti, Fanspage Facebook dapat menambah Traffic blog yang di dapat dari Facebook Sendiri. Misalnya, ada orang yang menemukan Fanspage kita di FB, lalu orang itu menklik Link yang di bagikan oleh Fanspage Tersebut, Otomatis Traffic pengunjung blog akan bertambah.
Oke, kita sudahi dahulu Teorinya, sekarang masuk ke Praktek, Pertama tama saya akan berbagi cara Membuat Faspage dahulu, untuk para Blogger yang sudah memiliki fanspage bisa langsung menuju Tahap 2.
Langkah-Langkah Membuat Fanspage :
Pertama, Login dahulu ke Facebook kamu
Kedua, Klik icon panah ke bawah ( Seperti saat ingin Log Out )
Ketiga, Pilih tulisan Buat Halaman
Selanjutnya, akan ada Kategori yang banyak di sana
* Kebanyakan Blogger lebih memilih komunitas untuk Fanspage mereka
Setelah memilih kategori, Isilah nama Fanspage seperti yang kamu inginkan
Setelah itu, Akan ada banyak pertanyaan untuk diisi, Isilah sesuka Hatimu.
Setelah semua selesai, Fanspage akan Terbuat [[SELAMAT]]
Oke, setelah fanspage terbuat sekarang saatnya kita Membuat Likebox Fanspage untuk Blog. Sebenarnya ini gampang gampang susah, tetapi jika ada panduan dari FBI - FORUM BLOGGER INDONESIA pasti akan lebih mudah kok. Sekarang kita sudah memasuki tahap ke 2, Ingat !! anda harus melewati langkah ke-1 dahulu.
Langkah-Langkah Membuat Likebox Fanspage di Blog :
Pertama, Pergi ke Facebook Like Box
Selanjutnya isi Formulir tsb
* FB Page URL = URL FANSPAGE KAMU
* Width = Lebar
* Height = Tinggi
* Color Scheme = Warna
Setelah kalian mengisi semua Formulir dengan benar Klik " Get Code "
Lalu, Klik tulisan HTML5
Selanjutnya, Copy semua code yang ada dalam Pilihan tsb.
Lalu, Parse code tersebut di Parse HTML5
Copy semua code tersebut di colom atas
Setelah itu, akan keluar sebuah Code dan Copy code tsb.
Code akan telihat seperti 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=400033933493855&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
* Code tersebut milik saya.... copy milik kalian sendiri
Meletakkan Code di Blog
Pergi ke Blogger -> Dashboard
Pilih Template -> Edit HTML
Cari kode ]]></b:skin> ( Klik tulisan lalu pencet CTRL + F Untuk memudahkan mencari )
Paste code yang kamu dapatkan tadi tepat di bawah Code ]]></b:skin>
Save Template
Meletakkan Likebox di Blog
Pergi ke Blogger -> Dashboard
Pilih menu Tata Letak
Pilihlah di mana kamu ingin meletakkan Likebox tsb
Klik add-gadget
Pilih HTML atau Javascript
Paste Code ini di kotak besar
<div class="fb-like-box" data-href="https://www.facebook.com/cbblogger" data-width="300" data-height="300" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="false"></div>
* Ganti kode berwarna Hijau dengan link Fanspage kalian
Lalu Save.
Terakhir Lihatlah tampilan baru Likebox di Blog atau Webmu :D
Oke itu dia Cara lengkap mulai dari Cara Membuat Fanspage, Cara Membuat Likebox, Sampai Cara meletakkan Likebox di Blog... Wuhhh gimana blogger ? Puas gak ? semoga aja puas ya, Hehe. Oke Itu dulu dari saya Sekian dan THX.
Gampang pisan gan ternyata bikin like box fanpage di blog kita.. kalo boleh tau ini templatenya free atau premium gan? hehe :D
ReplyDeleteJika berkenan, silahkan kunjungi blog sederhana ini http://puloblog.blogspot.com
Blog agan juga bagus.
DeleteItu Premium, belum ane edit, tp ane dptnya free gan
ReplyDeleteTHx sudah berkunjung
Bagus nih gan !! Sudah ane terapin di blog ane gan :D
ReplyDeleteMantep dehh .. Nice Post Gan (y)
Thx gan
DeleteMantap gan tutorial ya langsung ane train deh
ReplyDelete(y) Semoga blog atau Webnya berkembang gan.
Deletenice ^^
ReplyDeletenice ^^
ReplyDeletenice ^^
ReplyDelete