♣☺ေမတၱာရိပ္☺♣: Blogger Template ေလးေတြျပဳျပင္မယ္

မဂၤလာပါရွင္ ကိုယ္ပိုင္ ဘေလာ့ဂါ တည္ေဆာက္ထားေသာ သူငယ္ခ်င္းမိတ္ေဆြမ်ားအတြက္ blogger template ကိုယ္ပိုင္စာမ်က္ႏွာေလးအလွဆင္နည္းေလကို ေတာသူမေလး သိလို႔ေတာ့မဟုတ္ပါဖူး မသိတဲ့သူက ေရးေပးခိုင္းလုိ႔ သိသေလာက္ ၾကိဳးစားျပီး ျပန္လည္မွ်ေ၀ေပးလုိက္ပါတယ္ရွင္။

ပံု(၁)

http://api.ning.com/files/X55wPShHXGq17yX0uxe6jJjN2hITo8iZOMAuUTJrN69SJ59S2We*-N9U5jFSj-1hCE5L2aP4K8SfCRUceQiVDlH4jn-TsGS8/1.jpg

ပထမဆံုးအေနနဲ႔ http://www.blogger.com ဆုိတဲ့ ဆုိဒ္ေလးကို အရင္ဖြင့္လုိက္ပါ။ ျပီးရင္ေတာ့ ပံု(၁) မွာျပထားတဲ့အတုိင္း ကိုယ့္ဘေလာ့ဂါ အေကာင့္ရဲ႕ ဂ်ီေမး ပတ္စ္ေ၀ါ့ ကို ရုိက္ထည့္ျပီးမွ ၀င္လုိက္ပါ။

ပံု(၂)

ဂ်ီေမးနဲ႔ ပတ္စ္ေ၀ါ့နဲ႔ မိမိအေကာင့္ကို ၀င္လုိက္တာနဲ႔ http://www.blogger.com/home ဆိုျပီးမွ Dashboard စာမ်က္ႏွာ က်လာပါလိမ့္မယ္။ အေပၚက ပံု(၂) မွာျပထားတဲ့အတုိင္း drop down ျမွားကေလးကို တစ္ခ်က္ႏွိပ္လုိက္ပါ။

ပံု(၃)

http://api.ning.com/files/xB84uhwVI9nvcdr8jOBDJ226TDxwqUBYWoDPvm9e*fmzL1NAaH2bsvJoWVoW72cUuZClxsJKO4ea8irzFP4D86guJTHTlLKS/3.jpg

drop down ျမွားကေလးကို တစ္ခ်က္ႏွိပ္လုိက္ရင္ေတာ့ ပံု(၃) မွာ ျပထားတဲ့အတုိင္း ဘေလာ့တစ္ခုရဲ႕ လုပ္ေဆာင္ခ်က္နဲ႔ ပတ္သက္တာေလးေတြက်လာပါလိမ့္မယ္။ အဲ့ဒီထဲကမွ blogger template မွာ မိမိႏွစ္သက္ရာ ဘေလာ့ပံုစံ၊ ေနာက္ခံပံု၊ စာလံုးပံုစံ စတာေလးေတြထည့္မယ္ ျပဳျပင္မယ္ဆုိရင္ေတာ့ template ဆိုတဲ့ ျမွားျပထားတာေလးကို တစ္ခ်က္ႏွိပ္လုိက္ပါ။

ပံု(၄)

http://api.ning.com/files/XeXOeTpZ0Ggor35zWq*Er3tbTOahVKHC-S4m*TjWviz2XJn2qPnqScHGMwr45UJNhEgELMaLShnbFDXL1m2vSjPkb8Y8kgIc/4.jpg

