kp3နည္းပညာ၊၁၄၇၊ Comment Box ကိုလွလွေလးလုပ္ခ်င္ရင္

ဒီေန႕တင္တဲ့ Postေလးကေတာ့မိမိရဲ႕ဘေလာ့ Copmments Box ေလးကိုတကယ့္လွပေအာင္
လုပ္နည္းေလးပါ။ဘေလာ့မိတ္ေဆြအားလံုးလည္းၾကိဳက္ၾကမယ္လို႕ေမ်ာ္လင့္ပါတယ္၊က်ေနာ္ေ၇ာက္
ခဲ့ဖူးတဲ့ဘေလာ့ေတြမ်ားပါတယ္ဒါေပမယ့္တခါမွမျမင္ဖူးပါဘူး၊ဒါေလးကအသစ္ေလးပါဘဲ၊က်ေနာ္အားလံုး
ရွင္းေအာင္လည္းပံုနွင့္တကြျပထားေပးပါတယ္၊က်ေနာ့ရဲ႕ Comments Form မွာလည္းေတြ႕ရမွာပါ၊
အားလံုးတခါတည္းယူသံုးလိုရေအာင္လည္းပံုတခ်ိဳ႕တင္ထားေပးပါတယ္၊မိမိၾကိုက္သလိုျမန္မာလိုေတြေရး
ျပီးထည့္ရင္လည္းရပါတယ္၊ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု၊၊၊၊၊

၁။Layout

၂။Edit HTML

၃။Expand Widgets Templateကိုအမွန္ျခစ္ေပးပါ။(CTRL + F)ျဖင့္ရွာပါ၊၊

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

<data:postCommentMsg/>

kp3နည္းပညာ၊၁၄၆၊အီးေမးလ္ႏွင့္ Hand ဖုန္းကေန Post တင္ခ်င္ရင္

ဒါေလးကလည္းစိတ္ဝင္စားဖို႕ေကားပါတယ္၊က်ေနာ္တို႕ဘေလာ့ကိုဝင္စရာမလိုဘဲနဲ႕အီးေမးလ္သို႕မဟုတ္
ဖုန္းကေန Post တင္နည္းေလးပါ၊ပံုေတြလည္းတင္လို႕ရပါတယ္၊ထံုးစံတိုင္းAttach a fileကေနေပါ့ေနာ္၊
ဒါကေတာ့အရမ္းကိုလြယ္ကူေပမယ့္အရမ္းလည္းအေရးၾကီးပါတယ္၊မိမိရဲ႕ဘေလာ့ကိုအီးေမးလ္လိပ္စာအ
သစ္တတ္ေပးလိုက္တာပါ၊မိမိရဲ႕ဒီဘေလာ့အီးေမလ္လိပ္စာအသစ္နာမည္ကိုဘယ္သူမွမသိေအာင္ထိန္းသိမ္း
သင့္ပါတယ္၊မိမိရဲ႕လ်ိွဳ႕ဝွက္နာမည္သူမ်းေတြသိသြားရင္အီးေမးလ္ပို႕သလိုသူတို႕ရဲ႕ေမးလ္ကေနPostလွမ္း
တင္လို႕ရပါတယ္၊ဒါေၾကာင့္မိမိေပးထားတဲ့လ်ိွဳ႕ဝွက္နာမည္ကိုေကာင္းေကာင္းထိန္းသိမ္းပါလို႕ေျပာခ်င္ပါတယ္။
ေအာက္မွာပံုနဲ႕ျပထားပါတယ္၊

kp3နည္းပညာအီးေမးလ္ Icon ေလးကကိုႏိုပ္လိုက္။အေပၚပံုတိုင္းေပါ့ေနာ္။

kp3family.လ်ိွဳ႕ဝွက္ခ်က္@blogger.com ....အီးေမးလ္ လိပ္စာပါ...

မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစျခင္ပါတယ္၊

ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု

