Saturday, March 10, 2012

မိမိဘေလာ့မွာ Author Info Box ေလးထည့္မယ္


1။ ပထမဆံုးအေနႏွင့္ Blogger > Design > Edit HTML သြားလိုက္ပါ။
2။ မိမိ၏ဘေလာ့ (template )ေလးကို မွားသြားရင္ျပန္ျပီးမူရင္းအတိုင္းျပန္ယူလို႔ ရေအာင္လို႔ရေအာင္ Back up လုပ္ထားပါ။
3။ ]]></b:skin> ဆိုတဲ့ ကုဒ္ေလးကိုရွာပါ။
4။ ရွာေတြ႔ရင္ေအာက္မွာေပးထားတဲ့ ကုဒ္ေလးကို အေပၚမွာထည့္လိုက္ပါ။
/*----------Guest Poster --------*/
.mbt-gp img {
margin:0;
border:0;
}
.mbt-gp-about {
font-size:12px;
margin:0 auto;
padding:3px;
width:580px;
background:#edf6ff;
border:#9ecfff dotted 1px;
min-height:130px;
}
.mbt-gp {
padding-top:10px;
margin:0;
font-size:12px;
float:left;
width:17%;
text-align:center;
border-right:#93C0F9 solid 1px;
}
.mbt-gp-text {
float:right;
width: 80%;
padding:5px;
text-align:left;
font:12px arial,sans-serif;
text-align:justify;
margin:0;
padding:0;
}

preview နဲ႔ အရင္ၾကည့္လိုက္ပါ error မတက္ရင္ေတာ့ save လိုက္ပါ။

ေနာက္ျပီး ဒုတိယ အဆင့္အေနနဲ႔  ေအာက္မွာေပးထားတဲ့
<div class="mbt-gp-about">
  <div class="mbt-gp"><img src="ဒီမွာ မိမိဓါတ္ပံု link ကိုထည့္ပါ" width="80" height="70" /> ေရးမည့္အေၾကာင္းအရာ ထည့္ရန္ </div>
  <div class="mbt-gp-text">
    <p><strong>About the Guest Author:</strong>
      <br />ေရးမည့္အေၾကာင္းအရာ ထည့္ရန္ </p>
  </div>
</div>
ဲ့ ကုဒ္ေလးကို notepad ေလးနဲ႔ အျမဲသံုးလိုရေအာင္
သိမ္းထားလိုက္ပါ။ မိမိ post တင္ခ်ိန္တြင္ post အေၾကာင္းအရာ အားလံုးေရးလို႔ ျပီးစီးသည္အခါ
HTML  ဆိုတာေလးကိုႏႈိက္ပါ။ ေအာက္ဆံုးတြင္ notepad နဲ႔ သိမ္းထားတဲ့ ကုဒ္ေလးကိုထည့္လိုက္ပါ။
ေအာက္မွာ screen shoot ေလးပါ တင္ေပးထားပါတယ္.............။

BLOG-AUTHOR-INFO

ရပါျပီး မိမိ ေရးသားထားေသာ post ေလးကို ျပန္ၾကည့္လိုပါ.......GOOD LUCK!!!!!!
scroce:  http://www.mybloggertricks.com/2011/04/show-guest-author-info-below-blogger.html


Admin@@@@@ေမာင္ေအးလြင္

မတတ္တာအျပစ္မဟုတ္ပါ...မသင္တာအျပစ္ပါ:

က်ေနာ္မတတ္ပါ က်ေနာ္ဟာ........................
        သင္ယူေလ့လာေနသူတစ္ဦးပါ...ဟိဟိ..လိပ္မ်ိဳး

Labels: ,

1 Comments:

At 5:07:00 AM , Blogger walkerindark said...

ေလာ့လာေနတာပါ

 

Post a Comment

Subscribe to Post Comments [Atom]

<< Home