ဒါေလးကေတာ့အေရးမၾကီးဘူးဆိုေပမယ့္မိမိဘေလာ့ကိုပိုျပီးလွပေစသလိုပါဘဲ၊ 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/AVvXsEgvX1Noiy88v4Rw19UaF13ddtKkj8BUt58yxib5DqfZasxMVjKx3W8HpjWd78nrPxtCpRh-sKa1ExdMzkA9W_LOM4uW5wzEU3tYs3hOcwHQPJapJCceVdm9BNP7YM-7oZI9DuLyo-NQ7Cnq/s1600/bar54.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFLQsBlbx9ld9VTukV6Xu1-bXLyynbTKuSAZkl_FwyZ83m91ZPyw_q8yLqFO2X15XEsIoH61R5acpb2pLbrzzZLN31J05z1uG92e44J_cInsIARo7bEB-fwyurJrKqpV427yXnQeal0-8l/s1600/bar48.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFfOQaP3E0bThkVlbup4AiZvvcxRrlUJPcaMnMSAQShdd3RJfhNLMuqUoTrYPtirYCe0bz0488EMZH1sesaXWYHZ0MiapnPf1pZKukH1Q_ENX1J-iwdow3Yx71uxowX9KXCtU4OQ-Sm8ZA/s1600/bar47.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4aGRQyf6MUbCumpsEPRJqU1Xh9-5R4cg6bp_USrTmgy7K_L-fXQspSq1fr68WxIwh6a_nIPKzAo-ZQi-FMq_aQb0g5FNLq6_IPiyoj6vNLAk5h-QdR5Yr5DCuzGHOHiW11tZJQhIEJ-AO/s1600/astarl7s.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPmLW7FfZFo7BeSCmLU3GNapge2uqCedU7_Bzr92S1LxXijLch-xbl8KjJ-eII3ghfFmZXMs-XnIdkX7FvnLUMIMi0-NbDR7Oe9ZRE3lBGwH3i_JJpI1vNaJHTwjN9c9wo1AhA41B4iVS4/s1600/dividers_129.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRMElT7H9QFZNdEBx132-o7hKWlITGpdYbv9P7UYFJcH6d2aZY7cF6ZU-cUAE_Qd6XUK31nhKZ7LKdY65gJyl6V1zNmTCrQIX3LU3lZVyY1HcxPfChVG_3_cOtRqJ055vHD5q4ZUN0fRPg/s1600/dividers_96.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAyg8YFEBrlznds8vejYr13MegH2Dg6rsF-BFqF1EJDn-EIHhtkfkjWVPfrrUUjfPev_F7wDRIuMSGtAuyG5DyPhCPHK2RUVBkxXt5KIRlgl_Xzyl1VtF1ICmSuOzAu5wxA9B4jPO6J7Mj/s1600/clipart-heart-border.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIRMH0p43_l7GqULwOSn6NMCLZwPYcq3738bK1HPJwNNbW-rfY-1LGblUCJE3Ie9ltqvhoKfDk8uWNOvQ5FHarlBdMKjOCEzd4I7J_COFSWSURJ4hdJhHS2Di_F4_KxSG9QDHc9NPPpLAq/s1600/chain.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikufnl6yNmEtCQvhjHFr0B1bP9cnefgmqpkNEwuWhvZwwZg2MCTMvcwJSHJPG44C8-1qqIDC4rJTdrJBp-VJvThrX_4GATrM7cec53SeZwCeJTw__d0l8oAdfw7L5xXK9XJLmz94W8XnY3/s1600/bloodrose.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdn5ckCYfFTY2yQ88vVgOWs3c6203PiPhBZ_rvFdeVsCnnJxIF6PIC4a5kxPDO9169MDf_LfYRK53a96x8OfqSbGi9uJphBoQsu3Uhe5ORd0B0u07Ci9MhHqhthdF7qenwVgw93czljxeK/s1600/stonebar.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSxVleYD1HDqaABsN-fUufWL1EBPPBvAms2wLgjwuoLGPgLcjl1JaBRtHmJjR6YZqS7gjS_3ULa9W1WZ2XYcQ2uA5DXpFUqJa1crq06m8d8CY6A_vtqktX7O4t1M5CjluxXzVqgWHeKeyj/s1600/resfiles_sdfp.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfYVig3LH_ZFiUy0K8aHgNxbcEO7Oxezvr8IuxueTgXWu4MJeNM8Mar-oUiXkFxLRx-I4sx47hIaNF-l9EpZWLRJlU7jHJzAhk0_DT9dDakcBJpwcabIcxLoQdrR6Xxz5BInb0lHbAOpbw/s1600/resfiles_output.php.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiC2tShz1_2WNJVwdDgvZ06DjxjLs4yWVqldaRPZ5BdVPqhv9jSGFM3Sntsy_Cysdfwk974TNfcxDV4NOYuGqnEYf7UwGuZTCWWhtetT2Y7AIAiEbEmBTQ7IHKmrgPEJ8__xBMZODPja_G/s1600/pumpkin-border-hth.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuJKE0GC1ULw7a32tZ-SXiEhyphenhyphenM0OhwdJ-Wivw1_zNoJuE4gZXTQGA5Y_IvkxRlEHdVX3tDIPmUL53GXTyh5XVx6zmmo2I-Xjm3RGJH0CyLQk3Onqg2srGKrc-MiANJ2kpOQxwJ98TvV653/s1600/irish-border4.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje8sFfkiVFgmdSb4vh0PzYwn8tILOTMWTJC_4nd87WL2we9LDZfVDf5ll_w3ADSkmY07KRiPiaI8-PXrR2ImzxYBAmX2lQfcdVKCtr_6kQgypkR38yXBDYtW20WxqYTawid1c7WX1gWzYG/s1600/ivy.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKYnYwzlkJz_wUFs4Iz2Y-I5FgG66Da6xbY-giXfsod-NCMhh93lZu-p7M7VnTWM3Jzt9lEUlIzSliTa5tZgAxzkIY_m465NoqYksx7wrrSYnh7D8WX7UObep3vChMFSO9oGsipbsgR56r/s1600/irish-border1.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGaWya16kEBSpIlaICgoiW97kPDlPePDkrOp3Q_MJUbX8xr-SvYXG3QIiNKAEnlso9MSbFko9CAfmPeqFYUGIJ54xuZo-bYNKSXAykIfgooTr3knvcRa8T9FP-yyc9W5ioIkOWaQPIECjk/s1600/frog54.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigVBDNAe5TpVq5c4BE1ti_fQQz-JefkVAug2MZDHKQAaEV-0GUrSOezDvslAZdHMtxoBoxja_eKgJ2sd5Ce8tcDhnYr4MrdvNGyjsgH9OmZTiZjkz1mjXH_Q7ry9hDFIsAV3lL8vIX08_K/s1600/flowerbar.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA0rPD9nFjqos09yvFZy4FG0k3TowOkgWutuzGOFUmtjO-Npvui2eVXWlmM2svZFlQTYRkFgB7VFH8qoUHAE9DhyTaVqZgXyXx0Pe_iaRgvdMwAUlBZzXyNVb9HgmaqVKM3jWMBweQ-P_7/s1600/drawing-separator.gif
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
0 comments:
Post a Comment