Assalamualaikum dan salam sejahtera.
Mungkin ada yang ternanti-nanti dan tertunggu-tunggu artikel yang terbaru dari aku, lebih-lebih lagi artikel yang berkaitan dengan tutorial. Lihat saja pada tajuk, mungkin ada di antara pembaca blog aku sudah tidak sabar lagi untuk mengetahui bagaimana hendak buat Comment Box sepertimana serupa di Facebook. Tetapi kali ini aplikasi ini boleh dipasang di blog anda sepertimana yang terdapat di blog aku.
Terlebih dahulu, ingin juga aku melampirkan beberapa pautan yang berkaitan dengan aplikasi di Facebook, contohnya Facebook Share Button dan Facebook Like/Recommend Button. Dua aplikasi ini sememangnya popular di kalangan blogger, bukan? Dua tutorial ini telah aku sediakan di sudut kanan blog.
Tutorial kali ini masih lagi dengan aplikasi Facebook. Ia dinamakan Facebook Comment Box. Pada awalnya, agak pening juga untuk membuat research dan belajar satu persatu. Akhirnya, hampir 5 jam di depan komputer maka terhasillah seperti yang anda dapat lihat di sudut kanan atas blog aku. Hehe. Menarik, bukan?
Okey, cukup untuk membebel. Tutorial kali ini aku tidak mahu menyerabutkan kepala anda. Anda hanya perlu ikut langkah demi langkah seperti yang akan aku nyatakan di bawah ini nanti. Ia adalah langkah mudah sahaja. Walau bagaimanapun, ia aplikasi Facebook. Maka, syarat paling utama ialah anda perlulah ada akaun Facebook. Jika sebaliknya, maaf aku ucapkan. Aplikasi ini mungkin tidak sesuai untuk blog anda.
Klik spoiler ini untuk meneruskan bacaan..
Mungkin ada yang ternanti-nanti dan tertunggu-tunggu artikel yang terbaru dari aku, lebih-lebih lagi artikel yang berkaitan dengan tutorial. Lihat saja pada tajuk, mungkin ada di antara pembaca blog aku sudah tidak sabar lagi untuk mengetahui bagaimana hendak buat Comment Box sepertimana serupa di Facebook. Tetapi kali ini aplikasi ini boleh dipasang di blog anda sepertimana yang terdapat di blog aku.
Terlebih dahulu, ingin juga aku melampirkan beberapa pautan yang berkaitan dengan aplikasi di Facebook, contohnya Facebook Share Button dan Facebook Like/Recommend Button. Dua aplikasi ini sememangnya popular di kalangan blogger, bukan? Dua tutorial ini telah aku sediakan di sudut kanan blog.
Tutorial kali ini masih lagi dengan aplikasi Facebook. Ia dinamakan Facebook Comment Box. Pada awalnya, agak pening juga untuk membuat research dan belajar satu persatu. Akhirnya, hampir 5 jam di depan komputer maka terhasillah seperti yang anda dapat lihat di sudut kanan atas blog aku. Hehe. Menarik, bukan?
Okey, cukup untuk membebel. Tutorial kali ini aku tidak mahu menyerabutkan kepala anda. Anda hanya perlu ikut langkah demi langkah seperti yang akan aku nyatakan di bawah ini nanti. Ia adalah langkah mudah sahaja. Walau bagaimanapun, ia aplikasi Facebook. Maka, syarat paling utama ialah anda perlulah ada akaun Facebook. Jika sebaliknya, maaf aku ucapkan. Aplikasi ini mungkin tidak sesuai untuk blog anda.
Klik spoiler ini untuk meneruskan bacaan..
PERHATIAN! Aktiviti PLAGIAT (copy & paste) sesuatu artikel tanpa pengetahuan dan kebenaran penulis adalah satu aktiviti/perbuatan yang TIDAK BERMORAL!
Klik link ini: http://www.facebook.com/developers/createapp.php.
Kemudian sila isikan borang tersebut, sebagai contoh; Aduka's Blog.
Kemudian, tandakan 'Agree' dan klik butang 'Create Application'.
2) Salin Kekunci
Salin API Key ke dalam Notepad. Anda mahu salin kesemuanya pun tidak mengapa. Cuma pastikan API Key anda disimpan ditempat yang selamat.
Lain-lain tempat kosong yang ada di dalam borang ini adalah bebas. Anda boleh isi atau biarkan untuk ke langkah yang seterusnya.
3) Link Blog
Seterusnya, klik link tab Connect yang ada di sebelah kiri borang aplikasi.
Pada medan Connect URL, isikan link penuh blog anda, sebagai contoh: http://aduka5.blogspot.com.
Kemudian, klik butang Save Changes.
4) Edit HTML
Login ke Blogger anda.
Kemudian, pada Dashboard anda sila ke Design > Edit HTML.
Sebelum langkah pengubahsuaian dilakukan, sila back-up kod HTML template anda ini dengan klik 'Download Full Template'. Ini adalah langkah berjaga-jaga sekiranya anda membuat sebarang kesilapan semasa proses pengubahsuaian kod.
Seterusnya, cari kod di bawah di dalam editor:
dan, tambahkan code yang ditandakan merah seperti di bawah
xmlns:fb='http://www.facebook.com/2008/fbml'
Ia akan kelihatan seperti kod di bawah ini.
Sekarang, tambah kod di bawah sebelum tag </head>
<script src='http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php' type='text/javascript'/>
Selepas itu, tambahkan kod di bawah sebelum tag </body>. Sila tukar API_KEY yang ditandakan biru kepada API KEY yang telah anda salin ke Notepad pada langkah yang pertama tadi.
<script type='text/javascript'>
FB.init("API_KEY", "");
</script>
Akhir sekali, klik butang oren 'Save Button'.
5) Langkah Terakhir, Aplikasikan Facebook Comment Box
Salin kod di bawah.
<fb:comments numposts='3' width='400'/>
Dan anda letakkan di mana-mana di blog anda. Anda boleh gunakan HTML/JavaScript blogger widget, mahupun terus edit di editor HTML bagi blogger yang mahir.
Anda bebas untuk mengubah kod yang ditanda warna. Untuk numposts='3', ia akan mengarahkan berapa banyak jumlah komen yang perlu dipapar pada comment box. Manakala width='400' pula, adalah tahap kelebaran comment box anda.
Sila pra-tonton (preview) blog anda untuk melihat hasilnya!