kp3နည္းပညာ၊၁၄၅၊ဘေလာ့Post FontကိုDropdownပံုစံေျပာင္းခ်င္ရင္

အခုတင္တဲ့ Post ေလးကေတာ့ မိမိရဲ႕ဘေလာ့ Post Size ေျပာင္းတဲ့ Code ေလးပါဘဲ၊ သိျပီးၾကတဲ့မိတ္ေဆြ ေတြလည္းမ်ားမယ္ထင္ပါတယ္၊မသိေသးတဲ့သူငယ္ခ်င္းေတြအတြက္ပါ၊အခုဟာနဲ႕ဆိုရင္(၃)ခုေျမာက္လို႕
ေျပာလို႕ရပါတယ္။Post Size ေျပာင္းႏွင့္ Post အေရာင္ေျပာင္းနည္းေတြလည္း kp3နည္းပညာ၊၁၁၆၊ႏွင့္ kp3နည္းပညာ၊၁ဝ၃၊မွာလည္းရိွပါတယ္၊ပံုစံေတာ့မတူဘူးေပါ့ေနာ္၊ေအာက္မွာထည့္နည္းနဲ႕တကြ Code
ဥပမာၾကည့္လို႕ရေအာင္က်ေနာ္သံုးထားပါတယ္။

၁။Layout

၂။Add a page element

၃။Html/javascript

<script>
function go1(){
if (document.selecter2.select2.options
[document.selecter2.select2.selectedIndex].value != "none") {
document.getElementById('main').style.fontSize
=document.selecter2.select2.options
[document.selecter2.select2.selectedIndex].value
}
}

function go2(){
if (document.selecter2.select3.options
[document.selecter2.select3.selectedIndex].value != "none") {
document.getElementById('main').style.fontFamily
=document.selecter2.select3.options
[document.selecter2.select3.selectedIndex].value
}
}
</script>
<form id="forma" name="selecter2" method="POST">

<select onchange="go2()" style="font-family:verdana;font-size:8pt" name="select3" size="1">
<option value="Times New Roman"/>Times New Roman
<option value="Arial"/>Arial
<option selected value="Book Antiqua"/>Book Antiqua
<option value="Bookman Old Style"/>Bookman Old Style
<option value="Century Gothic"/>Century Gothic
<option value="Comic Sans Ms"/>Comic Sans Ms
<option value="Tahoma"/>Tahoma
<option selected value="Trebuchet Ms"//>Trebuchet Ms
<option value="Verdana"/>Verdana
</select>
<select onchange="go1()" style="font-family:verdana;font-size:8pt" name="select2" size="1">
<option value="8px"/>8
<option value="9px"/>9
<option value="10px"/>10
<option value="11px"/>11
<option selected value="12px"/>12
<option value="14px"/>14
<option value="16px"/>16
<option value="18px"/>18
</select></form><a href="http://kp3family.blogspot.com"><font size="1">Get This</font></a>

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

မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစျခင္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု

kp3နည္းပညာ၊၁၄၄၊ ဘေလာ့Sidebar Titles ေျပာင္းနည္း

အခုတင္တဲ့Post ေလးကေတာ့က်ေနာ္တို႕ရဲ႕Sidebar Titles ေျပာင္းနည္းေလးပါ၊တခ်ိဳ႕ Tamplate
ေတြကSidebar Titles ကအရမ္းေသးတယ္၊သိပ္ျပီးေတာ့မျမင္ရဘူးျဖစ္ေနတယ္၊ ဒါေၾကာင့္လိုအပ္တဲ့ ဘေလာ့မိတ္ေဆြေတြရွိရင္အဆင္ေျပသြားေအာင္ပါ၊ မိမိၾကိဳက္သလိုအေရာင္ပါေျပာင္းလို႕ရပါတယ္၊ ေအာက္မွာပံုနဲ႕တကြလုပ္နည္းေလးျပထားပါတယ္။

