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/AVvXsEgYbX9E6akTFN8Wo9IbmW2eKqWvThfzP8DRLbijlEeLo5hvHaFXwQIrdFAhCyyksMJNfmB_sZrVQXvCjghv5IYrxw3_IUNi9cJKZxm1gIPlsCRHFNeYZv0sS6z_nhb5Z2wl0rZ66ZOJcmU4/s1600/bar54.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzxN6igDr7IuIljwJmF7pDASn1nEii4vHvk81GBcHf7lZDPuf78h8eofPFzw0dt7WT0Yu-gaAUAdMQmusgxSSvc3evPKF3LS6WcTR0Vieiuf0CzhfHhP4dxy1qu0H_HqQ8SVeYVtXjPG1k/s1600/bar48.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitAF87_DsR3g_Toci0qktYIU3ZWmjyi2Q4By5nNJ9-E4RqOIKDDgp1Lw9LmbdJCNOMdUVN689DJ7rQXWJkzVTplrUlZz3zYReUujNUY4tDa2OjWMHMV483u3goTm4CNfEP71E0jL2nkC1u/s1600/bar47.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkxT4o9sLLIcyDvPI7xZW_T7ZihUgrrE0cjCxfrmkt-96G10ajg-sr5hWpV9DJZOHO6RWR7kX1XfQ8mOw5Ec2yptT8U3y9W5YIu7j8SVR7poil3ar5cqJYaH6-YyCGQGUahDvDw_YzT1tW/s1600/astarl7s.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF-tSd26sHpL5e46fJJlxYzCbq1sg5Mghb5nIWRvtAvhjN0Ui73nqfx0X9Y2N9OkW-_qzBNNvvKujMkPy47Jm2mnccB8OMNIMBEyGndc7DZeAuCdnZJbsynZG9ud81rEvMAknnjrxsYwLy/s1600/dividers_129.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgp-NGu7nms_rLq_d19LkbLbRnnyRxqZWYb7YtUkIu1_7kYVlfAKn7npzn9O9rjHcwL2YfvGLFdxHQZXV3q14wfTgOzu5tKzBGCARRUJvIkOGqcsAYuEDJgKGMohRHZhZe0Q6HCB8FahJC/s1600/dividers_96.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFkK8nA8EMafiJfcY5jnZZeCEm0tSD6XeIhoaTno66f066x6YYD08RwkdeVV5x9vk8N_4sZyI0QwbsoI-1ECw_Tf-hzXrji7K6zNBujTJ8iG2eT0KK8JRiarNeU7dBl48M9Vv-rRyAyukY/s1600/clipart-heart-border.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqy3To32Xc4h2Pggsn42m75INIjI_7f8T21kCaGBLbt-cCT_ucj7lJw4T5T2kUgBGLFT5ZFfbUpX37Ews26xDitbcbHHhWPHaiV6DakoG5Ky2gKNm8gmmp7CeUdLhrfE1cLSu9s9w_1MZz/s1600/chain.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGMnyXhZ2Ds59rsc1rvNJHl7wuPR5-3vqTK3dHkvgkYABCOTexv_eGwC2Qo4sxLh0JziSpRBQhkbPQWHRdwEdJPLLsvqITl78rLKKf_MdcKFGb_ZuBueVg39hdELbh88tCeb9TpPS-ZZe5/s1600/bloodrose.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpn70DYL_bq0hE-9Br2hyphenhyphenOpy0zKBwx84REZ8yTJRsttGcyr5WoiwSTKJJfd1e9kn8_4rJSYOfwmU4Y_Pp-cuz2hpMJOEpLsLwcw2Di8SnMkfobNRLoJXlFQFzBJAxfgkb8KnOQ2Sgb4noh/s1600/stonebar.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTmG5chqaXXaaxQn6MYgaQEhon9yVsbxGGUBXpuSdR0L0y8-H2NsDxetUVYFObF0wBEzMBs2U12pi0ZvWV-9DXwtdMCT_LXfjqOCdq3YmiCCWOvCUgBQNNGIfplnTcHnV0zlL7hKqxz_ip/s1600/resfiles_sdfp.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglK8ix6TmanIsJtapiDqV_SC2aZMAb6MvItjp8jooo3xCNIEfD2Thge4-hBaQgFgtLzI187HqqoWHPfrmls5TAQWvKNWabLFg3H0ZKOu7gTUO9Yuvlade8hQ67PYSEXrqPob-jWhXesbfu/s1600/resfiles_output.php.gif

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

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ5tJyHGsh0V-u0zpgW3iw2F67QGtIvMl5zkxg48IjUYDjKgAoiHLirWM6Z8gyz7DeIMB8NMAbFM3m602TgIbynRPTS1Yp4wJQrV6_v76A0UzUTgyMOA0xWEeI1GTYagNK66tEAyOo-CRP/s1600/irish-border4.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZlGBDpu-oqNSEjuvD-yD4WCgM8a9Snq-Pw4cgYH6x0ev6Tg1sRuPAxb9ciNwAbKngy3E0dJRFc_kYuiOYLpMUtK1YFoycbvx2glz67yxtaA9eUXdylJKOPa_6ZYVpcXnY5WfPMHP-HIhQ/s1600/ivy.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_rkJG1LRUpXTZUKMuPChiAI6Msu0wyubgFy62M9_D_BYAFjfhgN0fJYAhTQlfzKmxj5394la1UxAmTicbZ0rycikzPCA_gWpf6kPdA9PK_LylvOkt9m7CsCmWx6zg3dFZJ6hfftPUg3tk/s1600/irish-border1.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAAxTYD4pwlhoXn0IOXPLjRKsIp0mKsy3Yd-f2zg3zuBiUnfCKgadj00APojNGJjnF6dyS9AKnOUwVdtpQV2K_aCDzliHKtl00u9627jLGOGhmtT4LyXT6M8vAWpk-OIHrEm5S6lXIl3-E/s1600/frog54.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT2hfPGiOVTHQgt7KFBcuBh-gzChVFiHf6AopNZgV6SPl3KYN4sqSSYsOpVURlme_eeFFmQQIqnIooKcW2hVWlB5oxJC04bxjVMlhxOvxsVKLyM2IxnF9EDd-RIfL-zrEE8qu7qaxTMw2T/s1600/flowerbar.gif

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

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

Related Post

Posted in: BLOGGER TUTORIAL