template ကိုႏွိပ္ျပီးရင္ေတာ့ ပံု(၄) မွာ ျပထားတဲ့အတုိင္း template page တစ္ခုက်လာပါလိမ့္မယ္။ ဒါဆုိ မိမိႏွစ္သက္ရာ ဘေလာ့ပံုစံ၊ ေနာက္ခံပံု၊ စာလံုးပံုစံ စတာေလးေတြကို ဘယ္နားကေန ဘယ္လုိေလး ထည့္မယ္ဆုိတာကို ၾကည့္လုိက္ၾကရေအာင္ေနာ္။ မိမိ ထည့္ခ်င္တာေလးေတြထည့္ဖုိ႔ ျပဳျပင္ဖုိ႔အတြက္ကေတာ့ Customize ဆိုတာေလးကို တစ္ခ်က္ႏွိပ္လုိက္ပါ။

ပံု(၅)

http://api.ning.com/files/WnlhBg5Ifnp2RKX*mtxfwEUzOoM-vHv1P6UOHK6CnK8ZX-FVwpQAXXivJN6EmCp2xs9POAuazduauZ8qRIzAx0UNlyM9doqX/5.jpg

Customize ဆိုတဲ့ ျမွားျပထားတဲ့ ေနရာေလးကိုႏွိပ္လုိက္ျပီဆုိရင္ေတာ့ ပံု(၅) မွာျပထားတဲ့အတုိင္း Blogger Template Designer ဆိုျပီးမွ စာမ်က္ႏွာတစ္ခုထပ္က်လာပါလိမ့္မယ္။ လုိင္းအေႏွး အျမန္ေပၚမူတည္ျပီးမွ ခဏေစာင့္ရပါမယ္။ ျပီးရင္ေတာ့ ပံုမွာျပထားတဲ့အတုိင္း (Template, Background, Adjust widths, Layout, Advance) ဆုိျပီးမွ လုပ္ေဆာင္ခ်က္ ၅-ခုကို ဘယ္ဘက္မွာ ေတြ႕ျမင္ရပါလိမ့္မယ္။ အဲ့ထဲကမွ ပံု (၅)မွာ ျပထားတဲ့အတုိင္း Template ဆုိတာေလးကို တစ္ခ်က္ႏွိပ္လုိက္မယ္ဆုိရင္ျဖင့္ ဘေလာ့ဂါမွာ မူရင္းပါလာျပီးသားျဖစ္တဲ့ Template ပံုစံေလးေတြကို ေတြ႕ျမင္ၾကရမွာျဖစ္ပါတယ္။ မိမိႏွစ္သက္တဲ့ ပံုစံေလးတစ္ခုကို ေရြးျပီးမွ နွိပ္လိုက္ရင္ေတာ့ မိမိကိုယ္ပိုင္စာမ်က္ႏွာေလးဟာ ေရြးခ်ယ္လိုက္တဲ့ စိတ္ၾကိဳက္ပံုစံေလးကို ေျပာင္းသြား ပါလိမ့္မယ္။ ဒါဆိုရင္ေတာ့ စာမ်က္ႏွာပံုစံေရြးလုိ႔ ျပီးသြားပါျပီ။

ပံု(၆)

http://api.ning.com/files/ZlCYr5hDObOKchdPa-OvnAdn-E8h2-wLQo7MHJ1o6qIojlxvnF9NViWWB-n9*55whiZpv7sAvHdiAXdYScXrLkRPFLXQpEBU/6.jpg

မူရင္းေရြးထားတဲ့ Template မွာပဲ စာမ်က္ႏွာ Background ပံုေလးေျပာင္းထည့္ခ်င္တယ္ဆုိရင္ေတာ့ ပံု(၆) မွာ ျပထားတဲ့အတုိင္း Template ေအာက္က Background ဆိုတာေလးကို တစ္ခ်က္ႏွိပ္လုိက္ပါ။ Background image ဆိုျပီး အမဲေလးေထာင့္ကြက္ေလးနဲ႔ စာမ်က္ႏွာတစ္ခုက်လာပါလိမ့္မယ္။ သူ႔ရဲ႕ ညာဘက္ေဘးအလယ္မွာေတာ့ ပံုမွာျမွားျပထားတဲ့အတုိင္း Drop down ေလးတစ္ခုကိုေတြ႕ပါမယ္။ Drop down ျမွားကေလးကို တစ္ခ်က္ႏွိပ္လုိက္ပါ။

ပံု(၇)

http://api.ning.com/files/7Tt82hC5Uuk7oJMqogt-4TJ2SZEL2pat998mHNztJc37fUX3dW2KaYyiRSYwFuBE9DFHpGN6z2Yx1XVuvg6aldK8c5trwvnF/7.jpg

Drop down ျမွားကေလးကို တစ္ခ်က္ႏွိပ္လုိက္ျပီဆုိရင္ေတာ့ ပံု(၇) မွာ ျပထားတဲ့အတုိင္း Select Background image ဆုိျပီး ေဘာစ္ေလးတစ္ခုထပ္က်လာပါလိမ့္မယ္။ ဒီထဲက မိမိႏွစ္သက္ရာပံုေလးတစ္ခုကို တစ္ခ်က္ႏွိပ္ျပီး Done ဆိုတာေလးကို တစ္ခ်က္ႏွိပ္လုိက္ရင္ ေနာက္ခံပံုေလးသိမ္းျပီးသား ျဖစ္သြားပါျပီ။ တစ္ကယ္လုိ႔ သင္က မူရင္းပါတဲ့ Background image ပံုကိုမႏွစ္သက္လုိ႔ မေရြးခ်ယ္ပဲ မိမိစက္ထဲမွ တစ္ျခားေနရာမွ ပံုကို ထည့္ခ်င္တယ္ဆုိရင္ေတာ့ ပံုမွာျမွားျပထားတဲ့အတုိင္း ဘယ္ဘက္ ထိပ္ဆံုးတစ္ခုျဖစ္တဲ့ Upload image ဆိုတာေလးကိုႏွိပ္လုိက္ပါ။ Upload ဖုိင္တစ္ခုက်လာပါလိမ့္မယ္။ ထိုေနရာမွာ စက္ထဲမွ ပံုကို Upload လုပ္ထားျပီး ခဏေစာင့္လိုက္ပါ။ ပံုထည့္ျပီးသြားျပီဆုိရင္ေတာ့ Done ဆိုတာေလးကို ႏွိပ္လိုက္ရင္ ကုိယ္ပိုင္စာမ်က္ႏွာေလးမွာ ေနာက္ခံပံုေလးေျပာင္းသြားတာေတြ႕ရမွာျဖစ္ပါတယ္။

ပံု(၈)

http://api.ning.com/files/3aqWDhqL8483qT62LNXKsMkzBuhvvmeSytg9puWgHT8I2VgLL6cFNhM47P2N*81WXLlHUuK5ObaPCsvkZJfjPYN8zpiNBhSK/8.jpg

ေနာက္တစ္ခုကေတာ့ ကိုယ့္စာမ်က္ႏွာမွာ ေရြးခ်ယ္ထားတဲ့ Role နဲ႔ Coloum ေတြကို မိမိစိတ္ၾကိဳက္ ခ်ိန္ညွိခ်င္တယ္ဆုိရင္ေတာ့ ပံု(၈) မွာ ျပထားတဲ့အတုိင္း Adjust widths ဆုိတာေလးကိုႏွိပ္လုိက္ပါ။ မိမိေရြးခ်ယ္ထားတဲ့ ပံုစံအတုိင္း Settings ေဘာစ္တစ္ခု က်လာပါလိမ့္မယ္။ ေကာ္လံသံုးခု ေရြးထားရင္ေတာ့ (Entire blogs - စာမ်က္ႏွာ့အလယ္ ပိုစ့္ေနရာ) (Left Sidebar - စာမ်က္ႏွာဘယ္ဘက္) (Right Sidebar - စာမ်က္ႏွာညာဘက္) ဆုိျပီးသံုးခုက်လာပါလိမ့္မယ္။ ထို သက္ဆိုင္ရာေနရာရဲ႕ Bar မွာျဖစ္ေစ နံပါတ္ px ေနရာမွာျဖစ္ေစ မိမိထားျခင္သေလာက္ စိတ္ၾကိဳက္ ေျပာင္းထားႏုိင္ပါတယ္။

