Sunday, January 10, 2010

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

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

၁။Layout

၂။Edit HTML

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





<data:postCommentMsg/>

Stumble
Delicious
Technorati
Twitter
Facebook
Yahoo
Reddit
Feed

Wednesday, January 6, 2010

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

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


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

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


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

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

Stumble
Delicious
Technorati
Twitter
Facebook
Yahoo
Reddit
Feed

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

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

၁။Layout

၂။Add a page element

၃။Html/javascript

&lt;script&gt;
function go1(){
if (document.selecter2.select2.options
[document.selecter2.select2.selectedIndex].value != &quot;none&quot;) {
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 != &quot;none&quot;) {
document.getElementById('main').style.fontFamily
=document.selecter2.select3.options
[document.selecter2.select3.selectedIndex].value
}
}
&lt;/script&gt;
&lt;form id=&quot;forma&quot; name=&quot;selecter2&quot; method=&quot;POST&quot;&gt;

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

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

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

Stumble
Delicious
Technorati
Twitter
Facebook
Yahoo
Reddit
Feed

Tuesday, January 5, 2010

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မိသားစု

Stumble
Delicious
Technorati
Twitter
Facebook
Yahoo
Reddit
Feed

Monday, January 4, 2010

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မိသားစု

















Stumble
Delicious
Technorati
Twitter
Facebook
Yahoo
Reddit
Feed

Friday, January 1, 2010

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မိသားစု

Stumble
Delicious
Technorati
Twitter
Facebook
Yahoo
Reddit
Feed
 

Copyright 2009.kp3tester Powered by Blogger

Blogger Templates created by Deluxe Templates

Images by Indeziner