rar password ေတာင္းခဲ့လွ်င္

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

မိမိဘေလာ့မွာ 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@@@@@ေမာင္ေအးလြင္

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

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

သူငယ္ခ်င္းမ်ားကိုမွ်ေ၀ေပးပါ :

No comments:

Post a Comment

ပံုတင္ရန္[im]...[/im]
scrolling effect [ma]....[/ma]
စာလံုးအရြယ္ [si="2"]...[/si]
အေရာင္ [co="red"]...[/co]
အလယ္မွာထား [ce]...[/ce]
scrolling effect ညာဘက္ [ma+]...[/ma+]
ေဘာက္ [box]...[/box]
အမွတ္ [mark]...[/mark] ;
ေနာက္ခံ effect [card="blue"]...[/card]
ပံု fix size [im#]...[/im]
Link ထည့္ရန္ 〈a href="ေဖာ္ျပလိုေသာ Link"〉more..〈/a>

Note: Only a member of this blog may post a comment.

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2021. ဘူးရေမျက်ရွာ - All Rights Reserved
Template Modify by Creating Website
DESIGN by မောင်အေးလွင်(ဘူးရေမျက်ရွာ)မှ ပြန်လည်ပြင်ထားသည်