Powered By

Free XML Skins for Blogger

Powered by Blogger

Sunday, January 3, 2010

post ေအာက္မွာ divider line (သို႔) ပံုေလးေတြထည့္ခ်င္ရင္..

blogger ကုိ login ၀င္ပါ.

layout  မွ edit HTML ကို သြားပါ..

expand widget templates ကို အမွန္ျခစ္ေပးပါ..

<div class="post-footer-line post-footer-line-3" >

                                or

<div class="post-footer-line post-footer-line-1">

အဲဒီလင့္ကုိ ရွာေတြ႕ရင္ ေအာက္ပါအတုိင္းထည့္လိုက္ပါ..

<img height='20' src='ကုိယ့္ပံု URL' width='605'/>


အဲဒီကုဒ္ကုိ ရွာမေတြ႕ရင္ ဒီေအာက္က code ေလးကိုရွာၾကည့္ပါ..

.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}

အေပၚကကုဒ္ကုိ ေအာက္ပါအတုိင္းေျပာင္းလိုက္ပါ..

.post {
background: url(ကိုယ့္ပံု URL) no-repeat bottom center;
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:3.5em;
}

အဲဒါဆုိရင္ေတာ့ ပို႔စ္ေအာက္မွာ ကိုယ္ႀကိဳက္တဲ့ divider line ေလး ေပၚလာပါလိမ့္မယ္....
*ကိုအဲလာဆီမွာ မွ်ေ၀လုိက္ပါတယ္...

အိမ္မက္လမင္းရဲ႕ divider line ထည့္တာ ဒုတိယနည္းနဲ႔အဆင္ေျပပါတယ္..
အိမ္မက္လမင္းကေတာ့ divider line ေလးကို ဒီေနရာမွာ ယူပါတယ္ ..
အဲဒီဆုိဒ္ေလးမွာ sign up လုပ္ၿပီး search box မွာ dividers လုိ႔ရိုက္ထည့္လုိ္က္ရင္ dividers မ်ားက်လာပါမယ္.. အဲဒီမွာ ကိုယ္ႀကိဳက္တဲ့ divider line ေလးကိုေရြးၿပီး သူ႔ရဲ႕ URL ကုိ ထည့္ေပးလုိက္ပါ..
 သူ႔ရဲ႕ (URL) direct link ကို ပံုရဲ႕ေအာက္မွာအဆင့္သင့္ယူႏုိင္ပါတယ္...

အဲဒီထဲကမႀကိဳက္ရင္ေသးရင္ ဒီေနရာေလး ကေနလဲ ယူႏုိင္ပါတယ္ ..

1 comment:

  1. ကိုယ္႔ပံု URL ကဘယ္နားရွာရမလည္းဗ် ပံုႀကီး ေတြဆိုရင္ေရာ အဲဒီလိုေသးေသးေလးေတြ ျဖစ္သြားတာဘဲလားဗ်

    ေက်းဇူးေနာ္

    ReplyDelete