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

at 1:38 PM

ဒါေလးကေတာ့အေရးမၾကီးဘူးဆိုေပမယ့္မိမိဘေလာ့ကိုပိုျပီးလွပေစသလိုပါဘဲ၊ 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/AVvXsEjW55Cs8mErL0UH5mGw4iByDx9ee-QIT0-2ubxijecP5PF1PwfEMgzFQf197kWcSA-JiQ1RLAUr29hJI2n-Z-2q_oSWYzB6lJ9RO-F4vgpI6lwy8vyNAmTSP15vTVgvfH-vhQE4FhvAzH19/s1600/bar54.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY60AYSSsWYtuK9S4yuNyRxch2GfWyx6UKxeWIZrQBnamg7jC23mW1hV4sauvQPFMZEi7XJgsbVFoXG8BaFX8_WQZ84J2g7ep023Kn-_7TYHI76bGtnVRMyKQFAKFZoRdEt0yOPtisLj-C/s1600/bar48.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb2cK2mHaB7sasIwR-YyOFNCC3XCKghULZO-sXwuYRwFPXz5ABSBLYgAQN7hQOpn8_cyTV2ZerxKPT4Pb3EJYY2x99ZRQHiNMsUYkWw5GTtJd9717LC2Vyz-ZCRQVKXx_oW5r7BZppkb8e/s1600/bar47.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTUMwMzzoiEy0e9BBMkM7kQ6GDs4JMxm_TT8j_kEXysmMKT_xpQwv4Zo64YYMKptrT0jp_wRl0vBi4nJcjNzsAfuhKm9v0-hajR7EszKt093bgx4ojHq-sKEdNMo3ZTvLbhwi7CSzcuCrI/s1600/astarl7s.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzJy8hNcYImOa9bab2VGvSitMl29i0JkItZjgaLo-UxD6i5h7j6Sk8dSZqWwYBb7RvvEsUZJ-WWUvT7VWub0CDwAJ6t-KJYXymWi3Z-upJnghsY3oUF9_ZHhZaySmGAtIVAFrI8xUVlZNV/s1600/dividers_129.gif

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

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKOEfBnCajq4VjX2xNNVlUkYRWM50b2Arxl_9ivLcuWHTKaa9hBB-bmotmNmNWGrEMLOGq8GyuyqmSlwxYjkqGEI_p93bE9RcuZqIzmnCIeefFb3wf7YkUXV-k2zAEb1f32kjHe1Ak43Ws/s1600/clipart-heart-border.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlOF67QFceatHcfHMlbzMdmAXA98gOHyrzX0Vkw4OBxLI3iyWfs39sPIlACjGcws43qjSnAQtwXMpZidBvv-4cUtfncqgu-IAPW7AIZPkM_Xq1EHf6y27NCVlvZ5zu6zhhvSrGOS4sSdCQ/s1600/chain.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIcy_YUndy3ONSyheWhDQlxzHnlaRlBnn8_7TW1ozY7p3CrHoy30xUbjCA0v39Yf7F6v_BvkP49Hc0wYwGtU2kROu68MpJKyBWIdFc4RllePWmi6PyLWklS9zn3YrgHVvuUaEE3g1u168e/s1600/bloodrose.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKGyfGyAApfrY5Lxphro_L6dxb9gJlonAln5x6XGDOvWVZO9t7KkSIjuSmmULo1NnEu9CuPxI51V3XgIiHH6KfFcxwcEcS855ewm4T_E3K7Ga0vUK248ASIGkMgfFRg-Vma53dVGrGu7P6/s1600/stonebar.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRKPtZrCbN6iye96Ezej8ci85pyFPeZ54OVbmfFN0o86XbdYyzIg71Ad8ImnsNLY1u8AucExQh-OxWdX3YlKnHb9vDPoDVQ6FereB9m0QcTuBPctcR-O2MdhaBfWKn9h56lUkWiTW1Jub2/s1600/resfiles_sdfp.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEZcS2Zmhn9dL5YYqCiTMJCZYqfcr46o9Hw1wG8EQ50K0is5pqszdFRdfcZHCaU7X29BeMAGBbv_U9nITenILHl7RTaog07AqkjR1gIX43ahU8NldI0iVtSENYJhiaFpex6bbx8WAO_hG5/s1600/resfiles_output.php.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZcBl46UvaDdzonWKHLvzgrvAfPHjODq9d8_W8iHXYPEBGBwuvqbiGIehrAYNXCJsH8-TuonPkLDpEPZ0vJCYqFeiwnhMez0-gR1-f7smwuP4b5c7hy4cCP9wCNa0P_DL6Xd6BsmkJv-jl/s1600/pumpkin-border-hth.gif

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

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP2shXwdvD45EzDlxxzCQgGRAwAL_FGpSpgxoDbsm2ZO2ILCDUeJf3YlS9IvpVxLGRzoqU9xminHa-F3AX77SmxQeUYiiReHj0gwRmQfJASJpMTc6jnBVzWUEtO_r3BhhGs9TE-aMkbl1q/s1600/ivy.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjPuWeWfzv9nkdxoTurNWEmDdK8vDLUwg-FoQ_n82j8y8d-IS4D6jYGteHyfnTyyXs1dlK-4e2gBlF8fpgKObMDKFhNJ8CFlzgtyqy0d0lYYTo1Xu8ZhtWO4h1q7D02vhVOxwWISFfMMW0/s1600/irish-border1.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKf0gnhRpWC-k7nmldaaZX_X3MXulGv7QvswVyd8w-3LN2TXMEoARXhw8EcT4rxiW4Dq3NbA4djLJM65zDsjwtlMY7jLPe0nqunlkXySCSw1Gitn2dnkcCq2Li-H6In3JVWF_h88s3ltj4/s1600/frog54.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6TzvG_lZQZQ24Dtnc2RuZZogW-xfmpNggwxXGf9jxaqH0jXgCesIzfh-0o_J3iX7ixVFEeE_dBN8_w397USunVyFLnGxvdYUuTASaU__NLP3mVJZgY-7Yo-F1_Isl7v7-WHu5b5RIVRXf/s1600/flowerbar.gif

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

ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု