ඔබේ බ්ලොග් අඩවියට රිසි මූර්තිරූපයක්
මගේ බ්ලොග් එකට අළුතෙන් සළු පිළි ඇන්දෙව්වට පසුව ලියන පළවෙනි සටහන මේක. සළු පිළි ඇන්දවිල්ල කෙසේ වෙතත් මරු Blogger hacks ටිකක් අහු වුණා... එයින් පොඩි එකක් තමයි මේක. ඉතිරියත් වරින් වර ලියන්නම්.
Google Blogger පාවිච්චි කරන අය දැකල ඇතිනේ තමන්ගෙ බ්ලොග් අඩවිය browser එකේ පෙන්වනකොට title bar/ tab bar එකේ පෙන්නන අයිකන් එක. ඒක රතු පසුබිමක තියෙන සුදු පාට B අකුරක්. අපට අවශ්ය නම් ඒකත් වෙනස් කරගන්න පුළුවන්. හරිම සරලයි. මෙන්න ක්රමය:
මුලින්ම Adobe Photoshop හෝ GIMP පාවිච්චි කරල 16x16 ප්රමාණයට අයිකන් එක හදාගන්න. ඒක favicon.png කියන නමින්, PNG ක්රමයට save කරගන්න. (අවශ්ය නම් transparancy පාවිච්චි කරන්න පුළුවන්)
මෙන්න මම ඒ වගේ හදපු අයිකන් දෙකක්. එකකින් පෙන්නන්නෙ මගේ මූණත්තහඩුව, අනෙක Hayabusa Kanji එක -- මගේ Facebook profile තහඩුව. (දැන් මේ දෙකෙන් එකක් තෝරගන්න බැරුවයි ඉන්නෙ ;) )
දැන් යන්න Imageshack.us වෙබ් අඩවියට. මෙතනින් ඔබේ පින්තූර වලට නොමිලයේ වෙබ් ඉඩ ලබා දෙනවා. මුලින්ම Imageshack හි ලියාපදිංචි වන්න. දැන් Imageshack නිවෙස් පිටුවට ගිහින් පහත දැක්වෙන තිරපිටපත් වල පෙන්වා ඇති ආකාරයට අයිකනය host කරන්න. (තිර පිටපත් පැහැදිලි මදි නම් ඒ මත ක්ලික් කළාම නියම ප්රමාණයෙන් බලාගන්න පුළුවන්)
Upload කිරීම සම්පූර්ණ වූ පසු ලැබෙන තිරයේ Direct link to image දෙස දක්වා ඇති URL එක පිටපත් කරගන්න. දැන් Imageshack එක්ක ගනුදෙනුව ඉවරයි. (හැබැයි ඉවරයි කිව්වට ඉවරම නෑ ;) )
මෙන්න මගේ URL එක:
දැන් යන්න Google Blogger. ඔබේ බ්ලොග් අඩවියේ නමට යටින් තියෙන Layout කියන link එක ක්ලික් කරන්න. දැන් ලැබෙන පිටුවේ Edit HTML link එක ක්ලික් කරන්න.
දැන් ටිකක් භාරදූර වැඩක් තියෙන්නේ... වරදින්නත් පුළුවන්. ඒත් බය වෙන්න එපා. ඒ නිසා මුලින්ම Download Full Template ක්ලික් කර දැනට තිබෙන කේතය backup කරගන්න. දැන් Edit Template යටතේ ඇති කේතයේ පහත දැක්වෙන html කේත පේළිය සොයාගන්න. (ඉක්මනින් සොයන්න Ctrl+F පාවිච්චි කරන්න)
එම කේත කොටස සොයාගැනීමට නොමැති නම් පහත කේත පේළිය සොයා ගන්න,
එයට යටින් පහත දැක්වෙන කේත පේළිය ඇතුලත් කරන්න. දැනට තිබෙන කිසිම කේත කොටසක් ඉවත් නොකරන්න වගබලාගන්න!!!
මෙහි තද කළු අකුරින් දක්වා ඇති කේත කොටස වෙනුවට ඔබ විසින් host කළ අයිකනයේ URL එක (ඉහතදී පිටපත් කරගත්) ආදේශ කරගන්න. සියල්ල අවසාන වූ පසු template එක Save කරන්න.
දැන් ඔබේ බ්ලොග් අඩවියට ගිහින් බලන්න වැඩේ සාර්ථකද කියා...
කෝමද වැඩේ? මරු නේද? :)
Google Blogger පාවිච්චි කරන අය දැකල ඇතිනේ තමන්ගෙ බ්ලොග් අඩවිය browser එකේ පෙන්වනකොට title bar/ tab bar එකේ පෙන්නන අයිකන් එක. ඒක රතු පසුබිමක තියෙන සුදු පාට B අකුරක්. අපට අවශ්ය නම් ඒකත් වෙනස් කරගන්න පුළුවන්. හරිම සරලයි. මෙන්න ක්රමය:
කොහොමද තමන්ට අනන්ය රූපයක් මෙතනට ආවොත්?
මුලින්ම Adobe Photoshop හෝ GIMP පාවිච්චි කරල 16x16 ප්රමාණයට අයිකන් එක හදාගන්න. ඒක favicon.png කියන නමින්, PNG ක්රමයට save කරගන්න. (අවශ්ය නම් transparancy පාවිච්චි කරන්න පුළුවන්)
මෙන්න මම ඒ වගේ හදපු අයිකන් දෙකක්. එකකින් පෙන්නන්නෙ මගේ මූණත්තහඩුව, අනෙක Hayabusa Kanji එක -- මගේ Facebook profile තහඩුව. (දැන් මේ දෙකෙන් එකක් තෝරගන්න බැරුවයි ඉන්නෙ ;) )
දැන් යන්න Imageshack.us වෙබ් අඩවියට. මෙතනින් ඔබේ පින්තූර වලට නොමිලයේ වෙබ් ඉඩ ලබා දෙනවා. මුලින්ම Imageshack හි ලියාපදිංචි වන්න. දැන් Imageshack නිවෙස් පිටුවට ගිහින් පහත දැක්වෙන තිරපිටපත් වල පෙන්වා ඇති ආකාරයට අයිකනය host කරන්න. (තිර පිටපත් පැහැදිලි මදි නම් ඒ මත ක්ලික් කළාම නියම ප්රමාණයෙන් බලාගන්න පුළුවන්)
- Upload: single image තෝරන්න.
- සකස් කරගත් අයිකනයේ path එක ලබා දෙන්න (ගවේශනය/Browse) (ඔන්න මම මගේ මූණත්තහඩුව තෝරගත්තා -- අන්තිමේදී :P )
- රතු පැහැයෙන් සලකුණු කර ඇති check box දෙක ම දෙ වර බැගින් ක්ලික් කරන්න. (මෙසේ කරන්න සිදු වන්නේ Imageshack අඩවියේ ඇති දෝෂයක්/bug නිසා -- අපි ඒක මඟහරින්න ඕන)
- Upload කිරීමට host it! ක්ලික් කරන්න.
Upload කිරීම සම්පූර්ණ වූ පසු ලැබෙන තිරයේ Direct link to image දෙස දක්වා ඇති URL එක පිටපත් කරගන්න. දැන් Imageshack එක්ක ගනුදෙනුව ඉවරයි. (හැබැයි ඉවරයි කිව්වට ඉවරම නෑ ;) )
මෙන්න මගේ URL එක:
http://img205.imageshack.us/img205/3415/favicon2.png
දැන් යන්න Google Blogger. ඔබේ බ්ලොග් අඩවියේ නමට යටින් තියෙන Layout කියන link එක ක්ලික් කරන්න. දැන් ලැබෙන පිටුවේ Edit HTML link එක ක්ලික් කරන්න.
දැන් ටිකක් භාරදූර වැඩක් තියෙන්නේ... වරදින්නත් පුළුවන්. ඒත් බය වෙන්න එපා. ඒ නිසා මුලින්ම Download Full Template ක්ලික් කර දැනට තිබෙන කේතය backup කරගන්න. දැන් Edit Template යටතේ ඇති කේතයේ පහත දැක්වෙන html කේත පේළිය සොයාගන්න. (ඉක්මනින් සොයන්න Ctrl+F පාවිච්චි කරන්න)
1 | <b:include data='blog' name='all-head-content'/> |
1 | <head> |
http://img205.imageshack.us/img205/3415/favicon2.png' rel='shortcut icon' type='image/x-icon' />
මෙහි තද කළු අකුරින් දක්වා ඇති කේත කොටස වෙනුවට ඔබ විසින් host කළ අයිකනයේ URL එක (ඉහතදී පිටපත් කරගත්) ආදේශ කරගන්න. සියල්ල අවසාන වූ පසු template එක Save කරන්න.
පැහැදිලිව බලන්න රූපය මත ක්ලික් කරන්න
දැන් ඔබේ බ්ලොග් අඩවියට ගිහින් බලන්න වැඩේ සාර්ථකද කියා...
කෝමද වැඩේ? මරු නේද? :)
0 comments:
Post a Comment