ပံု(၉)

http://api.ning.com/files/WnlhBg5IfnpzskmnHUPwALdSovB25YHtKqyAQUSVv4NOEADdg-nBcg51Kz3nlbZ*-VluAwDxX*XZwwKiyn5UttwDoG3iMp9F/9.jpg

အဲ့ဒါျပီးရင္ေတာ့ ပံု(၉) မွာ ျပထားတဲ့အတုိင္း ကိုယ့္စာမ်က္ႏွာကို Layout ပံုစံ ေရြးခ်ယ္တာျဖစ္ပါတယ္။ ဒီေနရာမွာေတာ့ Body Layout နဲ႔ Footer Layout ဆိုျပီး ႏွစ္ခုေတြ႕ျမင္ရပါမယ္။ (Body Layout - စာမ်က္ႏွာကိုယ္ထည္တစ္ခုလံုး) (Footer Layout - စာမ်က္ႏွာေအာက္ေျခ) မိမိႏွစ္သက္ရာ ပံုစံကို ေရြးခ်ယ္အသံုးျပဳႏုိင္ပါတယ္ရွင္။

ပံု(၁၀)

http://api.ning.com/files/JJOxqTjHNS*b4U5fNVRObIDeQ3t6WM2jhp5ruCSkDlBkG3udmSyVmqSzd4jgT0H4adfu4pyGvvnA7CsRzuQjyAuK7TpbVQhC/10.jpg

မိမိၾကိဳက္တဲ့ပံုစံေရြးျပီးသြားရင္ေတာ့ ပံု(၁၀) မွာ ျပထားတဲ့အတုိင္း ေေအာက္ဆံုးတစ္ခုျဖစ္တဲ့ Advance ကိုႏွိပ္လုိက္ပါ။ ဒီေနရာမွာေတာ့ မိမိစာမ်က္ႏွာေပၚမွာရွိတဲ့ စာလံုးေတြအကုန္လံုးကို (စာလံုးပံုစံ၊ စာလံုးအေရာင္၊ စာေနာက္ခံဘတ္ဂေရာင္းအေရာင္) စသျဖင့္ မိမိလိုသလို စိတ္ၾကိဳက္ ေျပာင္းလဲ ျပဳျပင္ယူႏုိင္ပါတယ္။

ပံု(၁၁)

http://api.ning.com/files/xB84uhwVI9muzT9CvEiWvsTu1Mz9lD0tyrVtMqxmF3zfQ5AtHNUS-iHAobyBR5pggQu5dzqTbme-TCcLJ5YjaJNz1hrcwb0V/11.jpg

ဒီေနရာမွာ Advance ထဲမွာပါ၀င္တဲ့ Add Css ဆိုတာေလးကို ပံု(၁၁) မွာ ျပထားတဲ့အတုိင္း ေတြ႕ျမင္ရပါလိမ့္မယ္။ Add Css မွာေတာ့ ေနာက္ခံပံုနဲ႔ စာမ်က္ႏွာပံုစံနဲ႔ ပတ္သက္တဲ့ HTML Code ေလးေတြကို ဒီေနရာမွာလည္း လုိအပ္သလိုေလး ထည့္သံုးလုိ႔ရပါတယ္။

ပံု(၁၂)

http://api.ning.com/files/3aqWDhqL848Wx82pFSRP6Iinb8qJOQGXi1PADEO8ObvcJjq0QFQJLg1mTEr1TY1S2dFAd7TxHIOy6HXQbuone7OGibfJzbFr/12.jpg

ေနာက္ထပ္တစ္ခုေျပာခ်င္တာကေတာ့ Blog Template ကိို ေရြးခ်ယ္ရာမွာ နဂိုမူလပါရွိတဲ့ Template ပံုစံကို အသံုးမျပဳပဲ တစ္ျခားေနရာမွာ Download ရယူထားေသာ Template HTML Code မ်ားကို ထည့္သြင္းအသံုးျပဳျခင္ရင္ေတာ့ျဖင့္ ပံု(၁၂) မွာ ျပထားသည့္အတုိင္း Customize ေဘးမွာရွိတဲ့ Edit HTML ဆိုတာေလးမွာလည္း ထည့္သြင္းအသံုးျပဳလုိ႔ရပါတယ္။ Customize ဆိုတာေလးကိုတစ္ခ်က္ႏွိပ္လိုက္ပါ။

ပံု(၁၃)

http://api.ning.com/files/JJOxqTjHNS8DqgPqhweNkBNATBVI1Tdc-4gfzt7f8wes1NmKdGt2E8VNBgv89IL4lNM1jIfbNWx-f44ysiWDrCWa1*meipuE/13.jpg

Customize ဆိုတာေလးကိုတစ္ခ်က္ႏွိပ္ျပီးရင္ေတာ့ ပံု(၁၃) မွာ ျပထားတဲ့အတုိင္း Template>Edit HTML ဆိုျပီး ေဘာစ္တစ္ခုထပ္က်လာပါလိမ့္မည္။ Proceed ဆိုတာေလးကို တစ္ခ်က္ထပ္ႏွိပ္လိုက္ပါ။

ပံု(၁၄)

http://api.ning.com/files/3-CHKw-vpqrLm3h6F6uMJc2L8UrASsjWTHcpGUb4xiC1vWWc-4NsNq6GnaMdhLNh5klX1u096kttpkzx3N12p5srUm9qS8iP/14.jpg

Proceed ဆိုတာေလးကို တစ္ခ်က္ထပ္ႏွိပ္ျပီးရင္ေတာ ပံု(၁၄) မွာ ျပထားတဲ့အတိုင္း့ HTML ေဘာစ္တစ္ခုက်လာပါလိမ့္မယ္။ အထဲမွာရွိတဲ့ HTML Code ေတြကိုျဖတ္ပစ္လုိက္ပါ။ Download ယူထားတဲ့ Blog Template HTML Code ေတြကို ကူးထည့္လိုက္ပါ။ Template HTML Code ေတြ ထည့္ျပီးသြားရင္ေတာ့ Expand Widget Templates ဆုိတဲ့ စာလံုးေဘးက Radio Button ေလးထဲမွာ အမွန္ျခစ္ေလးတစ္ခ်က္ႏွိပ္လိုက္ပါ ျပီးရင္ HTML ေဘာစ္ေလးရဲ႕ ေအာက္ေျခ ညာဘက္ေထာင့္က Save Templates ဆိုတာေလးကို တစ္ခ်က္ႏွိပ္လိုက္ပါ။ ဒါဆုိရင့္ သင့္စာမ်က္ႏွာေလး ေျပာင္းလဲျခငး္ ျပီးဆံုးသြားျပီျဖစ္ပါတယ္ရွင္။

မွတ္ခ်က္။ ။ အားလံုးျပဳျပင္ျပီးပါက Blogger Template Designer မွ (Apply to Blog) ႏွင့္ Template>Edit HTML မွ (Save Templates) ဆိုတာေလးကို ႏွိပ္ျပီး သိမ္းဖုိ႔ မေမ့ပါရန္။ ႏွိပ္ရန္ေမ့သြားပါက သင့္ျပင္ဆင္မူမ်ားအားလံုး အက်ံဳး၀င္မည္ မဟုတ္ေပ။

ဘေလာ့ဂါစသံုးစ မသိေသးေသာသူငယ္ခ်င္းမ်ားအတြက္ မိမိနားလည္သလုိ အဆင္အေျပဆံုးျဖစ္ေအာင္ ၾကိဳးစားေရးျပ ေပးထားပါတယ္ရွင္။ ဘေလာ့ဂါအသံုးျပဳသူ သူငယ္ခ်င္းမိတ္ေဆြမ်ား အားလံုးအဆင္ေျပၾကပါေစ။

Monday, 17 December 2012

Blogger Template ေလးေတြျပဳျပင္မယ္

No comments:

Post a Comment