kp3နည္းပညာ၊၉၁၊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/AVvXsEiGwC6aPeYjBFzxre8cnN9WNTK3FQqLlW6ShhAEEbevRM5TYLX7cV0OVGa_6taXB4Z_ITRTFSekI1uLtYqJLKWqDblLTSsAI8gA8swFbbZMPCgnI9_lEOYhItzJo1ujkxBOMyw7QFwKl6Wr/s1600/bar54.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTs5qW1lqNhlTa0fX6ROKSQtfZw3mBzcBHYgHG7Vu62s8MJ-bjwdCV8ZnRduEtUFHHG_DJPRNMk4wIaCjeQvGeteLLIJzeu6iEzI4-r0J8JWMXbSb3Ma-wDtJHHPXj28u6CYw7php0jq55/s1600/bar48.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX6c-ZwF-jq7TroYupF8pkWnUzS8rbYMJ6Ee6sqK87fU1Yo5OAt8cdPRcHiFxn_HoqTKZBaMGffGXsTVoI4tfaTcsEWiFaPGJN3_y0iUY1FmhRFQuS-JaAMD7OzNFLhtzGk0oxxodOgPc2/s1600/bar47.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC9IDKP9Gd2KOYvJqiy9yZdrhY7-Z1CmLxIZz6dEroUDok2fu2mTzDbvVuvPJxlhNMYtZfCMEkJQaMa0_YbluuIrN1dnPlZjvDpStyeyBCW_1dgs6onntw7-9cMVRF3Ej61ogDEV13OeMs/s1600/astarl7s.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZXMAGnsaHYaaZCTnvkZAazkX4sM-1jcQgYj2UkOVcH-x9dnN2AzNibr34t4KTwRL_ci9PVS-dxuMu6bs181fp0jwdBbO6zb8Sp-VW_7lfZsNRZdTAlETvsq7jKvDBi13a9EW-GUGQw8vz/s1600/dividers_129.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsLG-2gN2mT68r6aaNOuGWsxo2pg2lGPs9-pjXmZufJee61oqjXVRkois92Ve4pQXt8jnksyKUaqJDRK_wBjdrAMcUugc_EvK0ELvGqnTWhlkfDOodY0VVDekDN_t9sm2CxSDKMZBSRHz1/s1600/dividers_96.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-7UgvgZ-RO2Sq5LcQDPb2Wl6hou8_WEHIg_-2ljV__XSm9LAZMx5cY5MJ3f_jngxNl_l8Cm2toMRsRUI4RXIaac9nMujmbiKmFzrg1Ij99c9HLx5XvvbrF5fDgb3gi8qK2yymp8fLDs6V/s1600/clipart-heart-border.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVk-x1dUlht-rdn7sqWNNs1BWpBBRwaTPH6x1uMYWaRIs_5Cjz2nqe2_Trj2LEUtci9WnVk9mvkqD-aUEk94TyxBcZUkFHF4Bw3UJjCqRbgkyQGorUNdqUdup3QwyD4UQFgRGfdL3x-Cj8/s1600/chain.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkeKKrGRB9yD-XfF6dmQhy-cSTNAMoRHns2uQn-MER1Ve6lcXPu-ASO_aH0pXUib1h7m-G0uIWiTtm35WZgHMebleOL44krsm4PMFVgi8fSz-cQUgoYXxnowlxiHELgeZKTmDB2ZJ2uGOk/s1600/bloodrose.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8SpbxZoI8o4D4lluKUIKBMDtf_J9TGwjVT69WPPaGf25H9PsbtHAcuiZ0cBswqJGcaSRz5FZLI-XN66Rcs1SWcAjweHgq4ZEJbue7gEBSqP0BkNDCBqkiTrfOw5g8vkrEWBF_1VwjRoBV/s1600/stonebar.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbAYw7g5ggiCaxTRFWbrn0L4RPJd8w7dY9M8c3CvtxnSx7Z4dlOR3RLhAdG4fd7QD2hiSqikcbR7C5jFxJC-kY9LizYpLXqTbxA56MzdiJEBZf_uZRoLhiuKyMc0rV2GdI96G8nW0yWZeH/s1600/resfiles_sdfp.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0tJzxyVYZRFVd2o5svIUW5djAjafF8ilg0F0UlNxGM-ehji1wWaYez4P04rDVSnMzpdNx2oh1_ZPntNGaK10-HORVe8r615LzaTcXZGMNzSpIPIhLZEEi1uIJS0iyhqB-rgWLq603VTbK/s1600/resfiles_output.php.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvScmPO6hXbf2XE0x4Q-QdaX7wm2wY-q7o8SL_cXrAd2SOTSDAFHak10p4gsTXe9teHy8S1-SaGogMApWHy2mw1gqUesSQ9DFL5Ivc5cqQcOeAcyKRwJIz974DDkhS0hks9JXjixInybN-/s1600/pumpkin-border-hth.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFJnTcl_2md0HR1N65ZJG4EHToCL2IPIl7fndm8TxH-w3UIe-hCU-eZXVEkIX22xloe7q0ineNkMyrIN1t8RGlMLgFkGe5XwAeUzzI4NzjXndRm9YiiQuDqkMDoU_yxbYb77NqPeVKCi-7/s1600/irish-border4.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHOpoKkA8Q_XtETyAZeHcKx84ywHzB8EG30X2NV21dBOixiW8ioN1RXdkwtp1m8q_bC3X7XKtivq1JdHu9XGzBqtE-6dtJ67fWGQ7P-y2Z3GuL6xPJTenD7EBgujL2h21kvQtZzAZemo1f/s1600/ivy.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoZmp7z6ogZPuECwlgVqJCP7Aw1Iu-wcP-n00hw79w0hVA7GBN7NVvt3TCVJOuy3_1uCw5iJ5Mc1KIZX_Qsqol0i0LKYMfLAzDd1tVMf-ZiTvYNV7AIPU5lujaKdwtQ7EkhRpkRA5-alNT/s1600/irish-border1.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigyo4202k-foaVtw_pa2fvSY5-TVVzS-4Txy_xGK1Mz25R23clITJM3jjZaG7XoWDE0giTRNcUtQIs6_NM1x1kEfLKXd2Jg9XnQ0enrpWl8jX24WnaiIk6s1XnTQwNFQPIle3H73UbO0s9/s1600/frog54.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1D0BqDi8hWiFZyGm3qUK_Tu-x9mF-mrdk9SAU57fC02oQT6Bma4Xd2QO_MpNuQsidwxJnwmMR4bx0ULOZsQvpw6svxuKekeFgKEfUgavMDiwjwyRLSdG_Eh_77ji-ejgJPCJ18DFQFJwZ/s1600/flowerbar.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhjqQitwg4n4IVkSUDUiAzObGwP-lbxQQ-4_45Uc8v6AKPuggx8H0ruMlM-pjWnLDhCqtimqJNNsoLaCH7ywQ7LlP1IPA9n6B_vrAMr25hZCuLeTdIYWqC-zX3DJxXagijpi8haqtFl9DO/s1600/drawing-separator.gif

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

Posted in: BLOGGER TUTORIAL