Naing Win: Post တစ္ခုနွင့္တစ္ခုကိုပိုင္းျခားေပးတဲ့ မ်ဥ္းေၾကာင္းေလးထည့္ခ်င္ရင္

Monday, 7 April 2014

Post တစ္ခုနွင့္တစ္ခုကိုပိုင္းျခားေပးတဲ့ မ်ဥ္းေၾကာင္းေလးထည့္ခ်င္ရင္

ဒါေလးကေတာ့အေရးမၾကီးဘူးဆိုေပမယ့္မိမိဘေလာ့ကိုပိုျပီးလွပေစသလိုပါဘဲ၊ Post တစ္ခု
နွင့္တစ္ခုကိုပိုင္းျခားေပးတဲ့မ်ဥ္းေၾကာင္းေလးေနရာမွာမိမိႏွစ္သက္သည့္ပံုသည္ျဖစ္ေစ ဘာညာ
ေကြ႕ကြေလးထားျခင္ရင္ေပါ့ေနာ္၊တခ်ိဳ႕ဘေလာ့မိတ္ေဆြေတြဆီမွာေတာ့ျမင္ဖူးပါတယ္။ျမန္မာ
စာမေရးတာၾကာျပီမို႕သိပ္အဆင္မေျပေတာ့အားလံုးနားလည္းေအာင္က်ေနာ္နမူနာသံုးျပထားပါတယ္၊
ေရးမွားေျပာမွားရွိရင္လည္းခြင့္လြတ္ၾကလိမ့္မယ္လို႕ေမ်ာ္လင္ပါတယ္။

ေအာက္မွာဥပမာပံုနဲ႕တကြလင့္ခ္ေတြျပထားပါတယ္၊

၁။ Layout.

၂။Edit HTML

ေအာက္မွာအတုိေကာက္ေလးျပထားေပးပါတယ္၊ css ေနရာမွာရွာပါ၊

.post

ေအာက္မွာျပထားပါတယ္

.post {margin: 0 0 40px 0;width: 90%}

ေတြ႕ျပီဆိုရင္အေပၚကအဖြင့္အပိတ္ေလးၾကားမွာေအာက္ကseparator css ေလးေတြထည့္လိုက္ပါ၊

background: url(ဤေနရာမွာမိမိရဲ႕Separator-Image-Urlထည့္ပါ);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:2.5em;

အနီေရာင္ႏွင့္အဝါေရာင္ကိုေျပာင္းလို႕ရပါတယ္၊ဥပမာ-3.5 (သို႕) 4.5 ေပါ့ေနာ္၊
ေအာက္ကပံုစံအတိုင္ျဖစ္သြားလိမ့္မည္။

.post{
margin: 0 0 40px 0;
width: 90%;
background: url(ဤေနရာမွာမိမိရဲ႕Separator-Image-Urlထည့္ပါ);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:2.5em;
}

တခုေတာ့သိထားဖို႔လိုအပ္ပါတယ္ဘာလဲဆိုုေတာ့ Blogger Tamplate ဟာလည္းတစ္ခုႏွင့္တစ္ခုမတူပါဘူး။
က်ေနာ္သံုးတဲ့ Tamplate မွာျပထားသည့္အတိုင္းမဟုတ္ပါဘူး၊.post{ ေအာက္က

margin: 0 0 40px 0;
width: 90%

အေပၚက margin:ႏွင့္ width မပါ ဘူးပါ။က်ေနာ္background: url(http://www.imagehost.com/separator.jpg);
ေလးဘဲထပ္ထည့္ေပးလိုက္တာပါ၊

http://4.bp.blogspot.com/_JwD5r652h00/SuttjmoES2I/AAAAAAAAANw/bidxxyqfxww/s1600/barsnake.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir8oOVU0eB26TRP086MxloRwdnm76_1uP_kKtUvoe-stret41uW9tE0JqB6SxUbXfS8jppEhM1zXvXnUWBlDtbL5o_AEyr51SUz23RTuo5zNmdmb-9lrLEqPD644uKHY36R9X5cvmT69Q9/s1600/bar54.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgONZ6BOlATCLweW_cAMB2DnFctgogj3H8gHpQOtGz6riOrkww2mwQj2FeAgkA_w9_WK_2mgWhdMV9MsgRvZNqv_-tWeYXrJg8kZTqCaUIvnVrHJNusU-bid3pVrRUQKBibeRHymnDNt7dz/s1600/bar48.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIAkFAV8dsPjUBFjC_5VaMXjiRvmeBPu-lQpOaX35ssnOIbtOHtl5pdqUlhTMK0Xa8ZRNlKoXkCpuVcKiNTZMw0ghU6JrmbG1IgcqCBr16c3GGdxHMSg8MYjS-hIsYnP-5N9JYyAvnMDbD/s1600/bar47.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS3MIagnXW1tKzAOMT6DXoYemrR1iIbCxZG9BTEFmdVgV1Edvpwce-k_uyVinSWMsdyUiLRqBfDI3EVt8VmQxqgPjwCnI7EZ05CLkQwORPiAjff2ww4OoRr28ALYn954MeogS2Gz9hrLWP/s1600/astarl7s.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnhDwtBUBzeANbqLAgWCdxFPat-2zf9LSEypVnJELPhcLO881b9otOwo2ZQNUUPqTZPdxr14dYzkvPqD4eD4BU-BRpG_NIWky_fwO96cpmUJiF-03pWEjTCQpIJ9P-6-61j25JeS5urU06/s1600/dividers_129.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPx1TPdlR7GF4q1rZ2D32Hn3vs7TdtVU9Zl6CgGXjaEm34G35Ufk4kvLM4vvFr3H3ghNP-hQHL6uGpgI31QXnD5Zs9aWQTpgvZ_t1veF8kY7BEMhqsg48RwHTjIeRLcdvX0Y72BRPbQddX/s1600/dividers_96.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWM73Y6Iq4UMXfJ2Rwq1Rj_03l9BeLUNT6NXR21p2c-Rlh0MaWvddQxpWDpHeRhyYlzubXWk888nA-XDDjjrgq8C2nwCF4i5E5pebRV0j0qTagRkYdyRdvcdb1X6OatJ8ItiMTZlJR9XS_/s1600/clipart-heart-border.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX-GGDe_ufjm_wJqoY7zZZK1KxK2dHRXaLYTCVAH-5XFuHQcKoZSjaky5EDF9IuL2J6QhfezTsLw6QYQ1up9IsKnoIQFQTuF_D0ad_M_ywXQq0hyphenhyphen2HTL8h46o000zX75-6I4an_Mnz_uUI/s1600/chain.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEJf20NKnAy9YrcSrxTQPWbaKDuZmwIVB17LIoudqsD-4BWlwaDSv4MNU4h0GYS0ZSsVIlE1JPfHHzaAZrY2d6x2KlrmgVuvUQE3_9yqK8banqQkdAqA9HD-IiGnjq0Kk-h2sC2AIBVN3U/s1600/bloodrose.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXKO9MkIce_4NdGdhzOENSCEkT5yEUEWDbsj20b9rqJTQY4ECdD1kjUsa3Dmb14x7SB1X4ErplfAybilQ-QYm7fi8-R9Wjfuu6_FaXnbNXaf5caIWRwP5Onm5S8iJP_c1FDONSwyndFpdM/s1600/stonebar.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRnljbyAxOH_0hPMzFK8wsRu30aPaTPIPV1Br105GVxLlHDRndJhiSx7yTEnsIuP9IGZd_q4U-1_7X2Z2-0hfu8Fhtb6YLTkB1vBWvAz2HHwl5YUkkkiJ_9J0JEa0TkAKtJ1vrTav-Wevf/s1600/resfiles_sdfp.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkUW9dlUR4zh5ClqhMkpbUHpWmbAt34Mx612LqPI4d8BlzL0HQW5ZWRgxnBjc7ikgRlSpilL-WduNq-EpljEYUeFE4m9hZP14xfixzfQF_xkkl8AHuxu26fZdQ7EbQ-tJHgpxSak6u3YF1/s1600/resfiles_output.php.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiVXdDFI9pqNfesqY0DEpVmf__hw5OuLSkpiZ1rE9SvTybt9OUQEaGyU17L5llWzl_SPav7omuafrQg90oj0rwNAnBnAJJJylRZ8cNeeS2KbfMq3SVma7QdvHRqqeJcHjb2uYh_khEz9l9/s1600/pumpkin-border-hth.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-W-7mbZ5-plMqoTH3oQ4CRF5p-s_U3a1cK_0fVgBwA61xl9ilyhlhZ51A38gXK1AW-YXvYTGZe8a6wziEgnb874jE10TRvjod3KCcvHPlIBtOT3DL-9uB2CiTtanB0RbHoztgrMtEBJWg/s1600/irish-border4.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRK29F0PFd0466ZVfFqTHM7PQZgtDsYH1j6JyaMfJqQ7VaEnworuI96HtIjTn508rlssCn6uTxl3Jek4r3wLtXY_hyphenhyphenNDpM4uTpPLuFYsu57ZjFQFFHFtS-pqLyXL4N6qluVYb19Qfn4mIO/s1600/ivy.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje3MN5CyLmieBZITNBxssnwhAPK7ByvMrnod8ofA3_pTtO-4GxsKP0noPcsrw-5DJJ4KoTyEdDMdA1Q6Y9A0qtxQg_SmeThbUAlOlwZhqq1pf1fi4N9zofDS9QBTlxl7AIVHQB_UCwhLW1/s1600/irish-border1.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkcb-_5jN8KSsnEpYoUCtMn-4TTWptUKRbGsS6svYFkV0tBJykjI1Y3HjEAze-1dmRMv1Nn7sy80DEnNxGfjYuu7Tyy88ESARqexKQ0LFFAZleXQ5k9_i_rxVI5B57xhhghp22otZ-mIPZ/s1600/frog54.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifyvYy7YLlIX3RFEQ-l2AVlaTUVgzO25PtOXYPTfu_HrtytdL_WtreyG2MEUwNa9YO0r1WcOvNZhx6lAGoDj_AVFu5wMqa_o5yClTHmBfnoAo1kaz69wfZx5Mn212L9K-YbvDZai70X7yQ/s1600/flowerbar.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjxsZ26rfEHGYlhOBily_6vlIAP24JjatzYkxHtZoa79MZjGjljNseeKlwza1Q3nqht-OlE9oZrE-bHukyhINBbz0Ul-4Jl5Q8f80vKDJW802CHV-tr32ks3_ld9s3MNiBhfBVP1wmdYT9/s1600/drawing-separator.gif

အထက္က လင့္ေလးေတြကေတာ့ က်ေနာ့္ရဲ႕ ျမင္ဆရာ ျဖစ္တဲ့ kp3 ကရွာေဖြ စုေဆာင္းထားတာေလးေတြပါ...

သည္ဆိုဒ္ေလး ျဖစ္ဖို႕ က်ေနာ္ စိတ္ကူးယဥ္ခဲ့တာ ျကာပါျပီဗ်ာ.. စုေဆာင္းထားသမွ်ေလးေတြနဲ႕ ျကိဳးစားထူေထာင္လိုက္ပါျပီ။ က်ေနာ့္ရဲ႕ ျမင္ဆရာ kp-3 ကိုအားက်မိလို႕ပါ။ အားေပးမွဳကိုအစဥ္ေလးစားလွ်က္ပါ။ တုန္ျပန္မွဳေလးတစ္ခုအေနနဲ႕...စကားေလးတစ္ခြန္းဘဲ ခ်န္ခဲ့ရင္ ေက်နပ္ပါျပီ။ ေအာင္ေအာင္(မကစ) www.ledimyethar.com www.depelyin.co.cc www.aungkyaw.com