Tutorial : Menambah 'chatbox' Google Friend Connect di Blogger.com

Sebenarnya saya bukanlah seorang peminat ideologi 'chatbox mesti ada di blog'. Akan tetapi saya tertarik dengan konsep google friend connect.

Sebelum ini saya banyak melihat laman blog yang menyediakan senarai ahli google friend connect di blog masing-masing. Ianya biasanya dikenali sebagai 'follower'.

Blog Kedahlanie, cukup ramai ahlinya, akan tetapi apa ahlinya boleh buat?

(ketika ini ada 263 ahli)

Disebabkan saya sendiri, sebelum ini tidak pasti apa follower ini boleh buat, maka saya tidak meletakkan senarai 'follower' di blog saya.

Akan tetapi saya menjumpai bahawa 'follower' boleh memberi komen. Dengan meniru Petaling Street Baru, Beras Padu menyediakan medium borak sebegitu. Untuk maklumat petaling street & Beras Padu tidak menggunakan enjin Blogger.com.

Di situ letaknya keindahannya.

Ahli yang ingin menyertai google friend connect tidak diwajibkan untuk mempunyai akaun blogger.com, beberapa jenis autentikasi lain juga boleh logmasuk ke google friend connect.

Tidak seperti Facebook yang sering mensyaratkan keahlian.

Itu baru pengenalannya sahaja,

Kini masuk sesi tutorial,


Bagaimana meletakkan wiget borak Google Friend Connect untuk blogawan yang menggunakan platform Blogger.com (blogspot).


Pertama, masuk ke http://www.google.com/friendconnect/

Logmasuk menggunakan akaun Blogger.com anda.

Pilih blog yang mana satu, (seperti bulatan atas), klik social gadget dan kemudian pilih 'Get This Widget' pada 'Comments'.

Anda akan dapat halaman sebegini:-
 (klik untuk besarkan)

Ubahsuailah apa yang patut, seperti :

• mengecilkan kelebaran menjadi 220 , mengikut kesesuaian templat anda
  
• bilangan maksimum mesej daripada 5 ke 10, atau lebih
  
• Tukar warna
• Ubah 'Comments' menjadi 'Borak Santai'
  

Klik "Generate Code'


Kemudian tepeklah kod HTML itu di susunatur (Layout) blog anda.

Read More

Tutorial Blogger: Membuat Wiget Carian Pada Blog

Salah satu ciri-ciri kebolehgunaan blog yang utama ialah blog mestilah menyediakan kemudahan carian supaya pengunjungnya mudah mencari catatan lama.

Jangan risau, Blog yang tidak mempunyai juga tetap diiktiraf sebagai blog walaupun tidak mempunyai carian. Blog anda tidak akan menerima nasib yang sama dengan pluto yang kehilangan status "planet".

Ini tutorial khas untuk Prof Hamirdin yang meminta pengunjungnya membaca catatan lama.
Blognya bukan blog berita dimana catatan lama akan luput, blognya tidak mensyaratkan "mesti_baca_yang_baru".

Tutorial ini khusus untuk pengguna blogger.com (Orang kampung panggil blogspot).

Tutorial Membuat Wiget Carian di blog blogger.com (blogspot)


1. Pergi ke Dahsborad dan seterusnya "Layout" "Page Element"
2. Add a Gadget, pilih HTML/Javascript




Salin dan tepekkan teks di atas.
dan kemudian simpan.

Siap.


Sekiranya anda bukan "hamirdin", sila tukarkan hamirdin kepada yang bersesuaian dengan blog anda.

Read More

Wiget Jadual Melaka

Anda boleh meletakkan wiget "Jadual Melaka" untuk mendapatkan aktiviti terkini PAS Negeri Melaka, atau aktiviti negeri Melaka yang lain.

Ada 2 versi

Versi ringkas:
Sila salin tepekkan HTML ini di blog anda.


Outputnya sebegini:

Rupa parasnya bergantung pada CSS blog masing-masing




Versi serabut:
(salin tepek di blog anda)


Outputnya sebegini:



Terpulanglah bagi anda yang mana satu pilihan hati.

Read More

Top Commentators Blogger berdasarkan bilangan ulasan terkini

Entah mengapa apabila mudin001 menyenaraikan pengulas blognya pada bulan lepas, saya agak tertanya tanya, mengapa di platform blogger tidak boleh berbuat demikian.

Kemudian saya terkenangkan wujudnya wiget top commentator untuk blogger yang menggunakan Yahoo!Pipes, Akan tetapi ianya akan mengambil terlalu banyak data sehingga pengulas yang tidak aktif pun akan nombor 1.

Oleh itu saya ubahsuai Yahoo!Pipes itu daripada mengambil data dari 5000 ulasan terakhir kepada berapa ulasan yang kita suka. Nilai default adalah 200, Maka jadilah Yahoo!Pipes saya.

dengan mengambil kod dari kak jie, maka saya jadikan dia tutorial ringkas.

<script type="text/javascript">
function pipeCallback(obj) {
document.write("<ol>");
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write("</ol>");
}
</script>
<script src= "http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&
_id=f1f0f719a8b90200a5b84c7073c9fe68&url=http%3A%2F%2FBARISAN-NASIONAL.blogspot.com&num=10&filter=mohdalirustam&numberinput1=200" type="text/javascript"></script>

Sila tukar "BARISAN-NASIONAL", kepada Pakatan Rakyat ataupun nama blog anda.
Anda boleh tukar nombor 10 , mengikut berapa banyak pengunjung aktif yang anda hendak paparkan.

Tukar "mohdalirustam" kepada nama yang anda gunakan untuk menjawap usalan pengunjung seperti "ustazghani".

Sekiranya anda adalah mohdalirustam, tidak perlu tukar apa-apa.

Nilai 200 pada numberiput1 boleh ditukar mengikut kesesuaian blog anda.
sila pilih nilai antara 100 hingga 500.

sekian tutorial.


Apa kelebihan cara begini berbanding cara kakjie?

Pengunjung yang tidak aktif automatik akan jatuh ke bawah. Pengunjung aktif boleh cepat sedikit naik ke atas.

Read More

Wiget Google Reader mahzab bakaq a.k.a. ~penarik beca

Ini adalah sambungan artikel kepada "Wiget Google Reader Tok Mudin dan OPML Beras Padu" Akan tetapi menggunakan kepakaran "bakaq a.k.a. ~penarik beca" yang mempunyai anak yang rajin berSMS.

Sebab musabab mengapa perlu wiget ini adalah untuk memperitahu pengunjung apa yang kita sudah baca , menyukainya dan ingin berkongsi kepada pengunjung.


Langkah-langkah Wiget Google Reader mahzab bakaq a.k.a. ~penarik beca

1. Salin alamat pautan bagi RSS PUBLIK VIA BAKAQ.(copy link location)
2. Buka google reader. http://www.google.com/reader/view/
3. "Add Subscription" dan tepekkan URL RSS PUBLIK VIA BAKAQ.

Tandakan catatan blog menarik yang anda ingin kongsikan menggunakan "share" di bahagian bawah sesuatu artikel.





Di ruangan "Your Shared item", akan ada satu pautan "Put a clip on your site or blog" untuk menambahkan wiget perkongsian Google Share anda.

Cara ini adalah lebih baik jika anda memang menyukai blog pilihan Penarik Beca. Setiap kali dia menambah suapan RSS baru, setiap itu ia akan dimasukkan ke googlereader anda.

Terpulanglah anda ingin menggunakan mahzab ini atau mahzab lagi 1.

Read More

Wiget Pengkomen untuk Blogger

Mungkin ramai pemblog blogger/blogspot yang menjawap, "Nak jimat ruang" apabila ditanya "Kenapa tiada Recent Comment?".

Namun terdapat satu penyeselaian ringkas untuk mengatasi masalah itu.
Pengunjung dan pemilik blog boleh dimaklumkan tentang terdapatnya komen pada blog itu, dengan ruang yang minimum.

Memperkenalkan "Pengkomen".
Pengkomen adalah Wiget kecil yang diadaptasi dari "Recent Comment cap Blogger Template", dimana ia hanya memaparkan nama 20 atau kurang pengkomen terkini pada blog tertentu. Untuk mengetahui pada tajuk mana yang dikomen, perlukan lihat status pada pelungsur Web, (jika dihidupkan).

Rupanya sebegini :-


Tapi kalau, sidebar lebih lebar, mungkin ia rupanya begini:-


Kalau anda hanya memaparkan 10 pengkomen terkini, mungkin dia hanya menggunakan ruang 2,3 baris teks sahaja.

Jadi, Bagaimana nak dapatkan wiget ini?

Hanya perlu salin teks dibawah. (CTRL+A, CTRL+C)



Ubah "GANTIKANSAYA" kepada blog anda. ubah nilai 'a_rc' jika mahu. Tepekkan ke Blogger anda di ruangan 'Layout', Atau lebih afdal, berdekatan dengan iklan kerana mata pengunjung akan berada dekat dengan iklan.

Voila!


p/s: Kalau kawan tanya dimana nak dapatkan Pengkomen, suruh dia klik pada 'kawan sebol'

Read More

Tip Pemblog: Membuat 'Komentar Terkini' pada blogger dalam BM.

Sebelum ini terdapat beberapa tapak hos yang menyediakan javascript supaya anda boleh memnyediakan Wiget 'Recent Comment' pada blog blogger/blogspot anda.

Kebanyakkannya mempunyai perkataan 'Commented on' dalam Bahasa Inggeris, Amat tidak sesuai jika kandungan blog anda dalam Bahasa Melayu.


Maka berikut adalah tip untuk mendapatkan 'Komentar Terkini'.

Mula-mula sekali anda perlu ke http://blogger-templates.blogspot.com/2007/03/recent-comments.html

Masukkan nama Tajuk Wiget seperti 'Komentar Terkini', atau 'Kata Pengunjung' atau apa-apa.
Masukkan alamat blogspot. ie. "bluequil", "reddiva".

Ubahsuai bilangan komen yang hendak dipaparkan. Tak perlu panjang-panjang seperti blog ini.
Tandakan samada ingin memaparkan tarikh, tajuk. dan Saiz mesej.
Pada pendapat saya tarikh tak perlu.

rujuk gambar.


Kemudian klik 'Apply' dan kemudian 'Add widget to my blog'

Pada laman seterusnya, klik 'Edit Content'

sila tukar http://giga.ovh.org/rc kepada http://hasbullah.pit.googlepages.com/rc.htm (Walaupun nama anda bukan Hasbullah Pit).


kemudian 'ADD WIDGET'

Anda akan dibawakan ke "Pages Elements" blog anda, dan klik 'save'.

Anda boleh melihat hasilnya sebegini.


Kepada yang suday mempunyai "Recent Comments", daripada Blogger-Templates, Anda hanya perlu tukar URL

Read More