Nov
17th

Membina “Favicon” untuk website anda

Favicon adalah sebuah logo atau grafik kecil yang terletak pada kotak sebelah kiri URL browser (Firefox & Internet Explorer) anda. Juga dikenali sebagai website icon, page icon atau urlicon. Favicon biasanya digunakan dalam URL bar, fungsi bookmark dan juga pada tab browser.

Lihat gambarajah berikut sebagai contoh. Tanda no 1 & 2 adalah salah satu bentuk favicon yang di maksudkan :

Langkah-langkah membina Favicon

1.) Pilih gambar atau grafik yang sesuai untuk jadikan favicon. Image yang dibenarkan adalah dalam bentuk .jpg, .png, .gif.

2.) Pilih saiz yang tidak terlalu besar. Anggaran saiz adalah 150px x 150px.

3.) Image tersebut perlu ditukar kepada frmat “.ico“. Untuk memudahkan anda menukar format tersebut, anda boleh gunakan perkhidmatan percuma di laman web - http://www.html-kit.com/favicon

4.) Di dalam laman web tersebut, sila pilih browse untuk memilih image yang di perlukan dari komputer anda.

5.) Terdapat pilihan sama ada anda ingin membuat favicon berbentuk animasi atau tidak.

6.) Tekan butang “Generate Favicon.ico” untuk membina image dalam format “.icon” dan ikuti arahan seterusnya. Selepas itu, satu fail dalam bentuk “.zip” terbentuk di komputer anda.

7.) Anda perlu unzip fail tersebut untuk mendapatkan favicon yang telah terbina.

8.) Setelah di unzip, klik folder tersebut dan anda akan melihat file favicon.ico dan folder extra. Dalam folder extra terdapat juga file animated_favicon.gif, preview_16×16.png dan readme.txt.

10.) Sila upload file favicon.ico kepada root directory website anda, iaitu pada public_html. Jika anda inginkan animated favicon, sila upload sekali animated_favicon.gif yang terletak pada folder extra.

11.) Sila letakkan kod dibawah diantara bahagian header website anda seperti berikut:

<head>
<link rel=”shortcut icon” href=”favicon.ico” >
</head>

12.) Jika anda inginkan animated favicon, sila tambahkan kod ini:

<head>
<link rel=”shortcut icon” href=”favicon.ico” >
<link rel=”icon” href=”animated_favicon1.ico” type=”image/gif” >
</head>

13.) Upload kod baru pada header website anda.

14.) Untuk melihat hasilnya, sila buka laman web anda. Tekan F5 untuk refresh browser beberapa kali jika favicon tidak kelihatan.

Selamat mencuba.

Sumber : Sabahdaily

Nov
4th

Download Video Menggunakan Firefox Add-ons

Mozilla Firefox adalah satu web browser yang membenarkan anda untuk download pelbagai video menggunakan Add-ons Video Downloader. Aplikasi ini boleh berjalan di dua sistem operasi iaitu Windows dan Mac OS X.

Install Mozilla Firefox Video Downloader

Anda boleh download sekarang Add ons Video Downloader di https://addons.mozilla.org/en-US/firefox/addon/3006

1. When prompted to download the software extension, click Save
2. From the Mozilla Firefox folder in your “Program Files” save the add-on in the “Extensions” folder.
3. When download is complete, choose “Close”
4. When you will open the Mozilla Firefox browser window, it will ask you if you want to install the add-on. Click “Install Now”
5. After installation, the toolbar should have the icon located to the left-hand side of your address bar.
6. You should first load the page containing the video stream to use this option. Once you have loaded the right page, click on the down arrow next to your video downloader icon and choose the format you want to save the video. By default it will save it as an FLV format file.
7. Choose the path where you want the video to be saved to.

Maklumat lanjut boleh didapati di SINI.


Oct
28th

8 Trik Menjadikan Firefox Secepat Kilat

Files under firefox, internet | 2 Comments

Secara umum Firefox sendiri sudah memiliki kuasa  yang melampaui IE, tetapi dengan sedikit sentuhan dan penetapan yang tepat anda bosa membuatnya 2x lebih cepat lagi hanya dalam waktu 5 minit saja. Ikutilah trik-trik di bawah ini.

1. Aktifkan Pipelining

Biasanya browser bekerja dengan mengirimkan permintaan kepada server dan menunggu respon sebelum melanjutkan proses. Pipelining adalah sebuah teknik lebih agresif yang memungkinkan browser untuk mengirimkan beberapa permintaan sekaligus sebelum menerima respon apapun untuk mengurangi waktu yang diperlukan untuk memaparkan isi halaman. Untuk mengaktifkan fungsi ini taip “about:config” pada kotak alamat, klik dua kali pada “network.http.pipelining” dan “network.http.proxy.pipelining” supaya nilainya berubah menjadi “true” kemudian klik-dua kali pada “network.http.pipelining.maxrequest” dan jadikan nilainya “8“.




