• Natlie Imbruglia

    Doesn`t she look very cool?

  • Thousands of Years

    Earth has lived thousands of years...

  • Fruits

    Fruits are vital for health and their nutrients...

  • The Lonely Road

    The Lonely Road reminds Me with You...

  • Twister

    Here are some twisting graphics for you...

Tuesday, June 30, 2009

Membina link (pautan)


Salah satu bahagian yang terpenting di dalam blog adalah link (pautan) . Kebiasaannya bahagian link diletakkan pada sebelah tepi column. Untuk membina link, cara yang paling mudah ialah dengan klik pada Dashboard=> Layout=> Add a Gadget. Seterusnya klik pada Link List (rujuk gambar di bawah)


Seterusnya isikan tajuk pada ruangan Title . Contohnya seperti Rakan Blogger . Isikan jumlah link yang ingin anda masukkan pada ruangan Number of links to show in list. Kebiasaannya, ruangan tersebut di biarkan kosong. Kemudian pilih cara susunan bagi link sama ada bermula dari A-Z ataupun dari Z-A pada ruangan Sorting. Isikan URL pada ruangan New Site URL. Sebagai contoh, http://maribinablog.blogspot.com dan nama URL tersebut. Contohnya seperti Mari Bina Blog. Setelah selesai untuk satu link, klik ADD LINK. Jika anda ingin menambahkan lagi link, ulangi langkah di atas. Akhir sekali, klik SAVE.

Memasang flash banner

Flash banner amat sesuai di pasang pada blog kita jika saiz ukuran panjang pada bahagian atas posting sama atau lebih daripada 468px. Jika saiz ukuran panjang atas posting kurang daripada itu, akan menyebabkan 1/4 atau lebih daripada flash banner kita akan hilang. Untuk anda yang mempunyai ukuran blog yang kecil ( kebiasaannya blog yang mempunyai 3 column), Mari bina blog tidak menggalakkan untuk memasang banner yang bersaiz 486px x 60 px ini.

Pada artikel kali ini, Mari bina blog akan menunjukkan anda bagaimana memasang Flash Header pada blog. Untuk membina Flash Header tersebut, klik link ini => http://www.flashvortex.com/index.php?action=category&categoryId=1 . Seterusnya pilih Flash Banner yang sesuai untuk di masukkan ke dalam blog anda. Selesai memilih, klik pada CLIK HERE TO EDIT THIS . Seterusnya, masukkan perkataan atau ayat yang bersesuaian pada setiap bahagian. Setelah selesai dan berpuashati, klik button Generate Animation. Tunggu sehingga proses tersebut selesai dan copy tag HTML pada ruangan Easy. Akhirnya, pastekan pada bahagian atas posting ataupun boleh juga di pastekan pada bahagian header jika terdapat perkataan Add a Gadget pada bahagian header blog anda.









Contoh flash banner yang telah di kecilkan saiznya

Memasang jam pada blog

Semasa melayari sesuatu blog, kadangkala kita terpandang jam pada blog tersebut sama ada dari jenis digital ataupun analog. Mungkin kita juga teringin untuk memasangnya pada blog sendiri tetapi tidak tahu bagaimanakah caranya. Pada artikel kali ini, Mari bina blog akan menunjukkan anda bagaimana memasang widget jam pada blog. Sebelum itu, Mari bina blog akan mempamerkan beberapa contoh jam dari jenis analog dan digital.




Untukmemasang widget jam tersebut, anda perlu pergi ke http://www.clocklink.com/gallery.php . Seterusnya, anda bolehlah memilih jam jenis apakah yang ingin anda pasang pada blog anda. Setelah berpuashati dengan jenis jam yang anda pilih, klik pada button View HTML tag. Apabila paparan bagi jam tersebut muncul, tandakan pada Select by city dan pilih Malaysia pada bahagian Country dan Kuala Lumpur pada bahagian City. Setelah selesai, copy salah satu HTML tag jam tersebut dan pastekan pada column blog anda.

Monday, June 29, 2009

Menukar Ikon favicon

Favicon (favourite icon) adalah ikon kecil yang berada pada URL blog atau website anda. Apabila anda membuat blog di Blogger.com,favicon yang berada pada URL anda adalah berupa favicon blogger.


Untuk menggantikan favicon asal kepada favicon anda sendiri, anda perlulah membina satu gambar. Ianya terpulang kepada kretiviti anda untuk membina gambar tersebut. Saiz bagi gambar mestilah sama ukurannya. Sebagai contoh, 100px x 100px. Setelah siap membina dan anda berpuas hati dengan gambar tersebut, save ke dalam komputer.

Seterusnya pergi ke http://www.favicongenerator.com . Ikut arahan yang diberikan dan setelah favicon tersebut di save ke dalam komputer, upload favicon tersebut di http://www.picpanda.com. Tunggu sehnigga proses upload selesai dan kemudian copy url favicon tersebut dan pastekan ke dalam notepad. Seterusnya, copy tag html ini  <link href='masukkan url favison .ico' rel='icon'/> dan paste kan ke dalam notepad. Gantikan perkataan masukkan url favicon.ico pada tag html kepada url favicon yang telah di copy dari http://www.picpanda.com tadi.

Setelah selesai mengedit, copy tag html yang telah siap di edit tersebut dan klik ke Dashboard=>Layout=>Edit HTML. Tick kan pada kotak Expand Widget Templates. Seterusnya tekan Ctrl+F dan taipkan </head> dan tekan enter. Pastekan tag HTML tadi di atas code </head>. Klik preview dan jika tiada sebarang masalah(error), klik save.

Satu cara lagi yang sangat mudah ialah dengan membinanya di sini  http://www.iconj.com/. Terima kasih pada sdr Izanuddin yang telah memberikan link tersebut pada saya.

Membina YM emoticons

Buat anda yang ingin menghiasi posting dengan emoticons dari yahoo, Mari bina blog menyenaraikan source code emoticons tersebut. Copy source code berikut dan pastekan pada posting anda.


Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code:




Source code: