
ျပီးရင္ေတာ့ ေနာက္ဆံုး အဆင့္အေနနဲ႕ Save Template ႏွိပ္လိုက္ယံုေပါ့ဗ်ာ။ကဲ ဒီေလာက္ဆိုရင္ သူငယ္ခ်င္းေတြ အားလံုးအဆင္ေျပၾကလိမ့္မယ္လို႕ ထင္ပါတယ္ဗ်ာ။ကဲ Blogger သမားေတြ အားလံုး အဆင္ေျပၾကမယ္ဆိုရင္ ကၽြန္ေတာ္ အခ်ိန္ကုန္ခံရက်ိဳးနပ္ပါျပီဗ်ာ။ &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& Blog Site က Links ေတြကို Mouse ေထာက္လိုက္ရင္ Rain Bow Style Colour မ်ားေျပာင္းေအာင္လုပ္တဲ့ Code ေလးပါ။ ကၽြန္ေတာ္ အခု တင္မဲ့ Post ေလးကေတာ့ ကၽြန္ေတာ္တို႕ Blog Links ေတြကို Mouse ေထာက္လိုက္ရင္ Colour ေလးေတြ မ်ိဳးစံုေျပာင္းသြားေအာင္ ျပဳလုပ္ေပးတဲ့ RainBow Links Style လို႕ေခၚတဲ့ Code ေလးေတြနဲ႕ မိတ္ဆက္ေပးပါရေစဗ်ာ။ကၽြန္ေတာ့ကို ညီေလး တစ္ေယာက္ကလဲ အဲ့ဒီ Code ေလးလိုခ်င္တယ္လို႕ အကူအညီေတာင္းထားတာေလးလဲ ရွိလို႕ ကၽြန္ေတာ္ တင္ေပးလိုက္တာပါ။ကၽြန္ေတာ္ ဆိုဒ္မွာ အသံုးျပဳထားသလို Links တိုင္းလိုလိုေလးမွာ Mouse ေထာက္လိုက္ရင္ အေရာင္မ်ိဳးစံု ေျပာင္းေနတာကိုေတြ႕ရမွာ ျဖစ္ပါတယ္ဗ်ာ။အရင္ဦးဆံုး လုပ္ရမွာက www.blogger.com ကို Signin ၀င္ပါ။ 1.Design 2.Edit Html 3.Ctrl+F ကို ႏွိပ္ပါ။ ကို အမွန္ျခစ္ေလး ေပးထားပါ။ Ctrl+F ကိုႏွိပ္လိုက္တာနဲ႕ က်လာတဲ့ Search Box ေလးမွာ
Recent Comments ေတြအတြက္ဆုိရင္ေတာ့ ဒီေအာက္က ကုဒ္ေနာ္ ... အဲဒါကေလးမွာ ကုိယ္ က ဘယ္ႏွခု ေဖာ္ျပမလဲဆုိတာကုိ ျပင္ခ်င္ရင္ေတာ့ 4 ဆုိတဲ့ အေရအတြက္ကေလးကုိ ကုိယ္ၾကဳိက္သေလာက္ကေလးထားေပးလုိက္ပါခင္ဗ်ာ .. ျပီးရင္ေတာ့ ေအာက္မွာကေတာ့ ကုိယ့္ ရဲ႕ blog လိပ္စာကေလးကုိထည့္ေပးလုိက္ေပါ့ေနာ္ .. အဆင္ေျပပါေစခင္ဗ်ာ .. အဆင္မေျပရင္ မန္႕ခဲ့ပါဦး ... ************************ Top to page arrow Blog တစ္ခု မွာ လုိအပ္ တဲ့ အရာ တစ္ခု လုိ႕ ေတာ့ ကြ်န္ေတာ္ ထင္ပါတယ္ ..ဘာလုိ႕လဲ ဆုိေတာ့ ကုိယ့္ blog မွာ စာဖတ္တဲ့ သူ က စာဖတ္ရင္းနဲ႕ ဟုိးေအာက္ဆုံးစာမ်က္ႏွာကုိ ေရာက္သြားေရာ .. ျပီးေတာ့ ေအာက္မွာက တစ္ခုခု ေျပာထားရင္ အေပၚကေရးထားတာေတြ နဲ႕ က ဆက္စပ္ ၾကည့္ ခ်င္ ရင္ စာကလည္း ရွည္ေတာ့ Mouse က ဘီး ကုိလွိမ့္ ရတာ ေညာင္းေနေရာ ေပါ့ .. :D ..ဒါမွမဟုတ္ အေပၚဆုံးက အေပၚ navigation bar မွာ သူ႕ေခါင္းစဥ္ကေလးေတြ ထဲက ရွာခ်င္ရင္ ဟုိးေအာက္ဆုံးက ေနျပီးေတာ့ အေပၚ ကုိ ျပန္ျပန္တက္ေနရတာ က သူ႕ အတြက္ စိတ္အေႏွာက္ အယွက္ကေလး ျဖစ္ေစပါတယ္ .. အဲဒီ့ေတာ့ ကြ်န္ေတာ္ တုိ႕ အေနနဲ႕ " အေပၚသုိ႕" ဆုိတဲ့ ပုံေလးတစ္ပုံေလာက္ကုိ ညာဘက္ ေအာက္ေထာင့္ စြန္းကေလးမွာ ထားလုိက္ ရင္ အဆင္ေျပ သြားတာေပါ့ .. အဲဒါကေလးကုိ ထားမယ္ဆုိရင္ေတာ့ .... layout => page element => add a gadget=> html/java script ဆုိျပီးေတာ့ သြားလုိက္ပါ .. ျပီးရင္ အဲဒီ့ အထဲမွာ ဒီေအာက္ ကုဒ္ကေလးကုိ ကူးျပီးေတာ့ ထည့္လုိက္ပါ ....
အဲဒီ့ အထဲက အနီနဲ႕ ျပထားတဲ႕ ပုံေနရာကေလးမွာကုိယ္ၾကဳိက္တဲ့ ပုံရဲ႕ url ကုိထားလုိ႕ရပါတယ္ ... ခက္လဲ မခက္ပါဘူး .. ကုိယ့္ ဘေလာဂ့္ကုိ စာလာဖတ္သူေတြ အဆင္ေျပေအာင္လုပ္ထားသင့္တယ္ေနာ္ . ************************* Labelေလးေတြရဲ႕ထိပ္မွာပုံကေလးေတြထည့္ၾကည့္ရေအာင္ .. Code မထည့္ရေသးေသာပုံ Code ထည့္ျပီးေသာပုံ ကုိယ့္ဆီ မွာ Label ကေလးေတြရဲ႕ အေရွ႕မွာ ပုံကေလးေတြ ထည့္တာေလးပါ .. Label ကေလးေတြရဲ႕ထိပ္မွာပုံကေလးေတြနဲ႕ဆုိေတာ့ပုိျပီးေတာ့ၾကည့္လုိ႕ေကာင္းတာေပါ့ ...နမူနာပုံကေလးေတြ ျပထားပါတယ္ခင္ဗ်ာ ..အဲလုိမ်ဳိးကေလးေတြထည့္ခ်င္တယ္ဆုိရင္ေတာ့စမ္းၾကည့္ပါဦး .. အဲဒါကေလးကုိလုပ္မယ္ဆုိရင္ေတာ့ အရင္ ဆုံး blog ကုိ backup ကေလးလုပ္ထားလုိက္ပါ .. အဆင္မေျပဘူးဆုိရင္ေတာ့အရင္ပုံစံကေလး ျပန္ရေအာင္ေပါ့ ...ကဲ စလုပ္ၾကည့္ရေအာင္ .. အရင္ဆုံး layout => edit html ကုိသြားလုိက္ပါ .. သြားျပီးျပီဆုိရင္ေတာ့အဲဒီ႕အထဲမွာ ေအာက္က Code ကေလးကုိရွာၾကည့္လုိက္ပါ .. .sidebar ul { list-style:none; margin:0 0 0; padding:0 0 0; } .sidebar li { margin:0; padding-top:0; padding-$endSide:0; padding-bottom:.25em; padding-$startSide:15px; text-indent:-15px; line-height:1.5em; } အဲဒါကေလးကုိ အရင္ဆုံးရွာၾကည့္ လုိက္ပါ .. အဲဒါကေလးေတြ ရွာလုိ႕ ေတြ႕ျပီးျပီဆုိရင္ေတာ့ ေအာက္က ကုဒ္ကေလးေတြကုိ ကူးျပီးေတာ့ အဲဒီေနရာကေလးရဲ႕အစား ထည့္လုိက္ပါ ...ထည့္ျပီးသြားျပီဆုိရင္ေတာ့ Preview ၾကည့္ၾကည့္လုိက္ဦးေနာ္ .. ရျပီဆုိတာနဲ႕ Save လုိ႕ရပါျပီ ... .sidebar ul { list-style:none; margin:0 0 0; padding:10px 0 0; } .sidebar ul li { background:url("http://i33.tinypic.com/332b6dt.jpg") no-repeat 2px .25em; margin:0; padding:0 0 3px 16px; margin-bottom:2px; text-indent:7px; line-height:1.3em; } အဲလုိလုပ္ျပီးသြားျပီ .. အဲဒီ့ ပုံကေလးကုိ မၾကဳိက္ဘူးဆုိရင္ေတာ့ အဲဒီ့ ပုံကေလးကုိ ေျပာင္းလုိ႕ရပါတယ္ .. http://i33.tinypic.com/332b6dt.jpg ဆုိတာရဲ႕ကေနရာကေလးမွာ ကုိယ္ ၾကဳိက္တဲ႕ပုံကေလးထည့္လုိ႕ရပါတယ္ .. အဲဒါကေလးကေတာ့ ေသးေသးေလးလုပ္မွ ရမယ္ေနာ္ ...အၾကီးၾကီးဆုိရင္ ေပ်ာက္သြားလိမ့္မယ္ .. ကြ်န္ေတာ္ ထည့္တုန္းကေတာ့ ကြ်န္ေတာ္ templete ထဲမွာအေပၚက ျပထားတဲ႕ Code ေတြကုိ မေတြ႕ဘူးဗ်. နဲနဲေတာင္ ေခါင္းစားသြားတယ္ ..အဲဒါနဲ႕ကြ်န္ေတာ္လည္း ေအာက္က code ကေလး ရ႕ဲ အေပၚမွာထည့္လုိက္တယ္ အဆင္ေျပတယ္ဗ် ..လုပ္ၾကည့္လုိက္ပါဦး ... .sidebar { width:252px; padding:10px 25px 10px 0px;} ***************************************** Blog ရဲ႕ လင့္ေဘးမွာရွိတဲ့ B icon ေနရာေလးမွာ အျခား icon အစားထိုးနည္း အေပၚပံုမွာျပထားတဲ့အတိုင္းပါဘဲ. ကၽြန္ေတာ္တို႕ Blogspot မွာေရးရင္ B ပံုစံ icon ေလးေပၚပါတယ္. လင့္ရဲ႕ ေဘးမွာေပါ့ဗ်ာ. အဲဒီဟာေလးရဲ႕ ေနရာမွာ အျခား icon အစားထိုးတဲ့နည္းကို ကၽြန္ေတာ္ ျပန္လည္ မွ်ေ၀ေပးလိုက္တာပါ. Kp3 နည္းပညာဆီကေန ကၽြန္ေတာ္ေလ့လာ မိတာပါဗ်ာ. ဘယ္လိုလုပ္ရမလဲဆိုရင္ - မိမိရဲ႕ bog ကိုအရင္၀င္လိုက္ပါ. www.blogger.com ကိုေျပာတာေနာ္. ျပီးရင္ Design ကို ႏွိပ္လိုက္ပါ... Edit HTML ကိုႏွိပ္လိုက္ပါ.ျပီးရင္ ]]>

ဒါကိုရွာ ေတြ႕ၿပီဆိုရင္အဲဒီ ]]>ေအာက္ မွာမိမိထည့္ခ်င္တဲ့ icon link ကိုထည့္ၿပီ save ႏိုပ္ပါ၊ ကၽြန္ေတာ့္ရဲ႕ ေရႊမန္းသားေလး ဆိုက္ရဲ႕ icon ထည့္ထားပံုကို ဥပမာျပလိုက္ပါတယ္။]]> တကယ္လို႕ မိမိလုပ္ထားတဲ့ icon ကို file hosting site တစ္ခုမွာတင္ထားဖို႕ေတာ့ လိုတယ္ေနာ္.. တင္ခ်င္ရင္ေတာ့ http://www.iconj.com မွာ တင္လို႕ရပါတယ္.အကယ္၍ အဆင္သင့္လိုခ်င္ရင္ ဒီမွာ သြားၾကည့္ၾကၿပီးတစ္ခါတည္း icon link သြားယူၾကေပါ့ေနာ္....အားလံုးကို ခင္မင္ေလးစားလ်က္. From ShweMandalay WayYan----------------------------------------------------------------------------------------------------
No comments:
Post a Comment