Easy way to create a favicon on blog.
How to create a favicon on blogger blog.
How to create a favicon on blogger blog.
Ini adalah satu trick mudah untuk anda cipta satu favicon pada blog anda hanya menggunakan blog editor seperti kebiasaan anda menulis pada blog. Anda TIDAK perlu:
- imej editor untuk cipta standard format favicon, ICO-file.
- upload suatu gambar dari mana-mana sumber untuk dapatkan URL nya.
- menunggu link favicon nya untuk siap.
Langkah 1: Buka blogger editor.
Anda perlu buka blogger editor "create new post" seperti kebiasaan anda menulis di blog anda. Kemudian mulakannya dengan upload satu imej yang anda telah pilih untuk dijadikan favicon, contohnya gambar anda sendiri, logo perniagaan anda dan sebagainya.
Setelah gambar terpapar, apa yang anda perlu lakukan seterusnya ialah mengubah saiz imej tersebut, dan saiz yang terbaik untuk favicon ialah 32x32 pixels. Caranya, anda perlu klik "Edit HTML" tab pada blog editor tersebut dan seterusnya tukarkan saiz imej kepada 32 pixels (height dan width). Lihat contoh pada gambar di bawah.
Langkah 2: Dapatkan URL imej favicon anda.
Setelah anda siap menukar saiz imej seperti di atas, anda perlu klik "SAVED" dan ianya secara utomatik di simpan sebagai "draft" pada blog anda.
Dan langkah seterusnya ialah dapatkan URL imej favicon anda pada tab "Edit HTML" di sebelah "Compose" tadi, apa yang anda dapat lihat disini terdapat 2 alamat URL(http) yang panjang untuk imej anda.
Alamat URL(http) yang anda PERLUKAN hanyalah yang KEDUA yang tertulis "s200" pada URL nya bukannya yang "S1600" (sentiasa ambil yang nombor lebih kecil).
Seterusnya copy URL kedua tersebut dan paste nya pada Notepad terlebih dahulu (URL nya adalah selepas "scr=", copy starting from http://.... to..jpg).
Teknik ini mudah dan sesuai untuk imej format jpg atau png,gif,bmp tanpa menukarnya.
Langkah 3: Letakkan URL favicon pada "href"
Favicon untuk blog dan juga website menggunakan format standard kod untuk imejnya. Copy kod di bawah ini dan paste pada notepad yang baru:
Dan tukarkan http://3......jpg kepada URL imej favicon yang telah anda paste pada notepad pada langkah 2 tadi.
Kemudian copy kod penuh favicon tersebut.
Langkah 4: Tampal kod penuh favicon anda pada blog.
Langkah terakhir adalah tampalkan kod penuh favicon anda tadi pada blog anda, caranya klik pada "Design" dan seterusnya klik " Edit HTML".
Kemudian klik "Download Full Template" terlebih dahulu incase berlaku kesilapan dan setelah itu tick "Expand Wiget Templates" pada bahagian Edit Template. Seterusnya anda perlu mencari kod ini:
Kemudian tampalkan kod penuh favicon anda tadi SELEPAS kod di atas. LIhat pada gambar di bawah.
Dan akhirnya klik "SAVE TEMPLATE"
Setelah selesai disimpan, anda boleh klik "view blog" untuk ke homepage blog anda dan anda dapat melihat hasilnya terpapar di tepi alamat blog anda pada browse tab seperti blog dan juga website yang lain. Imej favicon sangat penting bagi sesetengah blog ataupun website ianya menunjukkan kredibiliti tentang blog tersebut.
Enjoy ! your newly favicon to your blogger blog.
*klik pada gambar untuk besarkan imej.
- imej editor untuk cipta standard format favicon, ICO-file.
- upload suatu gambar dari mana-mana sumber untuk dapatkan URL nya.
- menunggu link favicon nya untuk siap.
Langkah 1: Buka blogger editor.
Anda perlu buka blogger editor "create new post" seperti kebiasaan anda menulis di blog anda. Kemudian mulakannya dengan upload satu imej yang anda telah pilih untuk dijadikan favicon, contohnya gambar anda sendiri, logo perniagaan anda dan sebagainya.
Setelah gambar terpapar, apa yang anda perlu lakukan seterusnya ialah mengubah saiz imej tersebut, dan saiz yang terbaik untuk favicon ialah 32x32 pixels. Caranya, anda perlu klik "Edit HTML" tab pada blog editor tersebut dan seterusnya tukarkan saiz imej kepada 32 pixels (height dan width). Lihat contoh pada gambar di bawah.
Langkah 2: Dapatkan URL imej favicon anda.
Setelah anda siap menukar saiz imej seperti di atas, anda perlu klik "SAVED" dan ianya secara utomatik di simpan sebagai "draft" pada blog anda.
Dan langkah seterusnya ialah dapatkan URL imej favicon anda pada tab "Edit HTML" di sebelah "Compose" tadi, apa yang anda dapat lihat disini terdapat 2 alamat URL(http) yang panjang untuk imej anda.
Alamat URL(http) yang anda PERLUKAN hanyalah yang KEDUA yang tertulis "s200" pada URL nya bukannya yang "S1600" (sentiasa ambil yang nombor lebih kecil).
Seterusnya copy URL kedua tersebut dan paste nya pada Notepad terlebih dahulu (URL nya adalah selepas "scr=", copy starting from http://.... to..jpg).
Teknik ini mudah dan sesuai untuk imej format jpg atau png,gif,bmp tanpa menukarnya.
Langkah 3: Letakkan URL favicon pada "href"
Favicon untuk blog dan juga website menggunakan format standard kod untuk imejnya. Copy kod di bawah ini dan paste pada notepad yang baru:
<link href="http://3......jpg" rel='icon' type='image/jpg'/>Dan tukarkan http://3......jpg kepada URL imej favicon yang telah anda paste pada notepad pada langkah 2 tadi.
Kemudian copy kod penuh favicon tersebut.
Langkah 4: Tampal kod penuh favicon anda pada blog.
Langkah terakhir adalah tampalkan kod penuh favicon anda tadi pada blog anda, caranya klik pada "Design" dan seterusnya klik " Edit HTML".
Kemudian klik "Download Full Template" terlebih dahulu incase berlaku kesilapan dan setelah itu tick "Expand Wiget Templates" pada bahagian Edit Template. Seterusnya anda perlu mencari kod ini:
<title><data:blog.pageTitle/></title>Kemudian tampalkan kod penuh favicon anda tadi SELEPAS kod di atas. LIhat pada gambar di bawah.
Dan akhirnya klik "SAVE TEMPLATE"
Setelah selesai disimpan, anda boleh klik "view blog" untuk ke homepage blog anda dan anda dapat melihat hasilnya terpapar di tepi alamat blog anda pada browse tab seperti blog dan juga website yang lain. Imej favicon sangat penting bagi sesetengah blog ataupun website ianya menunjukkan kredibiliti tentang blog tersebut.
Enjoy ! your newly favicon to your blogger blog.
*klik pada gambar untuk besarkan imej.