Perlu diingat bahawa beberapa server tidak melayani pipelining. Jadi, ada kemungkinan kalau penetapan ini boleh memperlahankan firefox anda. Atur kembali semuanya seperti penetapan awal jika memang terjadi masalah.

2. Render dengan Cepat

Laman web yang besar dan rumit boleh memakan masa untuk dipaparkan. Firefox tidak ingin membuat anda menunggu, jadi dengan pengaturan standart Firefox akan menampilkan apa yang ia terima setiap 0,12 saat. Walaupun hal ini membuat browser terkesan lebih cepat, rendering secara berulang yang dilakukan terus menerus meningkatkan waktu keseluruhan yang diperlukan untuk menampilkan halaman, kita dapat mengurangi jumlah rendering ini untuk meningkatkan kelajuannya.

Taip “about:config” dan tekan [ENTER], kemudian klik kanan pada tetingkap utama dan kemudian pilih “New > Integer“. Taip “content.notify.interval” sebagai nama preferensi anda, klik “ok“, masukkan “500000” (500 ribu) dan klik “ok” kembali.

Klik kanan lagi pada tampilan dan pilih “New > Boolean“. Kali ini buat nilai disebut “content.notify.ontimer” dan atur menjadi “True” untuk menyelesaikan tugas anda.

3. Loading Lebih Cepat

Jika anda tidak menggerakkan tetikus atau menyentuh keyboard selama 0,75 detik, Firefox akan masuk ke dalam mode “low frequency interrupt” yang artinya interface-nya menjadi kurang responsif tetapi bisa me-load halaman lebih cepat.

Ketik “about:config” dan tekan [ENTER], klik kanan pada tampilan dan pilih “New > Integer”. Ketik “content.switch.threshold”, klik “ok”, masukkan “250000″ (seperempat detik) dan klik “ok” untuk menyelesaikan.

4. Tidak Ada Interupsi

Anda boleh melakukan langkah lebih jauh dengan memberitahu Firefox untuk sama sekali mengabaikan user interface events sampai halaman selesai dipaparkan. Memang cara ini agak ekstrim kerana Firefox boleh menjadi tidak responsif selama beberapa waktu, tetapi tidak ada salahnya untuk dicuba apakah kesannya positif atau tidak untuk anda.

Taip “about:config“, tekan [ENTER] dan klik kanan, pilih “New > Boolean“. Taip “content.interrupt.parsing“, klik “ok“, atur nilainya menjadi “False” dan klik “ok“.

5. Blokir Flash

Animasi flash yang mengganggu terdapat di mana-mana, muncul pada halaman web yang ingin anda baca atau lihat dan memlambatkan browsing. Namun ada penyelesaian yang sangat mudah. Install  “Flashblock” (flashblock.mozdev.org) dan ia akan memblocksemua aplikasi Flash ketika loading agar laman web ditampilkan lebih cepat. Jika anda menemui paparan Flash ingin anda lihat cukup sekadar klik pada tempatnya untuk download dan melihat tampilannya dengan normal.

6. Tingkatkan Ukuran Cache

Ketika melancarkan Firefox akan menyimpan gambar dan skrip pada memory cache local di mana anda boleh mempercepat pengambilan data jika mengunjungi laman web yang sama kembali. Jika anda memiliki RAM yang besar (2GB atau lebih), biarkan Firefox berjalan lebih lama sehingga mengunjungi kembali halaman-halaman web akan lebih cepat, terutama dengan cache yang besar.

Taip “about:config” dan tekan [ENTER], kemudian klik kanan dan pilih “New > Integer“. Taip “browser.cache.memory.capacity“, klik “ok“, masukkan “65536” dan klik “ok“, kemudian “restartbrowser untuk mendapatkan cache yang baru dan lebih besar.

7. Aktifkan TraceMonkey

