Hari ini "tukanglawan, mahu ajar bagaimana cara paling mudah masukkan Chat fb ke dalam artikel blog anda
Baiklah, ikut langkah yang di terangkan dibawah ini, nampak sukar, tapi sangat mudah
BAHAGIAN 1
1- bukak blog anda, pergi ke bahagian SETTING dan cari FORMATING
Copy Skrip dibawah 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/en_US/all.js#xfbml=1&appId=379567455402221";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script> <div class="fb-comments" data-href="http://tukanglawan.blogspot.com/" data-num-posts="4" data-width="590">
</div>
3- Kemudian pastekan ke dalam kotak berkenaan.
baiklah, dalam proses ini apa yang harus anda lakukan ialah mengubah tulisan yang berwarna merah itu dengan url link posting anda ( akan ditunjukkan kemudian) cuma buat masa ini tukar sahaja kepada url link blog anda.
Contoh
URL link blog tukanglawan ialah http://tukanglawan.blogspot.com/ ( boleh semak di ruangan atas browser anda. )
jadi anda harus tukar link yang merah pada skrip yang dimasukkan dalam kotak tadi dengan link blog anda,
manakala no "4" yang ditandakan dengan warga unggu itu ialah berapa banyak paparan komen yang anda magu tunjuk, tukar kepada jumlah yang anda inginkan.
dan yang terakhir ialah nombor berwarna biru "590" , ini adalah ukuran lebar, jika kebiasaanya ia akan sesuai dengan ukuran blog anda, jika tidak ubah sedikit, kurangkan nombor itu untuk keciklan atau besarkan lagi untuk besarkan saiz lebar.
Ok sudah siap bahagian pertama dan anda save , setting ini.
BAHAGIAN 2
Sesudah anda masukkan skrip itu, setiap kali anda tulis artikel anda komen tersebut akan keluar secara automatik, sebelum "tukanglawan" ulas panjang perkara itu, ingin "tukanglawan" ingatkan kepada anda, bahawa anda mungkin sedikit terkeliru bila mahu tulis posting.
ini kerana ada tulisan dalam kotak new post anda. jangan khuatir dan jangan sesekali padam skrip tersebut, apa yang anda perlu lakukan ialah menulis seperti biasa diatas skrip tersebut. ( hanya dapat dilihat jika anda guna Edit HTML, tetapi tidak kelihatan jika di ruangan Compose)
Sesudah anda tulis artikel berkenaan, anda boleh publish posting tersebut seperti sedia kala, sekarang bahagian ke 2 sudah selesai, namun komen tersebut tidak khas kepada artikel berkenaan, "tukanglawan" akan kongsi bahagian terakhir yang anda harus buat supaya komen tersebut khas kepada artikel tersebut sahaja.
Sekarang publish, dan view posting, di bahagian atas browser copy link posting tersebut, seperti contoh dibawah
Masuk semula ke blog, dan edit kembali posting tadi, pergi ke EDIT HTML dan cari tulisan yang berwarna merah yang ditunjukkan dibawah
</script> <div class="fb-comments" data-href="http://tukanglawan.blogspot.com/" data-num-posts="4" data-width="590">
dan gantikan dengan link posting anda tadi seperti contoh dibawah
</script> <div class="fb-comments" data-href="http://tukanglawan-tutorial.blogspot.com/2012/04/bagaimana-meletak-fb-chat-di-blog.html" data-num-posts="4" data-width="590">
kemudian publish semula artikel anda.
Tahniah, komen fb telah dimasukkan dengan jayanya, lakukan perubahan link itu setiap kali anda menulis artikel , tukarkan link asal dengan link artikel baru anda, dan setelah 2-3 kali melakukannya pasti anda sudah biasa dan tak rasa sukar lagi.
BACA SETERUSNYA - Bagaimana meletak FB chat di blog
Baiklah, ikut langkah yang di terangkan dibawah ini, nampak sukar, tapi sangat mudah
BAHAGIAN 1
1- bukak blog anda, pergi ke bahagian SETTING dan cari FORMATING
2- Setelah jumpa, cari box POST TEMPLATE seperti yang ditunjukkan dibawah ini
Copy Skrip dibawah 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/en_US/all.js#xfbml=1&appId=379567455402221";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script> <div class="fb-comments" data-href="http://tukanglawan.blogspot.com/" data-num-posts="4" data-width="590">
</div>
3- Kemudian pastekan ke dalam kotak berkenaan.
baiklah, dalam proses ini apa yang harus anda lakukan ialah mengubah tulisan yang berwarna merah itu dengan url link posting anda ( akan ditunjukkan kemudian) cuma buat masa ini tukar sahaja kepada url link blog anda.
Contoh
URL link blog tukanglawan ialah http://tukanglawan.blogspot.com/ ( boleh semak di ruangan atas browser anda. )
jadi anda harus tukar link yang merah pada skrip yang dimasukkan dalam kotak tadi dengan link blog anda,
manakala no "4" yang ditandakan dengan warga unggu itu ialah berapa banyak paparan komen yang anda magu tunjuk, tukar kepada jumlah yang anda inginkan.
dan yang terakhir ialah nombor berwarna biru "590" , ini adalah ukuran lebar, jika kebiasaanya ia akan sesuai dengan ukuran blog anda, jika tidak ubah sedikit, kurangkan nombor itu untuk keciklan atau besarkan lagi untuk besarkan saiz lebar.
Ok sudah siap bahagian pertama dan anda save , setting ini.
BAHAGIAN 2
Sesudah anda masukkan skrip itu, setiap kali anda tulis artikel anda komen tersebut akan keluar secara automatik, sebelum "tukanglawan" ulas panjang perkara itu, ingin "tukanglawan" ingatkan kepada anda, bahawa anda mungkin sedikit terkeliru bila mahu tulis posting.
ini kerana ada tulisan dalam kotak new post anda. jangan khuatir dan jangan sesekali padam skrip tersebut, apa yang anda perlu lakukan ialah menulis seperti biasa diatas skrip tersebut. ( hanya dapat dilihat jika anda guna Edit HTML, tetapi tidak kelihatan jika di ruangan Compose)
Sesudah anda tulis artikel berkenaan, anda boleh publish posting tersebut seperti sedia kala, sekarang bahagian ke 2 sudah selesai, namun komen tersebut tidak khas kepada artikel berkenaan, "tukanglawan" akan kongsi bahagian terakhir yang anda harus buat supaya komen tersebut khas kepada artikel tersebut sahaja.
Sekarang publish, dan view posting, di bahagian atas browser copy link posting tersebut, seperti contoh dibawah
Masuk semula ke blog, dan edit kembali posting tadi, pergi ke EDIT HTML dan cari tulisan yang berwarna merah yang ditunjukkan dibawah
</script> <div class="fb-comments" data-href="http://tukanglawan.blogspot.com/" data-num-posts="4" data-width="590">
dan gantikan dengan link posting anda tadi seperti contoh dibawah
</script> <div class="fb-comments" data-href="http://tukanglawan-tutorial.blogspot.com/2012/04/bagaimana-meletak-fb-chat-di-blog.html" data-num-posts="4" data-width="590">
kemudian publish semula artikel anda.
Tahniah, komen fb telah dimasukkan dengan jayanya, lakukan perubahan link itu setiap kali anda menulis artikel , tukarkan link asal dengan link artikel baru anda, dan setelah 2-3 kali melakukannya pasti anda sudah biasa dan tak rasa sukar lagi.