blogger မွာ တင္ထားတဲ့ Post တစ္ခုခ်င္းကို လူဘယ္ႏွစ္ေယာက္ဝင္ၾကည့္လဲ???

အရင္ဆံုး က်ေနာ္တစ္ခုေလာက္ ၾကိဳေျပာပါရေစ.. က်ေနာ္ blogger တစ္ေယာက္မဟုတ္ပါဘူး ... စိတ္ဝင္စာလို႔ Blogspot ေလး လုပ္ၾကည့္ရင္း နည္းပညာမ်ားကို သင္ယူေလ့လာေနသူတစ္ဦးသာ ျဖစ္ပါတယ္။ က်ေနာ္ အခု တင္ျပမယ့္ အေၾကာင္းအရာေလးကေတာ့ က်ေနာ္တို႔ Blogger မွာ မိမိ တင္ထားတဲ့ Post ေတြထဲမွ အေၾကာင္းအရာ Post တစ္ခုခ်င္းစီကို လူ ဘယ္ႏွစ္ေယာက္ ဝင္ၾကည့္ခဲ့ တယ္ဆိုတာကို ၾကည့္လို႔ ရေအာင္ လုပ္နည္းေလးျဖစ္ပါတယ္..။ က်ေနာ္လဲ ဆိုဒ္တစ္ခုကို ဝင္ၾကည့္ရင္း ေတြ႔မိလို႔ က်ေနာ့္ ဘေလာ့မွာ ထည့္ခ်င္တာနဲ႔ Google မွာ ရွာခဲ့ပါတယ္..။ ေတာ္ေတာ္လဲ ကို ေခါင္းစားခဲ့ပါတယ္... က်ေနာ့္အတြက္ေပါ့...။ သိတဲ့ တတ္တဲ့ သူေတြအတြက္ မခက္ေပမယ့္ က်ေနာ္က ေလ့လာသူတစ္ေယာက္ဆိုေတာ့ ... ေတာ္ေတာ္ ခက္ခဲ ခဲ့ပါတယ္....။ ေနာက္ဆံုးေတာ့ က်ေနာ္ ရခဲ့ပါတယ္..။ ဒါေၾကာင့္ က်ေနာ့္လို စတင္ေလ့လာသူ Blogger ေပါက္စမ်ားအတြက္ ျပန္လည္မွ်ေဝလိုက္ပါတယ္ ခင္ဗ်ာ...။

စျပီးလုပ္ၾကည့္ၾကမယ္ေနာ္...။

• ပထမဆံုး Blogger Dashboard ကို Blogger အေကာင့္နဲ႔ ဝင္လိုက္ပါ။
• ေနာက္တစ္ဆင့္ Template >> Edit HTML ကို သြားလိုက္ပါ ... ။ ေအာက္မွာ ပံုေလးျပထားပါတယ္ခင္ဗ်ာ။

ျပီးရင္ေတာ့ က်ေနာ္တုိ႔ Template ကို Edit လုပ္တဲ့ ေနရာကို ေရာက္သြားပါျပီ ။ပံုေတာ့ ထပ္မတင္ေတာ့ပါဘူး။ အားလံုးေသာ Blogger ညီငယ္ေလးမ်ား သိၾကမယ္လို႔ ထင္ပါတယ္။ အဲေနရာေရာက္တဲ့ အခါမွာေတာ့ က်ေနာ္တို႔ Edit လုပ္ရမယ့္ box မွာ ကလစ္တစ္ခ်က္ေထာက္လိုက္ပါ။ ျပီးရင္ေတာ့

Ctrl+F

ကို ႏိႈက္လိုက္ရင္ Search box ေလးကို ေအာက္က ပံုပါအတိုင္းေတြ႔ ရမွာ ျဖစ္ပါတယ္

• ဒီေလာက္ထိကို အားလံုး အဆင္ေျပရင္ မယ္လို႔ ေမွ်ာ္လင့္ပါတယ္..။ blogger ႏွင့္ ရင္းႏွီးျပီးသား သူငယ္ခ်င္းမ်ားကေတာ့ လြယ္္ကူမွာ ျဖစ္ေပမယ့္ အခုမွ စတင္ေလ့လာသူ(က်ေနာ္လိုေပါ့) ေတြကေတာ့ နည္းနည္းေလး ၾကိဳးစားျပီး လုပ္ၾကည့္ပါ ...။ :D


• D ေလာက္ကို အဆင္ေျပျပီဆိုရင္ေတာ့ အခုဆက္ျပီး အေပၚက ပံုမွာ ျပထားတဲ့ Search Box မွာ </head> ဆိုတာကို ရိုက္ျပီး ရွာလိုက္ပါ။
• </head> ကိုေတြျပီဆိုရင္ ေအာက္မွာ ေပးထားတဲ့ ကုဒ္ေလးေတြကို Copy ယူျပီး </head> အေပၚမွာ Paste လုပ္လိုက္ပါ။

<link type="text/css" rel="stylesheet" href="http://static.graddit.com/css/graddit.css" />

• အခုေနာက္တစ္ဆင့္အေနနဲ႔ က်ေနာ္တုိ႔ ဆိုတဲ့ ကုဒ္ေလးကို ထပ္ျပီးရွာရပါမယ္..<data:post.body/> ဆိုတဲ့ Code ဟာ သူငယ္ခ်င္းတို႔ Template မွာ တစ္ခုထက္မက ေတြ႔ခ်င္ ေတြပါလိမ့္မယ္။ အဲဒီ<data:post.body/> ဆို  Code ေတြေအာက္မွာ (သို႔) အေပၚမွာ ျဖစ္ျဖစ္ ေအာက္မွာ ေပးထားတဲ့ Code ေတြကို Copy ယူျပီး ထည့္ေပးလိုက္ပါ..။

• မိမိ blogger post ၏  ေအာက္ေျခနားမွာ ေတြ႔ရမွာ ျဖစ္ပါတယ္..။ နမူနာ အေနနဲ႔ (Demo) ကိုေတာ့ ဒီ အခု Post ၏ ေအာက္ဆံုးမွာ ၾကည့္ရႈႏိုပါတယ္ခင္ဗ်ာ...။

• <data:post.body/> ၏ ေအာက္(သို႔) အေပၚမွ ထည့္သြင္းအသံုးျပဳရန္ကုဒ္ကို ေအာက္မွာ ေပးထားပါတယ္ခင္ဗ်ာ။

<b:if cond='data:blog.pageType != &quot;static_page&quot;'><div expr:id='"labels_" + data:post.id' style='display: none; visibility: hidden;'><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><data:label.name/>,</b:loop></b:if></div>Rate this posting: <div expr:id='data:post.id' class='ffbs_rate'>{[[&#39;&lt;img src=&quot;http://static.graddit.com/img/star.png&quot;/&gt;&#39;]]}</div><div expr:id='&quot;ffbs_stats_&quot; + data:post.id' class='ffbs_stats'></div><script type='text/javascript' expr:src='&quot;http://www.graddit.com/rate/eng/5/&quot; + data:post.id + &quot;?id=&quot; + data:post.id + &quot;&amp;stats=ffbs_stats_&quot; + data:post.id + &quot;&amp;labels=labels_&quot; + data:post.id + &quot;&amp;info=info-&quot; + data:post.id + &quot;&amp;info_delay=2&amp;url=&quot; + data:post.url + &quot;&amp;class_star=ffbs_star_img&amp;class_star_set=ffbs_star_img_set&amp;class_star_vote=ffbs_star_img_vote&amp;views=yes&amp;votes=yes&amp;average=yes&quot;'></script></b:if>

ျပီးရင္ေတာ့ မိမိ၏ Template ေလးကို Save လိုက္လို႔ ရပါျပီး။။။ အားလံုးအဆင္ေျပမယ္လို႔ ေမွ်ာ္လင့္ပါတယ္...။ အဆင္မေျပတာေလးေတြ ရွိရင္လဲ ျပန္လည္ေဆြးေႏြးေပးၾကပါဦးခင္ဗ်ာ..။

Template မ်ားမွာ ကြဲလႊဲမႈမ်ားေတာ့ ရွိႏိုင္ပါတယ္ ခင္ဗ်ာ..။

ဒါေလးကို ဖတ္ေပးပါဒီဘေလာ့ေလးသည္ ဘူးေရမ်က္ရြာ (wall.fm) ဆိုဒ္ေလးမွ တည္ေထာင္ထားပါသည္ ဘာေၾကာင့္လဲဆိုေတာ့ wall.fm ဆိုဒ္မ်ား free မရေတာ့လွ်င္ ယၡဳဘေလာ့တြင္ ဆက္လက္မွ်ေဝသြားႏိုင္ရန္ စီစဥ္ထားျခင္းျဖစ္ပါသည္

မိမိဘေလာ့မွာ ေကာမန္႔ "Reply link" ေလးထည့္နည္းေလးပါ

1. ပထမဆံုး Blogger > Design > Edit HTMLကိုသြားလိုက္ပါ။
2. ဘေလာ့ template ေလးကို Backup လုပ္ထားပါ
3.  "Expand widgets Templates" Box ကို Click ပါ။
4. ဒီကုဒ္ေလးကိုရွာပါ  ]]></b:skin> 
5. ေတြ႔ျပီဆိုရင္ ေအာက္မွာေပးထားတဲ့ ကုဒ္ေလးကို အေပၚမွာထည့္လိုက္ပါ။
   

/*--------------MBT Reply Link --------------*/
.MBT-replycomments{
background:#ECEAEA;
cursor:pointer;
color:#fff;
margin:5px 0;
float:right;
border:none;
padding:4px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:10px sans-serif;
}
.MBT-replycomments:hover{
background:#E7E7E7;
}

• မူလအေနအထားအေရာင္ကိုကိုယ္ၾကိဳက္တဲ့ အေရာင္နဲ႔ေျပာင္းႏိုင္ပါတယ္ #ECEAEA
• ေမာက္စ္နဲ႔ေထာက္လိုက္ရင္ေျပာင္းသြးမယ္အေရာင္ေလးပါ မိမိစိတ္ၾကိဳက္ေျပာင္ႏိုင္ပါတယ္#E7E7E7
• အေရာင္ကုဒ္ကိုဒီေနရာမွာ ရယူႏိုင္ပါတယ္ Color Generator

    6.    ဒီကုဒ္ေလးကိုထပ္ျပီးရာပါ,

<dd class='comment-footer'>

မေတြဘူးဆိုရင္ ဒီကုး္ေလးကိုရွာပါ,

class='comment-footer'

ေတြ႔ျပီဆိုရင္ေအာက္ေပးထားတဲ့ "Reply Link" Code ကိုအေပၚမွာထည့္လိုက္ပါ

<div class='MBT-replycomments'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=*******************&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=650,height=650&quot;); return false;'>Reply..</a></div>

•  Reply..ဆိုတဲ့စာသားကို မိမိ ၾကိဳက္သလိုေျပာင္းလိုက္ပါ။
•  ******************* ဒီေနရာေလးမွာမိမိရဲ႔ဘေလာအိုင္ဒီ BLOG ID  ကိုထည့္ပါ။
• မိမိရဲ႕ ဘေလာအိုင္ဒီကို  http://www.blogger.com/ မွာ logged in ၀င္လိုက္ပါ။
•  ျပီးရင္ မိမိဘေလာ့မွာ Desing ကိုႏႈိက္လိုက္ browser address bar မွာ ဂဏန္း 18-19 လံုးရွိပါတယ္ အဲဒီ နံပါတ္ေတြကို ေကာ္ပီယူျပီး စတားပြင့္ေလးေတြေနရာမွာ paste လုပ္လိုက္ပါ ေအာက္မွာ ပံုေလးေလးျပထားပါတယ္ အားလံုး ျပီးသြားေတာ့ preview နဲ႔အရင္ၾကည့္လိုပ္ပါ error မတတ္ဘူးဆိုရင္ေတာ့ save လိုက္ပါ  အဆင္ေျပပါေစ

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

ကိုယ္..ကိုယ္တိုင္မလုပ္တတ္ေပမယ့္.....
ကိုယ္ ေလ့လာလို႔ သိတာေလးေတြကို မသိေသးေတြ အတြက္ျပန္လည္ မွ်ေ၀တာပါ
သင္ယူူေလ့လာေနသူကေတာ့ မသင္သူထက္ေတာ့ တတ္မွာပါ....ဟုတ္ဘူးလား :D

မိမိဘေလာ့မွာ 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 ေလးပါ တင္ေပးထားပါတယ္.............။



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

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

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

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