TraceMonkey adalah engine Javascript baru dari Mozilla yang super cepat, dalam beberapa benchmark bahkan mencetak nilai 40x lebih besar dibandingkan versi saat ini. Tracemonkey mungkin saat ini memang dalam tahap pengembangan dan masih sedikit buggy, tetapi jika anda keberatan menggunakan perisian dalam tahap pengembangan, dapatkan nightly build terbaru dari (ftp://ftp.mozilla.org/pub/firefox/nightly/latest-trunk/). Versi beta pertama Firefox 3.1 juga dijadualkan untuk dikeluarkan bulan ini juga.

Ketik “about:config” pada kotak alamat dan tekan [ENTER]. Ketik “JIT” pada kotak filter, dan klik dua kali “javascript.options.jit.chrome” dan “javascript.options.jit.content” untuk mengubah nilainya menjadi “true“. Selamat!, kini anda telah menggunakan engine Javascript mutakhir Firefox.

8. Kompres Data

Jika anda memiliki akses internet lambat, mungkin anda merasa bahawa Firefox tidak berkerja dengan baik. Itu tidak sepenuhnya benar! Install toonel.net dan aplikasi Java ini akan mengambil alih trafik internet anda melalui server-nya sendiri. Semua data yang melalui server Toonel lalu dikompres sehingga data yang perlu dipaparkan browser lebih sedikit.

Bahkan, Toonel juga boleh mengkompres gambar JPEG, tetapi tentunya berlaku penurunan kualiti gambar. Tips ini berguna untuk mempercepatkan jumlah data yang dikirimkan, bermanfaat jika memiliki akaun internet yang terbatas atau saat menggunakan sambungan internet yang lambat seperti GPRS.

Untuk sumber artikel, silakan klik di sini.

Sep
3rd

Memasang Kotak Comment Pada Blogger

Files under blog, internet | 2 Comments

Salah satu kelemahan Blogger adalah tentang kotak komentarnya, kini mereka memudahkannya tanpa perlu menekan tetingkap baru. Dengan adanya fungsi ini, jumlah komentar anda mungkin semakin meningkat bukan.

Sebelum ini banyak kutukan diterima oleh Blogger dan akhirnya kini Team Blogger menyelesaikan kesulitan ini dengan adanya Embedded Comment Form. Walaupun begitu, masih banyak kekurangan yang masih perlu dibaiki.

1. Masuk dan login draft.blogger.com. Sebenarnya draft.blogger.com sama sahaja seperti blogger.com fungsinya sama sahaja cuma interfacenya sahaja berbeza.

2. Pada halaman {Setting}, sila pilih {Comments}. Jangan lupa tanda pada kotak (Embedded below post} di ruangan Comment Form Placement.

3. Pilih {Save Changes} dan lihat hasilnya.

4. Jika anda tidak berjaya, mungkin ada sedikit masalah di template anda. Bagi yang sudah berjaya, abaikan langkah seterusnya. Kod ini hanya digunakan jika langkah diatas tidak berjaya.

5. Cari kod di bawah ini :

<p class='comment-footer'> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </p>

Gantikan dengan kod ini :

<p class='comment-footer'> <b:if cond='data:post.embedCommentForm'> <b:include data='post' name='comment-form'/> <b:else/> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </p>

7. Pilih {Save Changes} dan lihat hasilnya.

Selamat mencuba….saya pun tak cuba lagi…he he

p/s : Sumber daripada rakan blogger.

Aug
18th

Berbual Percuma Di Handphone Anda

Files under internet, mobile | 1 Comment

Pada masa ini, banyak aplikasi jaringan sosial yang boleh digunakan di telepon bimbit. Namun umumnya setiap aplikasi hanya memiliki satu fungsi, seperti hanya boleh berchatting, periksa e-mail, atau menyimpan phonebook. Dengan Nimbuzz, banyak keperluan sosial akan terjawab dalam satu aplikasi.

Dibangunkan pada 2006 yang berpusat di Belanda, Nimbuzz merupakan aplikasi Java percuma yang menawarkan pelbagai fungsi bagi pengguna komunikasi bergerak, termasuk di PC dan Web, untuk melakukan panggilan, conference call, instant messaging, chatting dalam kumpulan, serta berkongsi file atau gambar pada komuniti IM seperti Skype, Windows Live Messenger, Google Talk, Yahoo Messenger, AIM, Jabber dan ICQ, termasuk Facebook dan MySpace.




Banyak yang boleh dilakukan oleh Nimbuzz, dan semuanya percuma. Anda hanya perlu akses GPRS yang sesuai. Nimbuzz boleh melakukan panggilan VoIP ke sesama hand phone, chatting, membuat ruang chatting sendiri untuk perbincangan peribadi, berkongsi file/gambar/ringtone, berkirim SMS ke sesama pengguna Nimbuzz, menyimpan file-file dengan kapasiti yang tidak terbatas, menyimpan phonebook dan melakukan backup , atau menjemput rakan pengguna Nimbuzz yang sedang Offline.

Untuk menggunakan aplikasi ini, tentunya anda memerlukan akses Internet atau GPRS yang sesuai untuk telepon bimbit anda.

Beriktu cara untuk melakukannya :

1. Lakukan installation (http://www.nimbuzz.com/en/download/options) dan aktifkan Nimbuzz. Pilih Start Test untuk menguji akses dari hand phone ke server Nimbuzz. Pilih Yes apabila muncul pesanan yang mengatakan aplikasi akan mengirimkan data, ini bermaksud anda perlu mengaktifkan GPRS.
2. Tunggu beberapa saat sehingga proses testing selesai.
3. Seterusnya dengan Register as new user untuk melakukan pendaftaran pertama kali. Isikan data-data yang diperlukan seperti Username, Password, dan alamat e-mail. Tunggu beberapa saat, Nimbuzz akan menyimpan data ke server-nya.
4. Untuk menggunakan fungsi Call atau Buzz , masukkan nombor telepon. Pilih benua Asia dan negara Malaysia. Lalu masukkan nombor telepon anda.
5. Seterusnya, anda akan diberi pilihan apakah akan melakukan panggilan (Call) dan Chating ke IM lain. Jika ya, maka pilih beberapa IM yang berdaftar, misalnya Yahoo Messenger.
6. Untuk berkenalan dengan anggota lain, anda perlu membuat Profile peribadi yang boleh dibaca oleh anggota Nimbuzz lain. Masukkan data peribadi anda, lalu klik OK.
7. Anda akan dibawa masuk ke menu utama Nimbuzz, yang mengandungi Messages, Online gallery, Phonebook, dan Chat rooms. Anda boleh melakukan setting aplikasi, melalui Menu > Settings. Ada banyak yang boleh dilakukan, misalnya aturan Contact list, Display, Camera, Connection Type, Data Counter, TemplatesIncoming Call / New chat message / New message.
8. Di bahagian Message, anda boleh mengiriman pesanan teks, pesanan suara atau gambar.
9. Di bahagian Chat rooms, anda boleh melihat semua tajuk ruang chatting yang ada di dalamnya. Anda juga boleh membuat ruang chat sendiri, baik bersifat umum ataupun tertutup (private).
10. Jika dilihat di bahagian List all chat rooms, maka akan muncul 2979 ruang chat di dalam server Nimbuzz.
11. Jika ada  SMS dari sesama anggota Nimbuzz, akan muncul pesanan You have received 1 message(s). Pilih Show untuk membacanya. Pesanan SMS yang dikirimkan hanya memerlukan kos yang sangat minima kerana dikirimkan melalui GPRS, bukan jalur SMS biasa.

Jun
24th

Melihat Sumber Kod HTML Sesebuah Laman Web

Files under internet, web | Leave a Comment

Dalam membina sesebuah laman web, kita tidak lari dari membicarakan tentang kod-kod HTML yang digunakan. Walaupun pada masa ini terdapat banyak perisian membina laman web (WYSWYG - What You See Is What You Get) tanpa perlu anda memahami kod HTML tersebut seperti perisian Frontpage dan Dreamweaver. Namun demikian, dalam satu-satu keadaan anda mungkin perlu juga memahami kod-kod HTML ini.

Dalam melayari laman web, sebenarnya anda boleh melihat dan mengkaji penggunaan kod-kod HTML atau skrip tambahan yang digunakan oleh sesebuah laman web tersebut.

Untuk pengguna Firefox, hanya tekan “ctrl + u” atau pergi ke menu bar, tekan “view” dan pilih “page sources“. Manakala untuk pengguna Internet Explorer pula, tekan “view” pada menu bar dan pilih “Source“.

Contoh kod HTML dan beberapa skrip (Javascript & php) yang digunakan di dalam sesebuah blog adalah seperti gambarajah di bawah. Kod tersebut diambil dari blog RahsiaKomputer.com.

Untuk mengkaji lebih mendalam bagaimana sesebuah laman web dibina dan mengetahui penggunaan kod dan skrip yang digunakan, saya mencadangkan anda “save as” sahaja halaman web tersebut dan kemudian buka halaman itu menggunakan perisian membina laman web yang anda gunakan. Ingat…. Jangan pula anda tiru laman web tersebut, hanya untuk mempelajarinya sahaja.

Kepentingan melihat sumber kod HTML sesebuah laman web adalah untuk :

  1. Mengetahui bagaimana susun atur kod sesebuah laman web ditulis dan dibina.
  2. Mengkaji bagaimana meta tag sesebuah laman web ditulis dan kedudukan tag tersebut diletakkan.
  3. Mengetahui serba sedikit berkaitan dengan penggunaan kod-kod HTML dan fungsi-fungsinya.
  4. Mengkaji tentang skrip-skrip tambahan yang digunakan oleh sesebuah laman web tersebut.
  5. Kepentingan lain bergantung tujuan anda ingin melihat kod-kod tersebut.

Namun demikian, untuk mengkaji dan memahami kod-kod yang digunakan, anda perlu mempunyai sekurang-kurangnya pengetahuan asas yang berkaitan dengan kod-kod tersebut. Oleh itu, anda perlu mempelajari serba sedikit berkaitan dengan kod HTML, Javascript mahu pun PHP.

Dalam ebook Panduan Membina Laman Web, saya ada membincangkan serba sedikit kerangka asas kod HTML laman web dan beberapa penggunaan kod yang perlu untuk sesebuah laman web.

Salam Kejayaan.