Sebagaimana yang ditunjukkan di gambar dibawah, halaman facebook sukses ditambahkan
Jadi sebenarnya bagaimana cara untuk menambahkan page itu ke dalam blog (terutama blogger) ?.
Ikuti tips ini dan langkah-langkah berikut :
1. Buka Link Facebook Developer Plugin : here
2. Kita akan mendapatkan halaman sebagai berikut :
 |
| developer facebook plugin page |
Scroll sedikit kebawah (karena tujuan kita menambahkan facebook page ke blog kita sampai melihat kata-kata facebook Like Box. Klik saja kata2 itu dan anda akan diarahkan ke step berikut nya.
3. Secara default, gambar yang muncul adalah seperti yang ada di gambar berikut.
Karena itu yang anda butuhkan untuk mengedit nya adalah dengan mengganti facebook page URL dengan url halaman anda. Kalau saya, maka saya akan mengeditnya menjadi http://facebook.com/dota.2.ind. Set terserah untuk lebar dan tinggi box page anda, untuk baiknya adalah, tinggalkan saja seperti itu maka facebook akan mensettingnya secara default nilai.
Klik Tombol "GET CODE"
4. Window baru akan pop up di browser anda,
Untuk Code pertama, anda harus meletakkan nya setelah tag <body> dalam kode HTML blog anda.
Untuk mengeditnya di blogger (saya settingan bahasa inggris), go to Dashboard -> Template -> Edit HTML.
Untuk mempermudah mencari tag <body>, tekan CTR+F (fitur search) dan ketik "<body"(tanpa tanda petik, dan tekan enter.
Masukkan kode 1 dibawah tag <body>
<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.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Anda seharusnya akan mendapati error
"
The reference to entity "version" must end with the ';' delimiter." Error Tersebut disebabkan oleh : "It looks like something is interpreting your document as XML rather than HTML. XML is much stricter than HTML - one of the rules is that ampersands (
&) have a special meaning. They mean "here comes an XML entity", which is a special character. For instance, you can type " to insert ", or > to insert > into your document."
di lane yang anda tambahkan kode berikut :
js.src =
"//connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v2.0";.
Untuk memperbaikinya, ketik
js.src =
"//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";
Error seharusnya menghilang.
Berikutnya untuk Kode 2
<div class="fb-like-box" data-href="https://www.facebook.com/FacebookDevelopers" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>
Klik Dashboard -> Layout -> Add Widget -> HTML/JavaScript.
Copy paste kode 2, lalu save it. Klik save arragement, maka facebook page anda akan muncul secara sukses di blog anda.
Selamat :) dan semoga bermanfaat...
No comments:
Post a Comment
Your Comment is Our Order, Your Majesty