၁။Layout

၂။Edit HTML

ေအာက္က Code ကိုရွာပါ၊
]]></b:skin>
ေအာက္ကပံုစံအတိုင္းေတြ႕ရမွာပါ၊

    .sidebar h2 {
    margin:0;
    padding:0 0.2em;
    line-height:1.5em;
    }

    ]]></b:skin>
    </head>

ေအာက္ကအတိုင္းေျပာင္းေပးလိုက္ပါ၊ေနာက္တစ္ေၾကာင္းထပ္တိုးလိုက္ပါ၊

.sidebar h2 {
border:1px solid #000000;
margin:0;
padding:0 0.2em;
line-height:1.5em;
}

ေအာက္ပံု

ေနာက္ခံအေရာင္ထည့္ခ်င္ရင္ေတာ့ေအာက္ကဟာေလးထပ္တိုးေပးပါ။

background:#C3D9FF;

ေအာက္မွာၾကည့္ပါ၊

.sidebar h2 {
border:1px solid #000000;
margin:0;
padding:0 0.2em;
line-height:1.5em;
background:#C3D9FF;
}

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

မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု

kp3နည္းပညာ၊၁၃၃၊ Recent Comments Widgetလြယ္ကူစြာလုပ္နည္း

ႏွစ္သစ္ကာလဆိုေတာ့ Post အသစ္ေတြတင္ဖို႕အခ်ိန္သိပ္မရဘူးျဖစ္ေနတယ္၊ဒါကေတာ့လြယ္ကူစြာ
ႏွင့္ Recent Posts Widgetလုပ္နည္းေလးပါ၊က်ေနာ္ေအာက္မွာပံုနဲ႕ျပေပးထားပါတယ္၊စာေၾကာင္းေလး
တစ္ေၾကာင္းေရးလိုက္ရင္ရပါျပီး။ဟီး....

၁။'Layout'ကိုႏိုပ္ပါ>>'Add a Gadget'ကိုသြားမယ္ေအာက္ပံု၊

၂။ေအာက္မွာျပထားတဲ့'Feed'ကိုႏိုပ္လိုက္ပါ၊

၃။ေအာက္ကအကြက္ေလးထဲမွာ Blog Feed URL ကိုေရးလိုက္ပါ၊

