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

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSwMDASFSnJeFJJ9gbxhCOxQUk7djacxM629UlrYCascJNOUbwvi-4eBdQWzOO6KQuBwAitSdCSdS8WmHvPs1YjT-b7O4llGbr4Y4yZ_TWaGUhVE6tsnxoE9ESiHRiavfrkaf6GT5PvGXV/s1600/bar48.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJmSIdYdSI0U25DVwGQTLIjdIOq_IcGk8kradMc2Zpe1lK3bgb7JXNm8_pqnXlY3tsoTQJT90lo3GFtpeJPQ6paEh6-l4iJ9MZcKF6WPdMyWqGXlnQ_OqpAoW5nYjKGrCbIIBMlc_gdrXL/s1600/bar47.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYD2cH-cCjVIDRVFsa-UX1IQxt3DxuSUpXkCQnfdYeNd0cbOUG9pu0XAxuWfDDPjdUU9AxMkNfexH1pCtICXre8BiSw4KNXqYt8weapttF9EdAqJvBOfqiEU6xcfgiZQNkKIAXsIvmH6ls/s1600/astarl7s.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFLNRkdsIL84PM3JV4duulJimN9TsQzvyDwOl0dq-hqYQaBzF4yczCSq_QonvjAd8zcmBvAAaCTGTTlhZBj6sx7JiFHJeTSv3YKGzN2vNHnhOwVngthaFOyn-g7i7YYbSaFzad0QwcEvWH/s1600/dividers_129.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA-OWCTyjHRTqRLN3SAjLDZ5NHnraRYbZawfJRq2YM8PvGXxkOr-VLnRiJRPwc5hS9yV6-PvdS5o5fwbnCS0Jey7wfap_yfLs1HDYkc4h8B-A4JmHCSj7QokJECgj7LoBifPQCWlMaiyl3/s1600/dividers_96.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpGr1dWNlPbNakih3BVIeGHBkFhSqIEKgsQoB6c2ZUGldIMJTt1sbmGkcfF0lvgE_kLtAcwOsBl4lgz-CnJ9Ik5xxonDplWnIBHUd_t1Z5Lck2jRzlS5tiQxotmSx_IVvdbDpFkwc1gRnb/s1600/clipart-heart-border.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrpWZrICImq6lAFPn0uJ0XLQtGuLi1kewkVpgqvFyyqeeoZYWwY7cu4J-MVZI7UnSAwoJVQGDWRFBgP-Vcozrxskue1n0cpg6IgRxDqg4ba4GQg3hihrsDLDATZqfRRSrVUTZaps4-xIrd/s1600/chain.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDQQidjGwQ2z172Cucx9CeQ7e4ib0hw-0M17UVkF6uxWgy0TUavrZ3hyphenhyphenMUDGEHQk4_93xCYsJtJOkwo1996S_Q1OQv5IYmKpQuenslF06NaxhKdRqA0yK669mceDw8tmdDllVJtkk6SYgj/s1600/bloodrose.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig7Y61FnRGmcuqXqlbXZnA0JbBK4OKRTpr_ngJhjEapuDiouA4utKXBz-b-Ar9OD681YI2-v7ZVzw5e9z28uozzKVzYA3uld1pAGxQ3HqADZIcu0rKvrXe-u8s0wNIsQ2ESsmtyNXoWxQY/s1600/stonebar.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkUsL_H5tqgSlwM6xYUwdmfQ1hQCOTlggIB_9zWxHki-aaBYuJoZ3Or8sw4kFxzCy7xR8pRp7lCg612Lz3WbqAISClfKjsMAm1ZRTZDlJ6UQsSeb69ajRveX6i_cQsLv9yPBzDKT9wU4O3/s1600/resfiles_sdfp.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKJpj-Q8RZ4pbraofUTWhtSdoS-cH9I_jFdkOex_Z03mngje8P6lulIQn-ZC4Tude4HmbW0s_PSH8Yj57Wa08I3JjaCzh3PaWN99iU8GJtbWh5pCOYCeXJmS3TZakAjmWJ3G5f0KdgYyih/s1600/resfiles_output.php.gif

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

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHox_7q6Uj5iUPmY1LUKtZ5dOk1SmgdmLo321YO-f7rtOQ7eSA7_eZEjj6R64aXg1fcfZf2YjC08Bbxi5NJ2bfuDShcZmNYLSSfLpyq5rlfCxt3afX7iIA5VQ44YxRu24iHw0vTlYhSiiP/s1600/irish-border4.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgScNuYbWKOn5_wDxcqtuPvTEPhpDUdgUEabXx3PPUvuZ3X_26g0s2CVuXJxSRoWKw-mpNfAf033DE4sKOqClur8sxb3MO-20VpuweICveJ2bIPRixNBv2ZtsvTsv2KhRYwykjJNSg4WqVg/s1600/ivy.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9HoocsMZAvZzTgXEBmVynYeI4DBhBZe5TxvqazmnWtR9jTcKAs4OO_ZyreB7VcAQp3iQFgq18qZkyxEDhU308LOdOYBA5rXziojMfWvVfqUJzUSKkT-qi1HaxeLRWRFFu6AecFuPjxKRp/s1600/irish-border1.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwYCaC9aqpVnQ7B5Riicz2BPomIo3vNPOyLJJJz1gHHpbtJpuvJtqjjoGSptA3y3HSF4l3QnPEUtMMjYsTllVOzFQfN3xUHth7luxJgIUC5XOwvDy3uNSBmMe8Pq1o6TxoAZDwl5xtRYLl/s1600/frog54.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIeBt0qXTzbUTn87iM2uvSTES8GRJwFoPH7pA0QOx8IKI0cWk2_GMgnlUIgum35RAE_P5IvmeMiv0H9GVojD37D8kv9z5nKDEBoTn-aLlIoPiWRb27srXoJU9Vc0sg6u-5-hTIxXTQ4kTo/s1600/flowerbar.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha4YMttBS6lYPqYsb9zHbHJPfi80hu-4Cl_R0b1ArYPRUdKFH1OfRPa2mvaiY1JyHZXye5YTyDBfz4gQEk21mi8S1ifOJisIo8LKPbMrHu79Nw7BNQWpv4YVMftsv65G6CKUZC_spfnsC_/s1600/drawing-separator.gif

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