မိမိရဲ႕ဘယ္သူက Comments ဘယ္ေလာက္ေပးတယ္ဆိုတာသိခ်င္ရင္

ဒီေန႕က်ေနာ္တင္မယ့္Post ေလးကေတာ့Top Comments automatically to Blogger
ဘယ္သူက Comments ဘယ္ေလာက္ေပးတယ္ဆိုတာဘေလာ့မွာနာမည္ေလးနဲ႕ေပၚေအာင္
ထားျခင္ရင္ေအာက္မွာလုပ္နည္းနဲ႕တကြ Code

၁။Layout

၂။Page Elements

၃။Add a Gadget

၄။HTML/Javascript' မွာေအာက္က Code ကိုထည္႕လိိုက္ပါ။

<script type="text/javascript">
function pipeCallback(obj) {
 document.write('<ol>');
 var i;
 for (i = 0; i < obj.count ; i++)
 {
 var href = "'" + obj.value.items[i].link + "'";
 var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
 document.write(item);
 }
 document.write('</ol>');
 }
 </script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=47909d73002419d14e697928bd9c4f24&url=http%3A%2F%2Fkp3family.blogspot.com&num=10&filter=yourname" type="text/javascript"></script>
<span style="font-size: 80%">Widget by <a
href="http://kp3family.blogspot.com/2009/12/kp3_17.html">kp3family</a></span>

၅။Save ႏုိပ္လိုက္ပါ၊ျပီးပါျပီ။။


မွတ္ခ်က္။ ။kp3family.blogspot.com ေန၇ာမွာမိမိရဲ႕ဘေလာ့လင့္ခ္ကိုထည့္ပါ။
ဘေလာ့လင့္ခ္ထည့္၇ာတြင္ (http://)ကိုမထည့္ရပါ။။


Credit To http://kp3family.blogspot.com

ဘေလာ့ Comment ေတြကိုလွပစြာပိုင္းျခားနည္း

ဒီေန႕ Post ေလးကေတာ့သိပ္လည္းအေ၇းေတာ့အၾကီးပါဘူး၊ဒါေပမယ့္မိမိ၇ဲ႕ Comment ေန၇ာေလးကၾကည့္၇ တာ ပိုျပီးလွလာသလိုဘဲေနာ္၊ေအာက္မွာနမူနာၾကည့္လို႕၇ေအာင္ပံု ေလးျပထားေပးပါတယ္၊မိမိရဲ႕ Comment ေတြကိုသပ္သပ္၇ပ္၇ပ္ေလးျဖစ္သြားပါတယ္၊မိမိရဲ႕ဘေလာ့ Comments Box ေလးကိုတကယ့္လွပ ေအာင္လုပ္ ခ်င္၇င္ေတာ့kp3နည္းပညာ၊၁၄၇၊မွာရိွပါတယ္။ေအာက္ပံုနဲ႕တကြ Code

၁။Layout

၂။Edit HTML

 

ေအာက္က Code ကိုရွာပါ၊

/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

အေပၚက Codeအားလံုးႏွင့္တူခ်င္မတူမွာပါ

ေတြ႕ျပီဆိုရင္ေအာက္က Code ႏွင့္အစားထိုးေပးလိုက္ပါ။။

/* Comments
----------------------------------------------- */

.comment-form {
margin-left:.5em;}

.comments {
margin-left:.5em;}

#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: #0B486B;
}

#comments-block {
font-size:13px; color:#333333;
}
#comments-block .comment-author {
color:#53524b;
font-size:12px;
background:#d7e8f0;
padding:4px;
font-weight:bold;
text-decoration:none;
}
#comments-block .comment-author a:link, .comment-author a:visited, .comment-author a:hover {
font-weight:bold;
color:#53524b;
border-bottom:solid 1px #80a8ba;
padding-bottom:2px;
text-decoration:none;
}

dd{margin:0; border:0; padding:0; padding:0 10px; background:#f5f8fa;}
dd.comment-body{border:solid 2px #d7e8f0; border-bottom:none; border-top:none;}
dd.comment-body p{border:0; padding:0; margin:0; padding:10px 0;}
dd.comment-footer{border:solid 2px #d7e8f0; border-top:none; margin-bottom:10px;}

#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}

.comment-timestamp{font-size:11px; color:#333333;}
.comment-timestamp a:link, .comment-timestamp a:visited {
font-size:11px; color:#999999; background:none; width:auto; height:auto;
text-align:left; font-weight:normal;}


.deleted-comment {
font-style:italic;
color:gray;
}

အေ၇ာင္ေတြကိုမိမိၾကိဳက္သလို HTML colourနဲ႕အစားထိုးေပးလို႕၇ပါတယ္။


၃။Save Template ကိုႏိုပ္ပါ။ျပီးပါျပီ။။

Credit To http://kp3family.blogspot.com

Comment Form ေလးၾကီးေအာင္လုပ္ခ်င္လားငယ္ေအာင္ေျပာင္းခ်င္လား

မိမိရဲ႕ဘေလာ့ Comment Form ေျပာင္း
နည္းေလးပါ။မိမိ Comment Form ေလးၾကီးေအာင္လုပ္ခ်င္လားငယ္ေအာင္ေျပာင္းခ်င္လားေအာက္
မွာေျပာင္းေပးမယ့္ေနရာေလး Code နဲတကြေပးထားပါတယ္။



၁။Layout

၂။Edit Html

၃။Expand Widget Templatesမွန္ျခစ္လိုက္ပါ။ေအာက္ကCode ကိုရွာပါ၊(Ctrl+F)

<iframe allowtransparency='true' class='blogger-iframe-colorize'
 frameborder='0' height='275' id='comment-editor' scrolling='auto' 
src='' width='100%'/>

အနီေရာင္ျပထားသည့္နံပါတ္ႏွစ္ကိုမိမိၾကိက္သလိုေျပာင္းႏိုင္ပါတယ္၊Comment Form Sizeပါ။

Credit To http://kp3family.blogspot.com