FavIcon လုပ္ၾကမလား?
အထက္ပါနည္းမွာ ကိုယ္ပိုင္ Favicon တစ္ခုဖန္တီးဖို႔ဆိုတဲ့ အဆင့္အတြက္ အခက္အခဲ ရွိေကာင္းရွိႏိုင္ပါတယ္။ အကယ္၍ ဖန္တီးဖို႔ အခက္အခဲ မရွိခဲ့ဘူး ဆိုရင္လည္း အခ်ိန္ေပးဖို႔အတြက္ စကားေျပာစရာရွိလာပါမယ္။ အဲဒီအတြက္ အခ်ိန္လည္းေပးစရာမလို၊ ကိုယ္တိုင္လည္း ဘာမွဖန္တီးစရာမလိုပဲ အမိုက္စား Animation FavIcon ေတြကို မိမိစိတ္ႀကိဳက္၊ မိမိစက္ထဲမွာရွိတဲ့ ပံုတစ္ပံုေပးလိုက္ရံု နဲ႔ မိမိဘေလာ့ဂ္ (သို႔) ဆိုဒ္ အတြက္ Favicon တစ္ခုကို အျမန္ဆံုးနဲ႔၊ အလကားဖန္တီးေပးတဲ့ 
အထက္က ပံုကေတာ့ ကၽြန္ေတာ္တို႔ ေရာင္းရင္းႀကီး Blogger.com ရဲ့ Favicon ပဲျဖစ္ပါတယ္။ မ်ားေသာအားျဖင့္ေတာ့ ကိုယ္ပိုင္ Web Hosting ၀ယ္ၿပီး၊ ကိုယ္ပိုင္၀ဘ္ဆိုဒ္ ေရးသားလြတ္တင္ ထားတဲ့သူေတြ အတြက္ Favicon ကိုမိမိကိုယ္တိုင္ ထည့္သြင္းေပးရပါတယ္။ ဒါေပမယ့္ ကၽြန္ေတာ္တို႔ Blogger.com မွာေတာ့ အလိုအေလ်ာက္ပဲ ပါရွိၿပီးသားျဖစ္တဲ့အတြက္ အဲဒီ မူရင္းပါရွိတဲ့ Blogger ရဲ့ Favicon ကို မိမိစိတ္ႀကိဳက္၊ မိမိရဲ့ အမွတ္တံဆိပ္တစ္ခုနဲ႔ အစားထိုးေဆာင္ရြက္ႀကည္႔ၾကပါမယ္။ ဘယ္လိုအစားထိုးၾကမလဲ။ လုပ္နည္းက သိပ္ကိုလြယ္ပါတယ္။ ေအာက္ပါအတိုင္း ေဆာင္ရြက္ပါ။
နည္းလမ္း(၁)
၁)Favicon အျဖစ္အသံုးျပဳရန္ မိမိ စိတ္ႀကိဳက္ ေဆာ့ဖ္၀ဲလ္တစ္ခုကို အသံုးျပဳကာ စိတ္ႀကိဳက္ဒီဇိုင္းတစ္ခုဖန္တီးပါ။ ၿပီးလ်င္ပံုကို .png အမ်ိဳးအစားဖိုင္ အျဖစ္သိမ္းဆည္းပါ။ ဖိုင္ရဲ့ အရြယ္အစားကေတာ့ ၁၆*၁၆ Pixels မွ ၃၂*၃၂ Pixels အတြင္းႀကိဳက္သလို ဖန္တီးလို႔ရပါတယ္။
၂)၎ Icon ကို (Photobucket သို႔မဟုတ္ Googlepage) စသျဖင့္ တစ္ေနရာရာတြင္ Upload လုပ္ပါ။ရလာေသာ လင့္ခ္ကို တစ္ေနရာတြင္ ေကာ္ပီကူးၿပီးမွတ္ထားပါ။
၃)Blogger Dashboard ကို၀င္ေရာက္ၿပီး၊ Template ေအာက္ရွိ Edit HTML တြင္ေအာက္ပါ ကုဒ္မ်ားကို Ctrl+F အကူအညီျဖင့္ ေတြ႔ေအာင္ရွာေဖြပါ။
<title><data:blog.pagetitle/></title>
၄)ေတြ႔ရွိပါက ၎ကုဒ္မ်ား၏ ေအာက္တြင္ ေအာက္ပါကုဒ္မ်ားကို Copy->Paste လုပ္ပါ။
<link /outbound/www.html-kit.com');" onclick="javascript:pageTracker._trackPageview ('/outbound/www.html-kit.com');">ဒီေနရာ ကိုသြားတာ အေကာင္းဆံုးပါပဲ။
(ကၽြန္ေတာ့္ဆိုဒ္မွာ အဲဒီနည္းကိုသံုးထားပါတယ္။)
ပံုအႀကီးၾကည့္ရႈရန္ ပံုေပၚတြင္ကလစ္ေပးပါ။
အဲဒီေနရာကိုေရာက္ရင္ ညီအစ္ကိုေမာင္ႏွမမ်ား ေတြ႔ၾကတဲ့ အတိုင္းပါပဲ။
၁)Browse ထဲမွေန၍ မိမိစိတ္ႀကိဳက္ပံုတစ္ပံု (အရြယ္အစား၊ဖိုင္အမ်ိဳးအစား ကန္႔သတ္ ခ်က္မရွိ) ကိုေရြးပါ။
၂) ၿပီးလ်င္ Scrolling Text ၏ေဘးမွ အကြက္တြင္ မိမိဘေလာ့ဂ္နာမည္၊ သို႔ မိမိစိတ္ႀကိဳက္ မိမိ ေပၚေစခ်င္ေသာ စာသားကိုရိုက္ထည့္ပါ။
၃)ၿပီးလ်င္ Animate Favicon ၏ေဘးရွိ Check Box တြင္ Enable ေပးၿပီး Generate FavIcon.ico ကိုကလစ္လုပ္ပါ။
၄)ေနာက္တစ္မ်က္ႏွာတြင္ Download ႏွင့္ Preview ဆိုၿပီးျပလာမွာျဖစ္ပါတယ္။ မိမိ၏ FavIcon အထုပ္ကို Download လုပ္ပါ။
၅)ေဒါင္းလုဒ္လုပ္လို႔ရလာတဲ့ အထုပ္ဟာ zip file နဲ႔ထုပ္ထားတာျဖစ္တဲ့ အတြက္ အဲဒီအထုပ္ေပၚမွာ Right Click ေပးၿပီး Extract Here လုပ္ပါ။
၆)Extra File ထုပ္ထဲမွ animated_favicon1 ကိုေရြးခ်ယ္ၿပီး အထက္မွာ ေျပာခဲ့တဲ့အတိုင္း မိမိစိတ္ႀကိဳက္ေနရာတစ္ခုမွာ Upload လုပ္ပါ။ရလာတဲ့ လင့္ခ္ကို ေကာ္ပီကူးၿပီးမွတ္သားထားပါ။
၇)ၿပီးလ်င္ အထက္တြင္ရွင္းၿပခဲ့သည့္အတိုင္း “URL of your icon file” ေနရာတြင္မိမိ FavIcon ရဲ့ လင့္ခ္ကိုအစားထိုးထည့္ပါ။
ထိုစာေၾကာင္းရွိ ‘ type=’image/vnd.microsoft.icon’ ဆိုေသာေနရာတြင္ ေအာက္ပါကုဒ္ျဖင့္ အစားထိုးပါ။
type='image/gif'
၈)Template ကို Save လုပ္ၿပီးလ်င္ အားလံုး Ready ျဖစ္ပါၿပီ။ မိမိဘေလာ့ဂ္အား ဘေရာက္ဇာ အသစ္တြင္ဖြင့္ၿပီး ေက်နပ္မႈရယူပါ။
(Blogging ကိုအခုမွ စတင္ထိေတြ႔သူမ်ားအတြက္ ရည္ရြယ္ၿပီး အေသးစိတ္ ေရးသားေပးထားတာ ျဖစ္ပါတယ္။ တစ္ကယ္လုပ္လ်င္(၂)မိနစ္ ေလာက္အတြင္း ၿပီးစီးသြားႏိုင္ပါတယ္ခင္ဗ်ား။)
Oct 25th, 2007 at 12:18 pm
ဒီပို႔စ္ေလးကို သေဘာက်တယ္။ အားတာနဲ႔ ပထမဆံုးလုပ္ၾကည့္ရမယ့္ အရာတစ္ခုေတာ့ ရၿပီ။ အရမ္း၀ါသနာပါတယ္ ဒါမ်ဳိးေတြ။ ဒီလို မသိရေသးတဲ့ ဆုိဒ္ေလးေတြ တင္ေပးတာ ေက်းဇူး။
Oct 25th, 2007 at 2:30 pm
ေကာင္းပါေလ့ မႏွင္းႏွင္းေရ။ စမ္းလုပ္ၾကည့္ပါ။အဆင္မေျပတာတစ္ခုခုရွိရင္လည္း ဒီမွာျပန္ေျပာလို႔ရပါတယ္။
Oct 27th, 2007 at 5:42 pm
အစ္ကုိေရ အစ္ကုိေျပာတဲ့နည္းလမ္း(၂)အတုိင္း တဆင့္ျခင္းလုပ္တယ္ ေဆ့လုိ႔ေတာင္မရဘူးျဖစ္ေနတယ္။ ဘာျဖစ္တာလည္းမသိဘူး။
Oct 29th, 2007 at 9:08 am
ကိုျပည့္စံုေရ- type=’image/gif’ ကို ဒီကုဒ္ေလးနဲ႔ေျပာင္းေဆ႔ဗ္ လုပ္ၾကည့္ပါ။ အေပၚမွာလည္း ကၽြန္ေတာ္ေျပာင္းေရးေပးထားပါတယ္။ အဆင္ေျပမယ္လို႔ထင္ပါတယ္။ မရေသးရင္လည္းျပန္ေျပာပါခင္ဗ်ား။
Nov 4th, 2007 at 12:40 am
ဟို fav Icon ေလးရၿပီးေတာ့ web page ေပၚေရာက္ေအာင္ upload မလုပ္တတ္လို႕ အဲ့ဒီအပိုင္း ကို အေသးစိတ္ေလး ရွင္းျပေပးပါလားဗ်ာ
Nov 4th, 2007 at 1:22 am
ေက်းဇူးတင္တယ္ေနာ္။ ဒီပို႕စ္ေလးအတြက္။
လုပ္ခ်င္ေနတာေတာ့ႀကာျပီ။ ပံုကိုလုပ္ျပီးေတာ့တစ္ေနတာ
၀က္ဆုိက္မွာဘယ္လိုထည့္ရမလဲမသိျဖစ္ေနတာ။ အခုေတာ့အဆင္ေျပသြားျပီ။
အဲဒီ ၀က္ဆုိက္မွာလုပ္လို႕ download လုပ္ျပီးရင္
photobucket မွာတင္လို႕မရဘူး။ googlepage မွာတင္ရင္လည္းပံုမေပၚဘူး။ ဒါေပမဲ့ download လုပ္ထားတဲ့ favicon ကို paint
နဲ႕ ျပန္ဖြင့္ ျပီး .png နဲ႕ save လုပ္လုိက္ရင္ ေတာ့ရသြားတယ္။ အဲဒါေလးေျပာျပတာပါ။
Nov 4th, 2007 at 1:48 pm
၀ကၤပါ ေရ- သူမ်ားေတြအတြက္ပါ အက်ိဳးမ်ားေစမယ့္ မွတ္ခ်က္ေလးအတြက္ ေက်းဇူးအထူးပါ။
ကိုသူရ- Respond ျပန္တာ ေနာက္က်သြားတဲ့ အတြက္ခြင့္လြတ္ပါ။ အခုၾကည့္ၿပီးသေလာက္ ကိုသူရ ဘေလာ့ဂ္မွာေတာ့ Favicon ေရာက္ေနပါၿပီ။အဆင္ေျပ သြားၿပီလို႔လည္းယူဆပါတယ္။
ဒါေပမယ့္ Animation မဟုတ္ပဲ ပံုေသတစ္ခုပဲသံုးထားတာ ကေတာ့ ကိုယ္တုိင္ေရြးခ်ယ္ထားတယ္လို႔ပဲယူဆမိပါတယ္။ အကယ္၍ Animation Icon သံုးခ်င္တယ္ဆိုရင္ ေတာ့ Favicon ျပဳလုပ္ေပးတဲ့ Website ကေန ေဒါင္းလုဒ္လုပ္လို႔ ရလာတဲ့ အထုပ္ထဲမွ animated_favicon1 ဆိုေသာ .gif Extension ျဖင့္ အဆံုးသတ္တဲ့ Image အမ်ိဳးအစားကို ေရြးခ်ယ္ေပးရမွာျဖစ္ပါတယ္။ ၄င္းကိုေရြးခ်ယ္ၿပီးပါက webpage ေပၚတြင္အသံုးျပဳရန္အတြက္ ေနရာမ်ားကို ပို႔စ္ထဲမွာ ၂-ေနရာကၽြန္ေတာ္ေျပာထားပါတယ္။ ထိုေနရာ ေတြမွာ အဆင္မေျပဘူးဆိုပါက http://www.tinypic.com သို႔သြားေရာက္၍ လည္း အလြယ္တစ္ကူ Upload လုပ္နိဳင္ပါတယ္။ ၎ ဆိုဒ္မွာ တင္မယ္ဆိုရင္ေတာ့ ရလာတဲ့ လင့္ခ္ ေတြထဲက ေအာက္ဆံုးလင့္ခ္ျဖစ္တဲ့ “http://..” ႏွင့္အစျပဳတဲ့ Direct Link ကိုသာ ယူၿပီး အသံုးျပဳရမွာ ျဖစ္ပါတယ္ခင္ဗ်ာ။
၎ Upload လုပ္ထားေသာ Image လင့္ခ္ ရၿပီဆိုပါက နည္းလမ္း(၂)၊ အဆင့္(၇) အတိုင္းဆက္လုပ္သြားလ်င္ အားလံုးအဆင္ေျပေျပ ၿပီးဆံုးသြားမွာျဖစ္ပါေၾကာင္း ထပ္ေလာင္းရွင္းလင္းအပ္ပါတယ္ခင္ဗ်ာ။
Feb 19th, 2008 at 4:56 pm
အကို…
wordpress ထဲမွာေကာ အသံုးျပဳလို႕ရပါသလား..
အကယ္၍ သံုးလို႕ရမယ္ဆိုရင္ ဘယ္လိုလုပ္ရတယ္ဆိုတာ တစ္လက္စတည္းေျပာခဲ့ေစခ်င္ပါတယ္ခင္ဗ်ာ..
ေက်းဇူးတင္ပါတယ္ ခင္ဗ်ာ…