WARNING !


READ ME FIRST ကို အရင္ဖတ္ေပးၾကပါ .. IT Ebook မ်ားကို မေဒါင္းႏိုင္သူမ်ား Blog အေနနဲ႕ ကူးႏိုင္ေအာင္ စီစဥ္ေပးမည္ ..

Tuesday, 11 October 2011

blogspot မွာ favicon ထည့္မည္

အခု ေျပာျပခ်င္တာကေတာ့ လြယ္တဲ့ သင္ခန္းစာေလးတစ္ခုပါ .. မိမိ blogspot မွာ favicon ထည့္ျခင္းပါပဲ .. ကၽြန္ေတာ့္ blogspot မွာေတာင္ ထည့္ထားေသးတယ္ .. ခုလိုမ်ိဳးေလးပါ ..

အခု ကၽြန္ေတာ္က www.futureskypeace.blogspot.com မွာ ထည့္ျပမယ္ေနာ္ .. ပထမဆံုး favicon ေလး တစ္ခုအရင္လုပ္ရမွာေပါ့ခင္ဗ်ာ .. သူက .png ဆိုရင္ပိုေကာင္းပါတယ္ .. တစ္ျခား photo file ( .jpg , gif ) စတာေတြလည္း ရပါတယ္ .. png က transparent ျဖစ္တဲ့ အတြက္ေၾကာင့္ ပိုမိုလွပါတယ္ .. favicon က ေလးေထာင့္ေလးဆိုရင္ .jpg နဲ႔ လုပ္ထားတယ္လို႔ မွန္းဆလို႔ရၿပီး blogger favicon ဆိုရင္ .png နဲ႔ လုပ္ထားတာျဖစ္ပါတယ္ .. ယခုၾကည့္ရေအာင္ပါ .. ေအာက္မွာ ႏႈိင္းယွဥ္ျပထားပါတယ္ ..




အခု photoshop ကို ဖြင့္ၿပီး F ဆိုတဲ့စာေလးကို ေရးမယ္ဗ်ာ .. ကၽြန္ေတာ္တို႔ favicon ကို လုပ္ရင္ ေလးေထာင့္ အတိျဖစ္တဲ့ ( စတုရန္း )ပံုကိုပဲ ေပးလုပ္ပါတယ္ .. မဟုတ္ရင္ေတာ့ ရမရမေသခ်ာပါဘူး ..




အခုလို သိမ္းတဲ့ အခါ .png နဲ႔သိမ္းမယ္ဆိုရင္ ေအာက္ကလို background layer ကို မ်က္လံုးမွိတ္ၿပီး png ( none mode ) နဲ႔သိမ္းရပါတယ္ .. ဒီလိုမဟုတ္ပဲ ရိုးရိုး jpg နဲ႔ဆိုရင္ေတာ့ .. ဒီတိုင္းသိမ္းသြားရံုပါပဲ ..


ၿပီးသြားရင္ ပံုကို upload လုပ္ဖို႔ www.photobucket.com ကိုသြားပါ .. အေကာင့္တစ္ခုလုပ္ၿပီး upload လုပ္ပါ ..

လုပ္ၿပီးသြားရင္ ရလာတဲ့ပံုေပၚမွာ right click ေထာက္ၿပီး view image ကို ႏွိပ္လုိက္ပါ .. ေအာက္ကလုိေလးရလာရင္ address bar ကစာေတြကို ကူးၿပီး notepad ထဲမွာ ခဏထည့္ထားလိုက္ပါ ..



ဒါဆိုရင္ upload လုပ္ၿပီးသြားၿပီ .. ကၽြန္ေတာ္တို႔ရဲ႕ blogspot ထဲက design ထဲ၀င္ၿပီး html မွာ ခုလိုေလး၀င္ျပင္ရေအာင္ဗ်ာ ..



<link href='' rel='SHORTCUT ICON'/>
<link href='  ခင္ဗ်ားတို႔ upload လုပ္ထားတဲ့ ဓာတ္ပံုဖိုင္လင့္ခ္ ကို ဒီမွာထည့္ရမွာပါ  ' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
example :

<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<link href='http://i1180.photobucket.com/albums/x413/kyawoomaung/th_favicon.png' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
<b:skin><![CDATA[/*

ျပင္ၿပီးသြားရင္ html ကို သိမ္းလိုက္ေပါ့ ..  ဒါဆို ခုလုိေလးရလာပါၿပီ ...

 



အားလံုးပဲ အဆင္ေျပပါေစ .... ^_^
www.wytusnake.blogspot.com

No comments:

Post a Comment

Comment