(http://ဤေနရာမွာဘေလာ့နာမည္ေရးပါ.blogspot.com/feeds/posts/default?alt=rss) အဓိကဒါပါဘဲ။
၄။Save ကိုႏိုပ္လိုက္ပါ။ျပီးပါျပီ။။
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစျခင္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု

kp3နည္းပညာ၊၁၃၂၊Contact me form ေတြ Cbox ေတြကို Popup စတိုင္း ေလးနဲ.လုပ္ခ်င္ရင္

ဘေလာ့ဂါမိတ္ေဆြမ်ားအားလံုးႏွစ္သစ္မွာကိုယ္စိတ္ႏွလံုးက်န္းမာခ်မ္းသာၾကပါေစးလို႕ဆုမြန္
ေကာင္းေတာင္းရင္းႏွင့္ႏွစ္သစ္ Post ေလးအျဖင့္ Popup Boxes ေလးဘေလာ့မွာထားျခင္တဲ့မိတ္ေဆြ
ေတြအတြက္တင္လိုက္ပါတယ္၊ေတာ္ေတာ္ေလးလည္းလွပါတယ္၊ေအာက္မွာအသံုးဝင္ပံုေလးႏွင့္အသံုးျပဳ
နည္း Demo လင့္ခ္ေတြေပးထားပါတယ္၊မိမိရဲ႕ Contact me form ေတြ Cbox ေတြကို Popup စတိုင္း
ေလးနဲ႕လုပ္ရင္ဘေလာ့ကိုပိုျပီးလွပသြားသလိုပါဘဲေအာက္မွာ Demo လင့္ခ္မွာသြားၾကည့္ၾကပါ။
ဆက္သြယ္ရန္ဆိုျပီး Buttonေလးရိွပါတယ္။ႏိုပ္ၾကည့္လိုက္ရင္ေတာ့ေတြ႕ၾကမွာပါေနာ္၊ၾကိဳက္ၾကမယ္
ေတာ့ထင္တာဘဲ..ဟီး.ဒါေပမယ့္ႏွစ္ခုတြဲသံုးလို႕မရတာဆိုးတယ္ကြာ။ေအာက္မွာထည့္နည္းနဲ႕တကြCode

၁။Layout

၂။Edit HTML

ေအာက္က Code ကိုရွာပါ၊
</head>

ေတြ႕ျပီဆိုရင္ေအာက္မွာ၊ေအာက္ကCode ကိုထပ္ထည့္ေပးလိုက္ပါ၊

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[

/***************************/
//@Author: Adrian "yEnS" Mato Gondelle
//@website: www.yensdesign.com
//@email: yensamg@gmail.com
//@license: Feel free to use it, but keep this credits please!   
/***************************/

//SETTING UP OUR POPUP
//0 means disabled; 1 means enabled;
var popupStatus = 0;

//loading popup with jQuery magic!
function loadPopup(){
//loads popup only if it is disabled
if(popupStatus==0){
$("#backgroundPopup").css({
 "opacity": "0.7"
});
$("#backgroundPopup").fadeIn("slow");
$("#popupContact").fadeIn("slow");
popupStatus = 1;
}
}

//disabling popup with jQuery magic!
function disablePopup(){
//disables popup only if it is enabled
if(popupStatus==1){
$("#backgroundPopup").fadeOut("slow");
$("#popupContact").fadeOut("slow");
popupStatus = 0;
}
}

//centering popup
function centerPopup(){
//request data for centering
var windowWidth = document.documentElement.clientWidth;
var windowHeight = document.documentElement.clientHeight;
var popupHeight = $("#popupContact").height();
var popupWidth = $("#popupContact").width();
//centering
$("#popupContact").css({
"position": "absolute",
"top": windowHeight/2-popupHeight/2,
"left": windowWidth/2-popupWidth/2
});
//only need force for IE6

$("#backgroundPopup").css({
"height": windowHeight
});

}


//CONTROLLING EVENTS IN jQuery
$(document).ready(function(){

//LOADING POPUP
//Click the button event!
$("#button").click(function(){
//centering with css
centerPopup();
//load popup
loadPopup();
});

//CLOSING POPUP
//Click the x event!
$("#popupContactClose").click(function(){
disablePopup();
});
//Click out event!
$("#backgroundPopup").click(function(){
disablePopup();
});
//Press Escape event!
$(document).keypress(function(e){
if(e.keyCode==27 && popupStatus==1){
 disablePopup();
}
});

});

//]]>
</script>

<style type='text/css'>
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:200px;
width:350px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}
#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}
#button{
text-align:center;
margin:100px;
}
</style>

၃။Save Template button.ႏိုပ္ပါ။။

ဒုတိယအဆင့္။

၁။Layout

၂။Page Elements

၃။Add a Gadget

၄။HTML/Javascript' မွာေအာက္က Code ကိုထည္႕လိိုက္ပါ။
<div id="button"><input type="submit" value="ဒီမွာPopup-Button-အမည္ေရးပါ(ဥပမာ-contect me)" /></div> <div id="popupContact"> <a id="popupContactClose">x</a> <h1> ဒီမွာPopup title ေရးပါ(မိမိၾကိဳက္သလိုပါ)</h1> <p id="contactArea"> ဤေနရာမွာမိမိရဲ႕ Code ကိုထည့္ေပးပါ </p> </div> <div id="backgroundPopup"></div>

DEMOလင့္ခ္ဒီမွာ

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

မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု