ေရႊမင္းသမီး

ဒါေလးကေတာ့အေရးမၾကီးဘူးဆိုေပမယ့္မိမိဘေလာ့ကိုပိုျပီးလွပေစသလိုပါဘဲ၊ 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/AVvXsEhQQZUrzw7BgtPNAMpzsBdlIoanud-opQry-w88KyPZ40zzkoWoArmWacerkP2wIFGzWP0R6Gd0DDjIvodWlB6X8Tpmqqzs_t4e8t1Rwy6M_xV9R4I-UiKJ3mK4f6oyzWgMKorlxDCG60_8/s1600/bar54.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidoubg73kdLI8bhfo2ThYdaRBmgLSg08UCeSqGVJcNjXlhKSUHiZNAABWkgzwRmP_6ImKwRBNZWQFNDjtM6ZIEkVfd0CnnHG1hQ2dqxRkEF-ErCXviHO7z4d7uOYY4UFW_DSjpvtP9Wi3e/s1600/bar48.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLE0l-RfDARJ5fyVWVqZzCfa2SyLUMlsLiIpRplaOcQC9hInKErbRdTraGh3DvWs0h1qlvkcy63bwU8ERGFiBvsfNxX36fQJ-CH9qcfmHXMG8mO7ifP6rDjsvTAvwC6yOJ5fVyhkEshatD/s1600/bar47.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirekK1wt8udg1OZqrtdGCxMFGkllABZSUjy36244NAZI2mNWBmo32lfuVbpzh5yoXXYkw8B6s1Z0bVFFR9W2HyxJjVtGT_4-0707-31R5AszGZwMpFbspxe8koSL91VY3N4zmzyid-UxDC/s1600/astarl7s.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBDc3Ee2o1fNan_fGE8uFwZfRirvspAU4SPvHgRRkhLT3a8JJP0VGHKhjZZX_Hs-3CZwEs1aayBThwO6biyZg4Z7akYSWdOEjZvM5q3w8BmzpgVt34dyoSSIcmtKEWQip5xCy4LtDRHTmU/s1600/dividers_129.gif

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

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin9VY3aCxcopE8FUZKyEc91BkbTdpC5yIqz0frdngMbZhgQtymFd9sUIL7Xf_mn906o4V0dS-TM6KKTnBdC1WBOP67h8c2LChB7z9tCxr-gVNcUgcjJgl8UyVR95GOiCJYo8Fi87ZorIHv/s1600/clipart-heart-border.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkCluslymQWZ32h9JdOpql-eG_qCzLfdOTWa-6ApoXjbvLxqXnJPCpWiO16OIoxl1VJTIR56IpqVubEgd6EegLaCkGMiK9Fmi6dNNmHRuI2kg8A_HCfPmIK3xvV4iGaR5XvoyWkMPHM7XS/s1600/chain.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN1ro8_A25lSqchvmZIsTROjI8GZXQs6cTP1Ug2SoT8wm7YFGv6_S2by8CzClkvzZj3BbKVg1Uu2p9aq0qtLjrsPpgKAoVsOEirEIxXMpN45x8AgaxFeFDV8APjon3n-dSwmarzfm2tALh/s1600/bloodrose.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZhAz3COsCafx73DAU9XZEfLkKpTBRhnFp-LhPPgw1ZUWATjurgxgtn0zlKkWsUjJwSaQw6U2OjvaZXukHmxklDG8Bw_Qkg1O9nLDnw4Pq8ZnAXrbTd4Kqtf2pGERqHqrUTqOwlxIUvGE5/s1600/stonebar.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm9V1lGRIRsJlz9acgo6RyaJPcobErO99Kqk0y-Ukw6Z4HvGJOciUsz5EvzL7cVrKQj9gTmKIV3jUWAMpfNDIUjzp1EY6of7N234HuJ_vTI1HAHU1dkL38DymAEIBEXOMifohCYY33IH0Q/s1600/resfiles_sdfp.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr_ONhVlGlSYfo_3MiiCE5WjT1QfKrXP_ooSknvjtPG1RNF16Ui3atnCAZWr2zY_qbwoWg_jifIPc9_eXuaXw_PNu6c3dpXciFix5w2wFAjpsnlMlxpJdttnmhy1xevDHUMO6a1IwuUt-Y/s1600/resfiles_output.php.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEBPI9Bu3OhzQrfj-_asu1lHDeb9QO2DCR4o8aSdj-g9rebSFO8ZvireI3FgDw6ZwOUhI1d9CuD2MT2DkOy9e7kpkOacnF49dtkF9-KoKMm8IME13MVTxirASWPsRKqQnNjDV5nEDfS_PU/s1600/pumpkin-border-hth.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifQNwhxPdqtLt36vvaEoa_cQxzr5OePQc725znYGwlcJgNvwglE7P2NHjBJuPcPf1C77kSd_LctP5NyVIjILS6_bEA-qu3GogtUw0AQ0QRHr0Pona3xYvkxDaTn4s6sblYIIqMJY5kwAwA/s1600/irish-border4.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKj7RvmxOBPNmF5VWi_U17WruApihg_3numFRILhZbi3FfWmAwNWoM2AVwGEI0u_XwnSZO86cXOgof1FynhdWkavs1GvZrh7qyc3PtlTAqqxjQ6ieShUtJ1mg1k-Kr58Ux8_d6fCpaeNcQ/s1600/ivy.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgovuM7s0dvGOvnVndCENa7l4W16quDmAf3JTbYM_-g4-8Ld4iBVpw7FX3QI-y0WcHmXqwDK6sIN0TtZj3WFRCevcAFZc83J7t88v3LvgtzdLVXycivBH5k7-2H2B_YY5OUTvQ5W-Vq0D3d/s1600/irish-border1.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyy8tajXAC3XrHj3Z_f8x64J97r8lOSPqgJh4TTGXjl9pW0SzS5uZ236lB41i69R4OdTxIL5LoFbduiEzfYxg0B4VdE4jT6SgjxAq57DD6ZHtIqwp8lIdGrHmQnBR6ZxfkqmPBvaV-A3OS/s1600/frog54.gif

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

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