Home » , » Cara Mudah Membuat Like Box (Fans Page) Di Blogspot

Cara Mudah Membuat Like Box (Fans Page) Di Blogspot

Written By Faiz Al Zukhruf on Wednesday, 11 July 2012 | 09:51


1. Pertama tama Anda harus memiliki Fan Page atau Halaman Penggemar di Facebook, Bagi Anda yang belum memilikinya silahkan Anda buat dulu klik → Cara Mudah Membuat Fans Page Di Facebook

2. Jika Anda sudah memiliki Fan Page di Facebook, selanjutnya Anda harus mendapatkan kode html Fan Page tersebut, caranya silahkan Klik → http://developers.facebook.com/docs/reference/plugins/like-box/

3. Pada Facebook Page URL Silahkan Anda Masukan Alamat URL Fan Page Anda, Agar tampilan lebih kecil Jangan centang kotak “Show Stream” . Lalu Klik Get Code, Lihat Gambar dibawah:

Oh ya lupa! Jika Muncul tulisan “Untuk menggunakan plugin sosial Facebook, Anda harus mengaktifkan aplikasi platform.” Itu tandanya Anda belum mengaktifkan aplikasi platform facebook, Anda harus mengaktifkannya terlebih dulu. Untuk mengaktifkannya silahkan Anda klik tulisan tersebut, Lihat gambar dibawah:


Selanjutnya Klik Hidupkan.



Ok mari kita lanjutkan lagi, Masukan Alamat URL Fan Page Anda, Agar tampilan lebih kecil Jangan centang kotak “Show Stream” Lalu Klik Get Code.


Setelah Itu akan tampil kode seperti gambar dibawah ini:



Selanjutnya Cara memasukan kode diatas pada blogspot dan WordPress:

▐ ▬▬▬ PADA BLOGSPOT▬▬▬▐
1. login ke www.blogger.com Atau ke Dashboard Blogspot Anda.
2. Pilih Rancarangan

3. Tambah Gadget Baru (Terserah Anda di Sidebar mana Anda ingin meletakannya).



4. Pilih Gadget “HTML/JAVASCRIPT”


Silahkan Masukan Kode like box nomer 2 tersebut ke widget Ini.

5. Langkah selanjutnya memasukan kode like box nomer 1 kedalam template, Silahkan Anda Klik “EDIT HTML”

6. Centang Expand Template Widget dan Gunakan Ctrl+F Untuk Memudahkan pencarian.

7. Cari Kode <body> dan letakkan kode nomer 1 tersebut dibawah kode <body>. Oh ya biasanya pada pada template Blogspot tidak ada kode <body>. Adanya kode <body expr:class=’&quot;loading&quot; + data:blog.mobileClass’> Ya tinggal letakan saja dibawah kode <body expr:class=’&quot;loading&quot; + data:blog.mobileClass’>.
Yang penting masukan kode tersebut setelah pembatas tag body seperti tanda ini ” >”

8. Simpan Template.



Sangat Mudah bukan?
Pleasure

NB : Jangan Lupa di Like ya  Cheater rembanx
Share this article :

0 comments:

Post a Comment

Jika Ingin Memasukan Kode Script (CSS, HTML, JavaScript) Silahkan Gunakan Kode Dibawah ini :

1. Untuk Menyisipkan Kode Panjang Gunakan Kode Disini
2. Untuk Menyisipkan Kode Pendek Gunakan Kode Disini
3. Untuk Menyisipkan Quote Gunakan Catatan Anda
4. Untuk Menyisipkan Gambar Gunakan URL Gambar
5. Untuk Menyisipkan Video Gunakan URL Video Youtube

Translate

 
Design By : Faiz Al Zukhruf | Facebook | Twitter
Copyright © 2014. Cheater rembanx - All Rights Reserved
Published byMas Template
Proudly powered by Blogger