Bloggroll

Sunday, June 27, 2010

kp3နည္းပညာ၊၂၇၄၊ဘေလာ့မွာ Related Post ေတြကို Marquee ကိုသံုးျပီးလွလွေလးလုပ္နည္း

အခုနတင္တဲ့ Post ေလးကေတာ့က်ေနာ္တို ့ဘေလာ့ဂါေလာကမွာအသစ္လို ့ေျပာရင္လည္းမမွားပါ၊မိမိရဲ့ Relate Post ေတြကို You might also like: စတိုင္းလို Thumbnailလိုေအာက္မွာေပၚေအာင္လုပ္နည္း ေလးတမ်ိဳး ပါ၊ထူျခားတာေလးကေတာ့အခုဟာေလးက Marquee သံုးျပီးလုပ္ထားတာပါေအာက္မွာပံုနဲ ့တ ကြျပထား သလို Kp-3 ဘေလာ့မွာလည္းေတြ ့ၾကမယ္လို့ထင္ပါတယ္။ျပည္ပဘေလာ့ေတြလည္းအားလံုး ေတာ္ေတာ္မ်ား မ်ားၾကည့္ဖူးၾကမယ္ထင္ပါတယ္၊ဒီနည္းပညာ kp3 သံုးတာလည္းသိပ္မၾကာေသးပါဘူး။ ထည့္နည္းကေတာ့ ေအာက္မွာပံုနဲ ့တကြျပထားေပးပါတယ္။အားလံုးကိုလည္းေက်းဇူးကမာၻ

You might also like: စတိုင္ကေတာ့ဘေလာ့မွာသံုးတဲ့သူေတြမရွိသေလာက္ပါဘဲ။မသိေသးတဲ့ဘေလာ့မိတ္ေဆြေတြအတြက္ ေအာက္မွာသြားယူရန္လင့္ခ္ေလးထားေပးပါတယ္။ေအာက္ပံု

ဒီမွာသြားယူလိုက္ပါ။

ေအာက္ကအတိုင္း Code ကိုထပ္ထည့္ေပးလိုက္ရင္အခုKP_3သံုးထားတဲ့အတိုင္းေပၚလာလိမ့္မည္။
ေအာက္ပံု။


ဒီမွာၾကည့္လိုက္ပါ။

၁။Layout

၂။Edit HTML

၃။Expand Widget Templates ကိုအမွန္ျခစ္ေပးလိုက္ပါ။

ေအာက္က Code ကိုရွာပါ။
</head>
ေတြ ့ျပီဆိုရင္ေအာက္မွာေအာက္က Code ကိုထည့္ေပးလိုက္ပါ။
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
<!-- remove --></b:if>
ေအာက္က Code ကိုထပ္ရွာပါ။
<div class='post-footer-line post-footer-line-1'>
အေပၚက Code ကိုမေတြ ့ဘူးဆိုရင္ေအာက္က Code ကိုရွာပါ။
<p class='post-footer-line post-footer-line-1'>
အေပၚက Code တစ္ခုခုိကုိေတြ ့ျပီဆိုရင္ေအာက္မွာေအာက္က Code ကိုထည့္ေပးလိုက္ပါ။
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=12&quot;' type='text/javascript'/></b:if></b:loop>
<h3><b>Related Posts</b></h3>
<marquee align='center' behavior='alternate' direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=10;
var relatedpoststitle=&quot;&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script></marquee>
</div><div style='clear:both'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://kp3family.blogspot.com' style='display:none;'>kp3family</a>
</b:if>
</b:if>
၄။Save Template ကိုႏိုပ္လိုက္ပါ။ျပီးပါျပီ ။ ။ ။

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

Wednesday, June 23, 2010

kp3နည္းပညာ၊၂၇၃၊ဘေလာ့မွာPage Navigation အသစ္ေလးထည့္နည္း

အခုတင္တဲ့ Post ေလးကေတာ့က်ေနာ္တို ့ရဲ ့ဘေလာ့မွာ Page Navigation အသစ္ေလးထည့္ခ်င္တဲ့ဘေလာ့ မိ္တ္ေဆြေတြအတြက္ပါ။အခုတင္တာနဲ ့ဆိုရင္ ၃ ခုေျမာက္ပါဘဲ။ေနာက္တျခားဟာေတြလည္းတင္ဖို ့စဥ္းစား ထားပါတယ္။သံုးရတာအဆင္ေျပအေျပအရင္ၾကည့္ၾကေပါ့ေနာ္။က်ေနာ္ကေတာ့တျခားဟာေတြထက္ေတာ့ ပိုျပီးလွမယ္ထင္ပါတယ္၊ေအာက္မွာပံုနဲ ့Code ေပးထားပါတယ္။ ပထမတခုကေတာ့  kp3နည္းပညာ၊၁၊ နဲ ့ kp3နည္းပညာ၊၁၅၂၊မွာရွိပါတယ္။



၁။Layout

၂။Edit HTML

ေအာက္က Code ကိုရွာပါ၊
]]></b:skin>
ေတြ႕ျပီဆိုရင္အေပၚမွာေအာက္က Code ေတြကိုထည့္ေပးလိုက္ပါ။
.showpageArea {
font-family:verdana,arial,helvetica;
color: #000;
font-size:11px;
margin:10px;
}

.showpageArea a {
color: #fff;
}

.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
background: #363636 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp3.jpg) 0 -25px repeat-x;
}

.showpageNum a:hover {
background: #044697 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp3.jpg) 0 -50px repeat-x;
}

.showpagePoint {
color:#fff;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
background: #e30000 url(whttp://i879.photobucket.com/albums/ab351/bloggerblogimage/wp3.jpg) 0 0 repeat-x;
text-decoration: none;
}

.showpageOf{
margin:0 8px 0 0;
}
ေအာက္က Code ကိုထပ္ရွာပါ။
</body>
ေတြ ့ျပီဆိုရင္အေပၚမွာေအာက္က Code ကိုထပ္ထည့္ေပးလိုက္ပါ။
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=6;
var displayPageNum=6;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://files.bloggerwidgets.cz.cc/js/page-navi2.0.js' type='text/javascript'/>
</b:if>
</b:if>
၃။Save Tamplate ကိုႏိုပ္လိုက္ပါ။ျပီးပါျပီ ။ ။ ။

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

Sunday, June 20, 2010

kp3နည္းပညာ၊၂၇၂၊ဘေလာ့မွာ Social Bookmark အသစ္ေလးထည့္ခ်င္ရင္

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

ေအာက္ပံု။ ။


ဒီမွာ သြားယူၾကေတာ့ေနာ္။

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

Saturday, June 19, 2010

kp3နည္းပညာ၊၂၇၁၊ဘေလာ့ကိုစားသားေတြကို Copy လုပ္တဲ့အခါအေရာင္ေျပာင္း ျပီးေပၚေအာင္လုပ္နည္း

အခုတေလာအလုပ္ေတြမ်ားေနလို ့အသစ္ေတြတင္ဖို ့မ်ားေပမယ့္မတင္ႏိုင္ဘူးျဖစ္ေနတယ္ဗ်ာ၊ဒီေန ့Post ကေတာ့က်ေနာ္တို ့ရဲ ့ဘေလာ့ Post ေတြကိုCopy လုပ္တဲ့အခါမွာအေရာင္းတမ်ိဳးေလးနဲ ့ေပၚ ေအာင္လုပ္ခ်င္ တဲ့ဘေလာ့မိတ္ေဆြေတြအတြက္ပါ၊ေအာက္မွာပံုနဲ ့ျပထားေပးပါတယ္။ ဘေလာ့မိတ္ေဆြမ်ားအားလံုးေက်းဇူအထူးပါဗ်ာ။

ပံုမွန္ Copy ရင္ေအာက္ပံုအတိုင္းေပၚပါတယ္။


Code ထည့္ျပီးသြားရင္ေအာက္ပံုအတိုင္းေပၚမွာျဖစ္ပါတယ္။


၁။ Layout

၂။Edit HTML

ေအာက္က Code ကိုရွာပါ။
</head>
ေတြ ့ျပီဆိုရင္ေအာက္မွာေအာက္က Code ကိုထည့္္ေပးလိုက္ပါ။


<style type="text/css">
::selection {background:#cc0000;color:#ffffff;}
::-moz-selection{background:#cc0000;color:#ffffff;}
code::selection {background: #333333;color:#ffffff;}
code::-moz-selection {background: #333333;color:#ffffff;}
pre::selection {background: #44ceff;color:#ffffff;}
pre::-moz-selection {background: #44ceff;color:#ffffff;}
</style>
၃။Save Template ႏိုပ္လိုက္ပါ။ျပီးပါျပီ ။ ။ ။

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

Tuesday, June 15, 2010

kp3နည္းပညာ၊၂၇၀၊အခမဲ့ SubDomain name အသစ္ေလးသံုးခ်င္ရင္


အခမဲ့ SubDomain name အသစ္ေလးလားပါျပီဗ်ာ၊က်ေနာ္တို Blogspot.com တို ့ co.cc၊co.nr နွင့္ .tk တ္ို ့ထက္ အရမ္း ကိုေကာင္းတယ္လို ့ေျပာလို ့ရပါတယ္။ Loading ကလည္း co.cc နဲ ့ .tkထက္လည္းျမန္ပါတယ္။ အခုရတဲ့ Domain ေတြကေတာ့ ဥပမာ(http://kp3.r8.org/) (http://kp3.ne1.net/) (http://kp3.0vr.net)ဒီ ၃ ခုထဲကေနမိမိၾကိဳက္တဲ့ Domain ကိုေရြးလို ့ရပါတယ္။၃ ခုစလံုးလည္းယူခ်င္ရင္လည္းရပါတယ္။ အားလံုး နမူနာၾကည့္လို ့ရေအာင္ျပထား ပါတယ္-http://kp3.ne1.net/ နဲ ့ http://kp3.r8.org/ ကိုလည္းက်ေနာ္ လုပ္ထားပါတယ္။ၾကိဳက္မယ္လို ့ လည္းေမ်ာ္ လင့္ပါတယ္။co.cc ႏွင့္.tk ကသံုးတဲံသူေတြလည္းမ်ားေနျပီ ဆို ေတာ့ ဆန္းဆန္းလွလွေလး သံုးခ်င္တဲ့ဘေလာ့ မိတ္ေဆြေတြအတြက္ပါ။ အသစ္ေလးပါဗ်ာေအာက္မွာ သြား ယူ ရမယ့္လင့္ခ္ေလးလဲေပးထားပါတယ္။Sign Up လုပ္ေပးလိုက္ရင္ရပါျပီ Sign Up လုပ္နည္းကလည္းမသိတဲ့ ဘေလာ့မိတ္ေဆြေတြရွိမွာဆိုးလို ့ပံုနဲ ့တကြျပထား ေပးပါတယ္။အားလံုးေက်းဇူးအထူးပါဗ်ာ

kp-3ဘေလာ့မွာလည္းတင္ထားေပးပါတယ္။

ဒီမွာသြားယူလိုက္ပါ။ 


 အဆင့္။၁။မိမိၾကိဳက္တဲ့နာမည္ကိုေရြးေပးလိုက္ပါ။ေအာက္ပံု

 အဆင့္။၂။မိမိရဲ့အီးေမးလ္လိပ္စာေတြနဲ ့အစားထိုးေပးလိုက္ပါ။

Regster ကိုႏိုပ္ျပီးသြားရင္ရပါျပီး။မိမိယူထားနားမည္နဲ ့၀င္ၾကည့္လိုက္ပါ။ဘေလာ့မိတ္ေဆြအားလံုးအဆင္ေျပ
ၾကပါေစလို ့ဆုမြန္ေကာင္းေတာင္းလွ်က္ KP-3 မိသားစု

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

Sunday, June 13, 2010

kp3နည္းပညာ၊၂၆၉၊ဘေလာ့မွာ KP-3 Recent Posts အသစ္ေလးထည့္နည္း

အခုတင္တဲ့ Post ေလးကေတာ့က်ေနာ္တို ့ဘေလာ့တိုင္းမွာေတာ့ရွိျပီးသားေတြပါဘဲ၊Recent Posts ကိုဘေလာ့ မွာအမ်ိဳးမ်ိဳးနဲ ့ထည့္ၾကတာေတြလည္းေတြ ့ရပါတယ္။ဒါေၾကာင့္ေနာက္ထပ္သူမ်ားေတြနဲ ့မတူေအာင္ထည့္ခ်င္ တဲ့ဘေလာ့မိတ္ေဆြေတြအတြက္ပါ။ အခုဒီ Recent Posts Widget ေလးကေတာ့ ပံုးကလည္းေသးေသးေလး မိမိရဲ ့ Posts ေခၚင္းစဥ္နဲ ့တြဲျပီးေပၚတယ္ေနာက္ Commments လည္းတြဲေပၚတာေပါ့ေနာ္၊ လိုခ်င္တဲ့ဘေလာ ့ မိတ္ေဆြရွိခဲ့ရင္ပါေအာက္မွာပံုနဲ့တကြ Code ေပးထားပါတယ္။ ဘေလာ့မိတ္ေဆြအားလံုးေက်းဇူးကမာၻ ထည့္ေပးရမယ့္ေနရာကေတာ့ေအာက္မွာပံုနဲ ့တကြ Code ျပထားေပးပါတယ္။





<!--kp-3 recent-post-->
<script language="JavaScript">


imgr = new Array();




imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";


imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";


imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";


imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";


imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;


boxwidth = 298;


cellspacing = 8;


borderColor = "#ffffff";


bgTD = "#000000";


thumbwidth = 40;


thumbheight = 40;


fntsize = 12;


acolor = "#666";


aBold = true;


icon = " ";


text = "comments";


showPostDate = false;


summaryPost = 40;


summaryFontsize = 10;


summaryColor = "#666";


icon2 = " ";


numposts = 10;


home_page = "http://kp3family.blogspot.com/";


</script>


<script src="http://bloggeruserutilities.googlepages.com/recentposts_thumbnail.js" type="text/javascript"></script>
<!-end-http://kp3family.blogspot.com--></!-end-http:>


မွတ္ခ်က္။ ။home_page = "http://kp3family.blogspot.com/"; ေနရာမွာမိမိရဲ ့ဘေလာ့ နာမည္ေလးေရးေပးလိုက္ပါ။

numposts = 10;ကိုမိမိေပၚေစခ်င္သေလာက္နံပါတ္ေလးေျပာင္းေပးလိုက္ပါ။

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

kp3နည္းပညာ၊၂၆၈၊ဘေလာ့မွာQuick Edit Icon ေလးျဖဳတ္နည္း

အခုတင္တဲ့ Post ေလးကေတာ့ဘေလာ့ဂါသမားေတြအားလံုးျမင္ဖူးၾကမွာပါ။ဥပမာက်ေနာ္တို ့ရဲ ့ဘေလာ့ကို Sign in ၀င္လိုက္ျပီးက်ေနာ္တို ့ရဲ ့ဘေလာ့ကို View Blog နဲ ့ၾကည့္လိုက္ရင္ Quick Edit Icon ေလးေတြ ့ၾကမွာပါ။ ေအာက္မွာပံုနဲ ့တကြျပထားေပးပါတယ္၊ဒီ Post ေလးက Quick Edit Icon ကိုျဖဳတ္ခ်င္တဲ့ဘေလာ့မိတ္ေဆြေတြ အတြက္ပါ။ အားလံုးေက်းဇူးအထူးပါဗ်ာ



၁။ Layout

၂။Edit HTML

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

]]></b:skin>

ေတြ ့ျပီဆို၇င္အေပၚမွာေအာက္က Css Code ကိုထည့္ေပးလိုက္ပါ။

.quickedit{
display:none;
}

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

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

Saturday, June 12, 2010

kp3နည္းပညာ၊၂၆၇၊ဘေလာ့အတြက္ KP-3 Horizontal Tabs Menu ေလးထည့္နည္း

ဒီေန့တင္တဲ့ Post ေလးကေတာ့KP-3 ရဲ ့Horizontal Tabs Menu ေလးပါ။ဒီ Menu ေလးနဲ ့ Cboxမွာေတာင္းဆို ထား တဲ့ဘေလာ့မိတ္ေဆြေတြႏွင့္အီးေမးလ္မွာေတာင္းဆိုထားတဲ့ ဘေလာ့မိ္တ္ေဆြေတြရဲ ့ ့ေတာင္းဆိုထား တာေလးေတြပါ။သိျပီးသားဘေလာ့မိတ္ေဆြေတြလည္းမ်ားမွာပါ။ ဒါေပမယ့္မသိၾကေသးတဲ့ဘေလာ့ မိတ္ေဆြ ေတြလည္းမ်ားမယ္ထင္ပါတယ္အရမ္းကိုအသံုး၀င္ပါတယ္။ က်ေနာ္ခဏခဏအေမးခံဖူးပါတယ္။ဘာျဖစ္လို ့ Menu ကိုႏိုပ္ရင္တက္မလာတာလဲလို ့ေျပာၾကပါတယ္။ဥပမာမိမိရဲ ့Menu မွားေပးထားတဲ့နာမည္းက (နည္းပညာ) ထားပါေတာ့ အဲဒီMenu မွာေပးထားတဲ့နာမည္နဲ ့မိမိရဲ ့ Labels မွာေပးထားတဲ့နာမည္တူဖို ့့ လို ပါ တယ္။ ျပီးေတာ့အဲဒီလင့္ခ္ရဲ ့လိပ္စာကလည္း http://မိမိရဲ ့ဘေလာ့နာမည္ေရးပါ/search/label/ဒီမွာLabelsမွာ ေပး ထားတဲ့နာမည္(နည္းပညာ)ေပါ့ေနာ္? max-results=100 ဒီအတိုင္းျဖစ္မွမိမိရဲ ့လင့္ခ္ေတြကတက္လာ မွာ ျဖစ္ပါတယ္။က်ေနာ္ေအာက္မွာဥပမာလင့္ခ္ေတြလဲျပထားေပးသလိုဒီအခုတင္တဲ့Menu လင့္ခ္ေတြမွာ လဲသံုး ထားေပးပါတယ္။ဘေလာ့မိတ္ေဆြအားလံုးၾကိဳက္ၾကမယ္လို ့လည္းေမ်ာ္လင့္ပါတယ္။အားလံုးကိုေက်းဇူးကမာၻ

ဒီမွာသြားၾကည့္လိုက္ပါ။




၁။ Layout

၂။Edit HTML


ေအာက္က Code ကိုရွာပါ။
]]></b:skin>

ေတြ ့ျပီဆို၇င္အေပၚမွာေအာက္က Css Code ကိုထည့္ေပးလိုက္ပါ။

<!--Horizontal-Tabs-BEGIN-->
.animatedtabs{
border-bottom: 1px solid gray;
overflow: hidden;
width: 100%;
font-size: 14px; /*font of menu text*/
}

.animatedtabs ul{
list-style-type: none;
margin: 0;
margin-left: 10px; /*offset of first tab relative to page left edge*/
padding: 0;
}

.animatedtabs li{
float: left;
margin: 0;
padding: 0;
}

.animatedtabs a{
float: left;
position: relative;
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0eZvj4Gx3Z5hzEuh8XRFR4-tJpguGiWVtmDF50Oe6HP3I1eEaOPiFM4eXdUcj57N0CWN_RU5rTY-0Axl_2WHFZPgBF62-qpbIeYMcgJkGHO67zw7dJUAFpquroSanP_DOfh3abVoDfyw/s320/tab-blue-left.gif) no-repeat left top;
margin: 0;
margin-right: 3px; /*Spacing between each tab*/
padding: 0 0 0 9px;
text-decoration: none;

}

.animatedtabs a span{
float: left;
position: relative;
display: block;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGSY5zCq3UiVYMWX0Bsi9WQbiFTh09VBmY7r-gnJ1ITkrjxNfdnKbH9XxOotNPPSS2C-5guvCcrDPpannpvyUwgbYvsMvAlop1W_1xMtit_h4FXEilSypA_HMPQsbntUlawz3vVzcaJ4M/s320/tab-blue-right.gif) no-repeat right top;
padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: bold;
color: black;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span {float:none;}
/* End IE5-Mac hack */

.animatedtabs .selected a{
background-position: 0 -125px;
top: 0;
}

.animatedtabs .selected a span{
background-position: 100% -125px;
color: black;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

.animatedtabs a:hover{
background-position: 0% -125px;
top: 0;
}

.animatedtabs a:hover span{
background-position: 100% -125px;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}
<!--Horizontal-Tabs-END-http://kp3family.blogspot.com-->

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

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Your Blog Title' type='Header'/>
</b:section>
</div>

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

<div class='animatedtabs'>
<ul>
<li><a href='http://kp3family.blogspot.com/' title='Home'><span>မူလစာမ်က္ႏွာ</span></a></li>
<li><a href='http://kp3family.blogspot.com/search/label/နမူနာ' title='နာမူနာၾကည့္ရန္'><span>နမူနာ</span></a></li>
<li><a href='http://kp3family.blogspot.com/search/label/kp3မိသားစု' title='နာမူနာၾကည့္ရန္'><span>kp3မိသားစု</span></a></li>
<li><a href='http://kp3family.blogspot.com/search/label/နည္းပညာမ်ား' title='နာမူနာၾကည့္ရန္'><span>နည္းပညာမ်ား</span></a></li>
<li><a href='http://kp3family.blogspot.com/search/label/အေထြေထြ'title='နာမူနာၾကည့္ရန္'><span>အေထြေထြ</span></a></li>
<li><a href='http://kp3family.blogspot.comsearch/label/ဆက္သြယ္ရန္'title='နာမူနာၾကည့္ရန္'><span>ဆက္သြယ္ရန္</span></a></li>
</ul>
</div>

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

မွတ္ခ်က္။  ။ KP-3 လင့္ခ္ေတြကိုမိမိရဲ  ့လင့္ခ္ေတြနဲ ့အစားထိုးေပးလိုက္ပါ။

မိမိရဲ  ့Labels လင့္ခ္ေတြကို ေအာက္ကေပးထားတဲ့အတိုင္းဆုိရင္ပိုျပီးအလုပ္လုပ္ပါတယ္။
http://kp3family.blogspot.com/search/label/CHAT BOX-10?
    max-results=100

နမူနာၾကည့္ရန္က မိမိေပးတဲ့ menu နာမည္ကို Mouse နဲ ့ေထာက္လိုက္ရင္ေပၚလာမယ့္နာမည္ျဖစ္ပါတယ္။

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

Tuesday, June 8, 2010

kp3နည္းပညာ၊၂၆၆၊ဘေလာ့ကေနျပီးအပ်င္းေျပေခြးကိုအစာ ေကြ်းခ်င္ရင္

အခုတင္တဲ့ Post ေလးကေတာ့က်ေနာ္တို ့ဘေလာ့မွာအပ်င္းေျပေဆာ့ခ်င္တဲ့ဘေလာ့မိတ္ေဆြေတြ အတြက္ပါ၊ ေအာက္မွာပံုနဲ ့တကြ Code ေပးထားပါတယ္။ေခြးကိုအစားေကြ်းၾကမယ္ေနာ္။ အားလံုးကိုခင္မင္ေလးစားလွ်က္ ေကပီသရီးမိသားစု








<img style="visibility:hidden;width:0px;height:0px;" border="0" width="0" height="0" src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNzQ3MDE1NTUwMTUmcHQ9MTI3NDcwMTU5MzQ4NCZwPTU1NzEmZD*mZz*yJm89YWU5NTUwNDc*NGI1NDBjZjhkZjQx/MzZmZGE5NTNmN2U=.gif" /><bunnyhero pet start />
<div style="width: 250px; padding: 0; margin: 0; text-align: center">
<embed src="http://petswf.bunnyherolabs.com/adopt/swf/wolf" width="250" height="300" quality="high" bgcolor="ffffff" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="cn=raspberry&an=swolf&clr=0xd3d3d5" type="application/x-shockwave-flash">
</embed><br />

</div>
<bunnyhero pet end /></bunnyhero></bunnyhero>

အေပၚက Code ကိုေအာက္ကအတိုင္းထည့္ေပးလိုက္ပါ။



Save ႏိုပ္လိုက္ပါ။

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

kp3နည္းပညာ၊၂၆၅၊ဘေလာ့မွာ Older post, Newer post & Home links ေတြကအလုပ္မလုပ္ခဲ့ရင္

အခုတင္တဲ့ Post ကေတာ့က်ေနာ္တို ့တခါတေလး Tamplate က Older post, Newer post & Home links ေတြက အလုပ္မလုပ္ခဲ့ရင္ေအာက္မွာျပထားေပးတဲ့ Code အတိုင္းျပန္ေျပာင္းေပးၾကပါ။ ျဖစ္ခဲပါတယ္ ဒါေပ မယ့္ျဖစ္တတ္တာေလးေတြမို ့ Post အေနနဲ ့တင္လိုက္ရတာပါ။ အားလံုးေက်းဇူးအထူးပါ။

 ၁။Layout

၂။Edit HTML

ေအာက္က Code ကိုရွာပါ၊
#blog-pager-newer-link {
float: left;
}

#blog-pager-older-link {
float: right;
}

#blog-pager {
text-align: center;
}
ေတြ ့ျပီဆိုရင္ေအာက္က Code နဲ ့အစားထ္ိုးေပးလိုက္ပါ။
#blog-pager-newer-link {
float: left;
display: inline;
}

#blog-pager-older-link {
float: right;
display: inline;}

#blog-pager {
text-align: center;
display: inline;
}
၃။Save Template ႏိုပ္လိုက္ပါ။ျပီးပါျပီ ။ ။

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

Sunday, June 6, 2010

kp3နည္းပညာ၊၂၆၄၊အေကာင္းဆံုးဘေလာ့ဂါ Template Generators-၅ ခု

အခုတင္တာေလးကေတာ့မိမိစိ္တ္တိုင္းက် Tamplate တည္ေဆာက္ခ်င္တဲ့ ဘေလာ့မိတ္ေတြအတြက္ေပါ့ ေနာ္။ Template Generators-၅ ခုရဲ  ့လင့္ခ္ကိုေအာက္မွာပံုနဲ ့တကြျပထားေပးပါတယ္။ အားလံုးကိုလည္းေက်းဇူးအထူပါ။

Firdamatic Layout Generator


Pimp My Profile Blogger Template Generator

Trix Template Generator

၄။PsycHo Template Generator
 

၅။Artisteer Blogger Template Maker 


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

Thursday, June 3, 2010

kp3နည္းပညာ၊၂၆၃၊ဘေလာ့ Post ေတြကိုမတင္ခင္မွာအရင္ဆံုး Preview ဆိုျပီးၾကည့္လို ့ရပါျပီ

အခုတင္တဲ့ Post ေလးကေတာ့အရမ္းကိုေကာင္းတယ္လို ့ေျပာလို ့ရပါတယ္၊က်ေနာ္တို ့ေရးျပီးသား Post ေတြကို Publish Post မေပးခင္မွာအရင္ဆံုး Preview ဆိုျပီးၾကည့္လို ့ရပါျပီ။ Draft Blogger ကေနအရင္သြားျပီး Post ေတြ ကို တင္လိုက္ပါ၊ေအာက္မွာက်ေနာ္ပံုနဲ ့တကြျပထားေပးပါတယ္.၊ ဘေလာ့မိတ္ေဆြအားလံုးလည္းၾကိဳက္ၾက မယ္ လို ့ေမ်ာ္လင့္ပါတယ္။အားလံုးကိုေက်းဇူးကမာၻ





ေအာက္ပံု


အေပၚမွာျမွားနဲ ့ျပထားေပးပါတယ္။ Preview ကိုႏိုပ္လိုက္ရင္ေအာက္ပံုအတိုင္းေတြ  ့ရမွာျဖစ္ပါတယ္။



ကိုတင္တဲ့ Post ကိုအဆင္ေျပလားဆိုတာအရင္ၾကည့္လို  ့ရပါတယ္။

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

Wednesday, June 2, 2010

kp3နည္းပညာ၊၂၆၂၊ဘေလာ့မွာ BOOKMARK and SHARE Widget ေလးထည့္နည္း

ဒါေလးကေတာ့က်ေနာ္တို ့ရဲ ့ဘေလာ့မွာ BookMark နွင့္ Share Widget ေလးထည့္ထားခ်င္တဲ့ဘေလာ့ မိတ္ ေဆြ အတြက္ေပါ့ေနာ္ေအာက္မွာပံုနဲ ့တကြျပေပးထားပါတယ္။ ဘေလာ့မွာထည့္ထားခ်င္ရင္ေတာ့ Code နဲ ့ တကြထည့္နည္းေလးျပထားပါတယ္။

၁။Layout

၂။Page Element

၃။Add a gadget သြားမယ္၊ေအာက္က

၄။Html/java script မွာေအာက္က Code ကိုထည့္လိုက္ပါ။
<center><tr>
<td valign="top" width="50%">
<table border="0" cellpadding="0" cellspacing="0" width="222">
<tbody>
<tr>
<td width="28" height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi5IweA0ZEjSjo9th2EGnAOqYaoNpNU82-7V9b_plY6NrtioMC39kZHV_9ZKaHdLrw_ipdYIf9DuNSFvlwjzenRmQGrQq3M7WuY1brRaKWWM7G20w6rEwzFdjGqo8vh5hdg4uwgc2vcns/s400/FACEBOOK.png" height="25" /></td>
<td height="30"><a href="http://www.facebook.com/sharer.php?u=http:// ဤေနရာမွာမိမိရဲ ့ဘေလာ့နာမည္ေလးေရးပါ.blogspot.com" target="_blank" rel="nofollow">Share on Facebook</a></td>
</tr>
<tr>
<td height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQQqFNm1hcX-15U8tZ2iPOu0kgCA8JVAGAprLa4cWKLtjQGAyfq5BczgGV1OiyN9GNOpdIabgMCD8-C9jdzv2eCDSmmYtO_t_Al7jTYw4C0_Dfnzp7RFIsYGv6FdQduYMWHJfB9SsKuUY/s400/TWITTER.png" height="25" /></td>
<td height="24">
<a href="http://twitthis.com/twit?url=http:// ဤေနရာမွာမိမိရဲ ့ဘေလာ့နာမည္ေလးေရးပါ.blogspot.com">Share on Twitter</a></td>

</tr>

<tr>
<td height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA8Z2lZMNYTUq9o0_zvqvsdDGTe03rGn6bsdXMVtwqjnhx12-feM21BhkhY0CTvfKZTKUde5AmBd0G6VZ6agHkXfCQo7CJITXFUpwuJeJGwZuF2CjrAhB8KziyOLDfZHo4FxhMpQ-RFPg/s400/STUMBLE-UPON.png" height="25" /></td>
<td height="30"><a href="http://www.stumbleupon.com/submit?url=http:// ဤေနရာမွာမိမိရဲ ့ဘေလာ့နာမည္ေလးေရးပါ.blogspot.com" target="_blank" rel="nofollow">Share on StumbleUpon</a></td>
</tr>
<tr>
<td height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifrmpGj4RpdOrgnDjPzqEv7fTMUwA3SEX8yCrPjFZ1dit5PMv_p4_0UyaqxDiMfbTbyW6nGQrb9ZddFeVg9Q-cwWWWdHxsk5dnZ6AqZx0lum1FOlMQf50RXg2jWlqMvpcSPfECwNZm5Q0/s400/DELICIOUS.png" height="25" /></td>
<td height="30"><a href="http://del.icio.us/post?url=http:// ဤေနရာမွာမိမိရဲ ့ဘေလာ့နာမည္ေလးေရးပါ.blogspot.com" target="_blank" rel="nofollow">Share on Delicious </a></td>
</tr>

</tbody>

</table>
</td>
<td valign="top" width="50%">
<table border="0" cellpadding="0" cellspacing="0" width="222">
<tbody>
<tr>
<td width="28" height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU0j_3d-TPw_Wy4Fs8BPMWHJWea18iJWMd181NFF_7LqXtRffB5GBQxS_tkJUwJgInQPbZEGPsMr0WmSyNJXW1nKuRg7TaMQ3uQGXgwOa8QssE3ydtYLlfl6ZCBFFFQFQTsBqIhVSGlWU/s400/DIGG.png" height="25" /></td>
<td height="30"><a href="http://digg.com/submit?phase=2&url=http:// ဤေနရာမွာမိမိရဲ ့ဘေလာ့နာမည္ေလးေရးပါ.blogspot.com" target="_blank" rel="nofollow">Share on Digg </a></td>
</tr>

<tr>
<td height="30"><img border="0" width="22" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYTL5FYPeWmfSmmgo3VWcXy4LjjhQTl_BxFw9Atzi9DLFeDyH9xo1VbkoryqwEBvikkb5qdwGfB33Qe4Uep4zuetbIWqFyD-qboPuUnRzWCBvI7DErcxQ5X0kPP5_00s15KoizOcDURzk/s400/Google-icon.jpg" height="22" /></td>
<td height="30"><a href="http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=http:// ဤေနရာမွာမိမိရဲ ့ဘေလာ့နာမည္ေလးေရးပါ.blogspot.com" target="_blank" rel="nofollow" title="Bookmark this blog on Google">Bookmark on Google</a></td>
</tr>
<tr>
<td height="30"><img border="0" alt="Email" width="21" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRHc534g_VddbhUnwu1BrjOCWpaU3uEt_SsgbbuN-6Wayc1pB50I0bsP6mFWWEyL_6NdSKAilEx_yjb-zj2p-BtkqgkA0GfaiFXZq6syj4rpdUQzIIE2nzTw3kNSY5qLjpWi-2JA95wwt0/s400/Email+Orange_128.png" height="22" /></td>
<td height="30"><a href="http://feeds2.feedburner.com/blogspot/kp3family" rel=en_us" target="_blank" rel="nofollow">Receive Email Updates</a>
</td>
</tr>
</tbody>
</table></td></tr></center>
၅။Save ကိုႏိုပ္လိုက္ပါ။ျပီးပါျပီ။။

မွတ္ခ်က္။  ။ http://feeds2.feedburner.com/blogspot/kp3family&quot; rel  ေနရာမွာ
ကိုမိမိရဲ  ့feedburner နဲ  ့အစားထိုးေပးလိုက္ပါ။
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု

kp3နည္းပညာ၊၂၆၁၊ကြန္ပ်ဴတာ XP မွာ "RUN"Commands သံုးနည္းအခ်ိုုဳ ့

အခုတင္တဲ့ Post ေလးကေတာ့က်ေနာ္တို ့ကြန္ပ်ူတာသံုးစြဲတဲ့သူအားလံုးအတြက္သိသင့္သလိုအသံုး၀င္ မယ္ လို ့လည္းေမ်ာ္လင့္ပါတယ္။ကြန္ပ်ူတာ Xp မွာ "RUN" ရဲ ့အသံုး၀င္ပံုေလးလို ့ေျပာလို ့ရပါတယ္၊သိျပီက်တဲ့ ဘေလာ့မိတ္ေဆြေတြလည္းရွိမယ္ထင္ပါတယ္။ေအာက္မွာပံုနဲတကြလည္းျပေပးထားပါတယ္။ ဘေလာ့မိတ္ေဆြအားလံုးကိုခင္မင္ေလးစားလ်ွက္ Kp-3 မိသားစု
အေပၚကစာသားေလးကမိမိ Run ကေနေခၚခ်င္တဲ့ဟာေလးေတြေပါ့ေနာ္၊ေအာက္ကစာသားေလးကေတာ့ RUN မွာရိုက္ထည့္လိုက္ေပါ့ေနာ္။

အခမဲ့ Online PDF ၀န္ေဆာင္မူကိုသြားခ်င္ရင္ ဒီမွာ 



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

Tuesday, June 1, 2010

kp3နည္းပညာ၊၂၆၀၊အခဲ့မဲ Online Photo Editor ေလးသံုးခ်င္ရင္

အခုတင္တဲ့ Post ေလးကေတာ့ Online ကေန ဓါတ္ပံုေတြကို Editor လုပ္လုပ္ရတဲ့ဆိုက္ေလးပါဘဲ၊ဘာ Software မွမဟုတ္ပါဘူးလြယ္ကူစြာသံုးႏိုင္ပါတယ္။ အရမ္းကိုလည္းသံုးလို ့ေကာင္းပါတယ္။ေအာက္ပံုနဲ ့ တကြလင့္ခ္ေပးထားပါတယ္။

ဒီမွာ ရွိပါတယ္။


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

Twitter Delicious Facebook Digg Stumbleupon Favorites More