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/AVvXsEg4bdNghsrmv_EIwfRoEwctmcH5kBCOc775VrYM37bloz0RmmEVWrXw0xuGGriWy4pBwcpzJJV1IaqkYqH2TowyQF7CIQL8H88FmzQ-ASN9f2qv30P-8AuG6HwG46vfEhPpEbuy2bXZKtZx/s1600/bar54.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidEZMKTbcPQvs2MzMyvwi-GpLBlyVhLnYt4GQXxhDgV2QBZjSnZi7AMhSfKFjBmyB2kJc1FQVE_gGaPGZ95WHxVpo2kX5oYXG-8PzJJIOtjwhThFNi-mQ060Fx1Cv8DCNdfhACBijY6vs-/s1600/bar48.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibkBo6Y5Gp7pA7iUIvYmfiGz8tulyfdGGCTM38bRByGQ85MJQ9j9ErvHiwhBSFIW5RMBVNWY_11w2uOXxAOjZHsU5RZxZmkUJ-KILQsouZlcUEuUvjfblv9CDs5LzHk-ToAepxqp4kQJLL/s1600/bar47.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbwjhJv_PX2cnXRlQ3oMs7Gx_RlC3kRaGRgUIuD2geji3DiSE6zcWYY-FmuNUH5qP7EJ_jRDzZaHClnGMsAJ6tmk2CQ0L_jEoXYNUgm3Fsb5CR6H41iLsiQtIwIpGyZkSqSkSPtHz0VE68/s1600/astarl7s.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglPVlOL6QzY9CtfzVNzYvV4-MnI7t8OS_z9d1SgsHoQ-rriUaiZq5xuV70sT0lzyrL9VhZCEFKlWYPtKhBTA9mDH2sxNJmhFgBGl_CWIBxRFYIHA4DmcievsBB9xkyZ3fRD8vTRlFSA_-r/s1600/dividers_129.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg24Z8hSEYgiL2sUQVJ8Dk_TWqMVcA1OxUyAPMkz5XhGorHbWhK6CMsJft5Nk2NYLSZOz9Xz1TEfUtfe6Z3DYjNbwr5g40ADXNaCmp0rUjmjdYdq5K7gT2StXPjgbpOIJObz-qbikIML7EM/s1600/dividers_96.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioOTV6IClNpoR15-ElK00lLjSNg0rzDhTHg22a7Cvy9kv070iKet_zAPCBxGThFgrXBb8zP2gUwPugNK2-y6URe3aru8oaaM0SgmgNEIb024LCss4w-kF3sX4XkVe_X3iNPCPJrDnOuH_M/s1600/clipart-heart-border.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqfILpAuR8kMFGVcIRSMSj5MOIYpkD1YyiVB_Y1PjD8SKaUiGW2GFhxOpVgF43OlKUkQdHgB1Bg97qiHkWOX2snpIG6txVm4aQma8IsPX8OvFvQHrt6yMVBeRYQ71tKZ-3z4m56gCA_l6F/s1600/chain.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3y9HK0D2395vrqhSH4KMH3MXtv3s-9JNOYDT5SsuL3aDHDKBgpIG_iDYwbUyNkEerJt_s_1uvPFaLagxIsOHnvtreL7JDQ_IRtmcgtHu_3syiapm0tqlTTVymnTjsZNmjiZyo6uCCjBMD/s1600/bloodrose.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVawSprpc_m_rO0et73aB4d1s3CajA9AlvLFkpqbViEttUY9tnILLe7CZA4utgKRvSDNyHML7Zioe14N1rXFGsW4D0KZ3LJBr8BhdfMx3mPyOD5rhlQvU06LdlkVJufK8VX2053NR8TLlb/s1600/stonebar.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfiSNUBRba5V6OuNrpeEHnCgIufmh2QFDbTo8YiLcVeeylitduEwj3il_TfjgE5-80UABg5iSsZzyWq7iG0nHq6FtVogTbkv8F1yJuQrZqA2KArTzhQqRRA7wfJ5EiEP_dA969NcoZ-GDw/s1600/resfiles_sdfp.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTo1WWVeWpkwDoX24MgG5xs8nsSY-z5svR5JcYzoNjV1JeY34t6audHyENksFjwIXnBZbgoKih4ODqv5fgwgpGbIIwcDGjIn4oVePK7b3CNk0O8eg0wscbqeez-UAxraUHX73hK5Sgv1sr/s1600/resfiles_output.php.gif

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

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibNo0-fmVQrbsd5hn-RWORKvRcacXpJQ3Zvh2fDjkIO_q38S_ibARkXFuA93sEUtnPwkqFetSYbhnUk20SSGEpXrqlwWDCP8mwjM5kfWa0uxeXVu3twPDQpYCcpq4jcZ_Wj-bcp7Kyx0bP/s1600/irish-border4.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI2845By_GJ4K1G3Hy5HOZt2Pv3Sv3j7K06WNHYHXr9TXH15jgSCNNeY3Zb0qfFNp4KpUXGOrz0ZD8Xht7pIyY49v1CXyTav2yJh-2G2djObHGXTlkvh3kmbHncu2rtg04sd5pmQ23UZM5/s1600/ivy.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizjf0-XOzwp3hgAMwWeWHc9x_n7I4o6nNABYWjBzNG9JjxmNDyYhBzqRqAIQEa-ik5h-uSsfLFRarLEVsxBDXzoSSH-OQsoj3jZNYQBo5Byf7lA6_2nut9fo1Ta3WAfxX7jXcxq2K-FF9q/s1600/irish-border1.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQaHDfgfT6NSLtBbtjNOhJsKl7SSATtm0Y6aJuC7N8f6bn3OtTq74E3yZIMyB9-MPv4V8sD8iqmJ3-j_ZB66FXdsJWTfwvXEaFYi7bReklLMvTElBeMWCTCnBZP9Erx_aqoXQpMnMTBsfb/s1600/frog54.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjxGS1I-vMgjBTg0Q2md3-2bAveHlQUhG6m0ieiXDxqKffrGUmq7zFANzp0ZvW6WiL3SJ-_5WqYsjmqOjGa7nzHlAP0UUiofMdwlaol5ciL9x0ZDGl89Jx6D2Q_mm3cQRt4E-mpR03pD7x/s1600/flowerbar.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg3OAee7MN47aIZq1Gia6t5qkS0u-c4QGOcsB6Y95Fyortw5f8gw8sl9PrQiMZIiVvqr4_9zltoQ-NlSjzGlff0O2e4vCxlVsPSby5TQxD7VQiy3oEJCz8PZdyP0vKqSINzz4z7ZOwTQMa/s1600/drawing-separator.gif

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