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/AVvXsEh47C3CcnHDkzjueQxwU_k11WwgPaP8EkhY3WGISCoNNMvCuU66Wz1AsQ_XIwbZrnVXkx_jOtukjErfDZDiRHzSRpTM3EPFWD02JnjvdmiM2t4cM1kX3P0bgvl4u_l-q74xC2GNXLbOeHbF/s1600/bar54.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy56CyJNXDczJWPhUXs5h0GMf8Q6OH7MNuCHb9fiH92Sjz4waYiOm4w-nrGLnejKtCnZLBMibKfTDBEn-HyXyIZjqyVztGJf-0wIweps4M2EvoxBx5Iy8WmUzwGNJu2lbevWjLPFXfz2ho/s1600/bar48.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid_e4dkfq4KrrLbXTXIrq1pJ3eg0MVVzbtAJdnzA_hgCnpUZk3Ug5uXGLz6Xs8TZukC0Xb-BWvYvQeMUXRJbp4QjJQx4CkPrU5KhwENtfLueIZ69qfRREIBQRx3HBzW_Me7G46mhyzE6Qt/s1600/bar47.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2gPvRvR3cQiqpY8x6fbi79LM08CDv5Y1vo0SSR1W6jpLNs_MFE5JHuFOF2CBqEZLohYSQs_x_x0-Y-Pok1rtNLDa3mN1J-tVJcI9a5x8if40l-nX4CD71SQPFSrKII7dukJlsC4SDGdna/s1600/astarl7s.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV_kewClQht0KLCbEpRcT7KfeYq1SbMXksIyTN1uMfic1K1wO1xp3YY518n2IV846ANsgmwyQ5rXWZfEzbwqnuthPcm3mJ9dPz5u_j9Kq7CZsuB635Nvun0S9tqyK7Peh6ggYqYSLVXY7k/s1600/dividers_129.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUgLj4uqC_dhjbRNYPYnm6RB3eTqqF9z7UHp1YqfMPoI_6C20NxsLkhOC8s0ZN0oG9zEAMHvkubbHdtS7jJg_dOOeShIyNeTS_SlvZ439Ck9k55SySKPMN1n9C2jHM7WasIpQWFIs_YLy6/s1600/dividers_96.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiChvKl1OUsGy9ZQy6Xwf_UnxURvpPeb4hTds0wf-Cey9Mqac6-P8lL3sVR60EsxvS85pxYDCOeWA6xjkQwZFVGyg8r_PhbiPQbDJAmUSw_PqVtgU06SkX9X6JmZS7iUCx2OnrxAv7TgiIW/s1600/clipart-heart-border.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw1MYHT7rQU_6RGObW6Oh5wNDEmbq0nyo-V71lFfMPyz7xNsjFaZBL5HO62gtC2pmRTY3PoCGMSFmtYYTUg75aDBiH7nA-vMgxU5WyjObKzB5_rON4qyODTHYmeveeVXN8fs0cpBxgsX9N/s1600/chain.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd1sOS5h9P9Kzfk8veR6wl5eDwK8lM9uJF-vLhKM0krY7g-PYEBC1M5buaR_aJlJvF4T0FB-cPkX2pe_8_FJE7tOZ5YpIn82nPjVFoaAByJ2IriK2s2MbMY2YUi6pHmW5yECkPJ8xyTrft/s1600/bloodrose.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCvjuEYKWQ6Ete6REBQ65yUPqCD6030jxxBGOxSLTrpGhBdbyXihsJGBJMtLU6zdHPUkmh1yEazrMVNKOjQv4e1ma8evkZy798TeBUe_Bao5uAu3l6-p_WWyfWoCWJUxbATakwgk1zPEGn/s1600/stonebar.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCm6_btNaqOqcv1PslwzSSOcYr2VBmkvev4juyS20jj_pUUmsqeTDrWn4S2YdV1g1AL0PcsSr5tY1rBv0O-MuNZzp5toqvyHZ4nlMEigrRoTQG6lhXRaszbYaDkK-yFeDXOGqP7DeL320B/s1600/resfiles_sdfp.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixBD8RB9n7ATWxTgqUxj5rfPlL0citYwG53LVGI-I1H6FaKxJnPm4yrvNsxTf9kH3kX2e_fOJdDifaPXI9O28YH-1mfUuL9WIgkKAJd-U9_eK6dTXFIe_Hv4Mey6WlpGCtZFDW4h-gcZO1/s1600/resfiles_output.php.gif

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

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9Xpp_KLUKWKZJE3HR3IB129wyC3blJoLaFaydwlkx93d5tS5xve1mrHi7COgLDm003ANRZsSxzimlqC4U7iYcKdn0L3fW76Ygycw2iEQ-ES1fv1W2UI8yx6s-3Fu1ZseJ-rU3tgeXkHQQ/s1600/irish-border4.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxTnSNvqg-Jt5tXGZJv_HWLKVLxj0_JhFmQ4G3WyJaUfYdbNztq25TjlrC46EdoVL7kv6k-1oacgv5uFCmtJIGuj1cWWOJ6REtYNvDTcuADYRA6qWA04biIswYEVJhSlFNJS6pbJtrXaaU/s1600/ivy.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9kWJmKwyGGdUZf8s5vk25Vf1KUZsRFKDgBULvmuwFjZZb7VHdXpIoEsMIKeTDVhX7Kzo2pnoGjYP3FINoSXuZb9-hq20TiefnGcOobMyBRcmgIZcOaGelH_SeymSbu2N1x_M-fs2WC1B0/s1600/irish-border1.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgot6VY5RC-hBpIhLblC9QhiRcAyboGBLIPiREYM3Br_WobUpRVxQeRXGZN4RpUJj_Cy708Ah2u9YxNeXJyKiOXO2A5oKgVQEFQlFeVgsZqWI1MkxbYiR8eq1GGcsVIBtS946ORei-aEHNM/s1600/frog54.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji3iStJcaDINOmOyBOiZwXvMbjamkhjHDAwLcbu9gV3W9JEfRLq51vgiwBKv6Rb9ff6ZxOz0X1FvGBDWyg2KWndRAnSvPaY0bDLPz6ceqI8k5Rrp7Kb1lMhiREcvhnXFMA_3w8SABNK7S7/s1600/flowerbar.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLMyE21bB7VaANAXWHSxw9gr02WE0uH8oZD6pBXDfDcjLhek49mZIrzIBJXHH0BJfg3kCoc3lOtXEmiAXiinEp2LTwtojZHr7GNIBU_g1Xmv1Ph4fTZYG1x0CRikJGomX4cctIKnPDsfj0/s1600/drawing-separator.gif

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

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

Posted in: Blogger Widget, Blogs Post