Translate

Followers

အီးေမးလ္မွာဖတ္ခ်င္ရင္အေပၚမွာ Sign In (Menber)ဝင္ၾကပါလို႕ေတာင္းဆိုပါရေစ။ခင္မင္ေလးစားလွ်က္ေကပီသရီးမိသားစု

Showing posts with label LABEL. Show all posts
Showing posts with label LABEL. Show all posts

Kp3နည္းပညာ၊၄၄၈။ဘေလာ့မွာ Labels ေတြကို Animated Effect လုပ္နည္း

Sunday, April 24, 2011  kp3site  1 comment

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

ေအာက္ကCodeကိုရွာပါ။
</head>
ေတြ႕ျပီဆိုရင္ေအာက္မွာေအာက္ကCodeကိုထည့္ေပးလိုက္ပါ။
<!-kp3နည္းပညာ--><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'>
</script>
<script type='text/javascript'>
var dur = 450;
$(document).ready(function() {
$('a.linknudge, .Label ul li a').hover(function() {
$(this).animate({
paddingLeft: '20px'
}, dur);
}, function() {
$(this).animate({
paddingLeft: 0
}, dur);
});
});</script><!--End Animated Label Links For Blogger http://www.kp3family.blogspot.com-->
Save Tamplate ႏိုပ္လုိက္ပါျပီးပါျပီ။ ။ ။

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

Read More

Kp3နည္းပညာ၊၄၁၅၊ဘေလာ့မွာ Labels လို႕ေခၚတဲ့ပိုစ္အမ်ိဳးအစားထည့္နည္း

Monday, January 24, 2011  KP-3မိသားစု  11 comments

ခဏခဏအေမးခံရလို႕ပိုစ္မွာတင္လိုက္ပါတယ္။ေကပီသရီးကMenuတင္တိုင္းမွာဥပမာလင့္ခ္ကိုhttp://kp3family.blogspot.comဆိုျပီးနာမူနာေပးလွ်က္ရွိပါတယ္။ဘေလာ့ကိုစလုပ္တဲ့
ဘေလာ့မိတ္ေဆြအခ်ိဳ႕ကအဲဒီkp3ရဲ႕လင့္ခ္ေနရာမွာသူတို႕ရဲ႕လင့္ခ္ကိုတိုက္ရိုအစားထိုးေတာ့သူတို႕ကဘာမွတက္မလားဘူးလို႕ေျပာၾကပါတယ္။ဘယ္တက္လာမလဲအဲဒီလင့္ခ္ကဘေလာ့
Homepageလင့္ခ္ေလးဒါေၾကာင့္မိမိေရးတဲ့ပိုစ္အမ်ိဳးအစားရဲ႕နာမည္ကိုေအာက္ကပံုမွာျပထားတဲ့ပိုစ္တင္တိုင္းေအာက္မွာထည့္ေပးဖို႕လိုအပ္ပါတယ္။မိမိတင္တဲ့ပိုစ္ကကဗ်ာအမ်ိဳးအစားဆိုရင္
Labels:ရဲ႕ေရွ႕မွာကဗ်ာဆိုျပီေရးေပးလိုက္ပါ။ဥပမာ-သီခ်င္းတင္ရင္Labels:ေရွကမွာသီခ်င္းေပါ့ေနာ္။မိမိတင္တဲ့ပိုစ္ကိုမိမိၾကိဳက္တဲ့အမည္ေပးလို႕ရပါတယ္။အရင္ကပိုစ္အမ်ိဳးအစားကို
မထည့္မိတဲ့ဘေလာ့မိတ္ေဆြကလဲအခုျပန္ထည့္လို႕လဲရပါတယ္။ေအာက္မွာပံုနဲ႕တကြျပထားေပးပါတယ္။ဘေလာ့မိတ္ေဆြအားလံုးကိုခင္မင္ေလးစားလွ်က္ေကပီသရီးမိသားစု
မွတ္ခ်က္။   ။   ။
ေအာက္မွာဥပမာလင့္ခ္ထပ္ေပးထားပါတယ္။ကဗ်ာေနရာမွာမိမိပိုစ္တင္လိုက္ျပီးLabels:နာမည္ပိုစ္အမ်ိဳးအစားကိုေပးလို္က္နာမည္ကိုေရးေပးပါ။kp3family.blogspot.comေနရာမွာမိမိရဲ႕ဘေလာ့
လင့္ခ္ကိုေရးေပးလိုက္ပါ။မရွင္းတာရွိရင္Commentsမွာေရးခဲ့ၾကပါလို႕ေျပာခ်င္ပါတယ္။
http://kp3family.blogspot.com/search/label/ကဗ်ာ




ႏွစ္သစ္မွာနည္းပညာသစ္ေလးေတြအတတ္ႏိုင္ဆံုးျဖန္႕ေဝေပးသြားမွာျဖစ္ပါတယ္။ဒါေၾကာင့္အီးေမးလ္ကေနအျမန္ဆံုးသိႏိုင္ရန္ေအာက္ကGoogleFriendမွMenberဝင္ေစခ်င္
ပါတယ္။SignInလုပ္ေပးၾကပါ။ျပီးေတာ့အသစ္တင္တိုင္းပို႕ေပးပါ့မယ္အီးေမးလ္လိပ္စားေလးထားသြားဆိုတဲ့ေနရာမွာမိမိရဲ႕အီးေမးလ္လိပ္စာေတြကိုလဲထည့္ေပးဖို႕ပမေမ့ၾကပါနဲ႕လို႕ထပ္ေျပာ
ခ်င္ပါတယ္။

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

Read More

kp3နည္းပညာ၊၃၄၈၊ဘေလာ့ Labels ေတြကို Marquee သံုးျပီးလုပ္နည္းေလးလာပါျပီ

Tuesday, October 12, 2010  KP-3မိသားစု  1 comment

ေနာက္ထပ္အသစ္ေလးထပ္လာပါျပီ၊ဘေလာ့နဲ႕ပါတ္တက္တဲ့နည္းပညာသစ္ေတြကိုအခုတေလာတင္ျဖစ္တာလည္းမနည္းေတာ့ဘူးထင္ပါတယ္။
တကယ့္အသစ္ေလးေတြပါ။ျမန္မာဘေလာ့ေလာကမေျပာနဲ႕ျပည္ပဘေလာ့ေတြမွာလဲမရွိသေလာက္ပါ။ၾကိဳက္လဲၾကိဳက္ၾကမယ္လို႕ေမ်ာ္လင့္ပါတယ္။
Commentsမွာေတာင္းဆိုထားတာေတြလည္းက်ေနာ္တင္ေပးမွာပါ။ေစာင့္ေပးၾကပါလို႕လည္းေျပာခ်င္ပါတယ္။ဘေလာ့မိတ္ေဆြအားလံုးကိုခင္မင္ ေလးစာလွ်က္kp3မိသားစု
မိမိရဲ႕ဘေလာ့ကိုဘယ္ကေနကူးလာတယ္ဆိုတာသိခ်င္ရင္kp3နည္းပညာ၊၃၃၈၊
မိမိရဲ႕ဘေလာ့မွာအလြယ္ကူလွပဆံုးFont Resizer ေလးသံုးခ်င္ရင္kp3နည္းပညာ၊၃၄၁၊
မိမိရဲ႕ဘေလာ့လင့္ခ္ကိုMouseနဲ႕ေထာက္ရင္မူးရင္းလင့္ခ္ေပၚေအာင္လုပ္နည္းkp3နည္းပညာ၊၃၄၄၊
မိမိရဲ႕ဘေလာ့List ေတြကို Scoll ပံုစံေျပာင္းနည္းkp3နည္းပညာ၊၃၄၃၊
မိမိရဲ႕ဘေလာ့ပိုစ္ Title ကို Marquee သံုးျပီးလုပ္နည္းေလးလာပါျပီkp3နည္းပညာ၊၃၄၆၊

၁။Design

၂။Edit HTML

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

ေအာက္က Code ကိုရွာပါ။
<b:widget id='Label1' locked='false' title='Label' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>

</b:if>
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
<b:if cond='data:display == &quot;list&quot;'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/><a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
ေတြ႕ျပီဆိုရင္ေအာက္ကCodeအတိုင္းထပ္ထည့္ေပးလိုက္ပါ။
<b:widget id='Label1' locked='false' title='Label' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>

</b:if>
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
<marquee align='left' direction='up' height='300' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'> 
<b:if cond='data:display == &quot;list&quot;'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/><a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</marquee>
</div>
</b:includable>
</b:widget>
အဓိကၾကည့္ရမယ့္ Code ႏွစ္ခုေအာက္မွာေပးထားပါတယ္။
<marquee align='left' direction='up' height='300' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>
အေပၚက Code အရွည္ႏွစ္ခုကိုတိုက္ၾကည့္လိုက္ပါ။ဒီ Marquee Code ႏွစ္ခုကဘယ္ကေနစျပီးဘယ္မွာျပန္ပိတ္တယ္ဆိုတာနားလည္သြားမွာပါ.။အပိတ္ Code ေအာက္မွာ
</marquee>
ရွင္းၾကမယ္လို႕ထင္ပါတယ္။အဆင္မေျပရင္ Comments မွာေရးထားခဲ့ၾကပါတယ္.။။

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

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

Read More

kp3နည္းပညာ၊၃၂၅၊ဘေလာ့ Labels ေတြကို Column ေလးနဲ႕ထားနည္း

Saturday, September 04, 2010  KP-3မိသားစု  4 comments

                      ဒီေန႕တင္တဲ့Postေလးကေတာ့မိမိရဲ႕ဘေလာ့Labelsေတြကိုသူမ်ားလုပ္တာနဲ႕မတူေအာင္ Columnေလးနဲ႕ေျပာင္းလုပ္ခ်င္တဲ့ဘေလာ့မိတ္ေဆြေတြအတြက္ပါ။LabelsကိုColumnနဲ႕သံုးတဲ့သူအရမ္း နည္းတယ္လို႕ေျပာရင္ရပါတယ္။ၾကိဳက္ၾကမယ္လို႕လည္းေမ်ာ္လင့္ပါတယ္။ေအာက္မွာပံုနဲ႕ျပထားလို နမူနာၾကည့္လို႕ရေအာင္လည္းDEMOလငင့္ခ္ေလးလည္းထားေပးပါတယ္။ ဘေလာ့မိတ္ေဆြအားလံုးကိုခင္မင္ေလးစားလွ်က္-kp-3မိသားစု
ဒီမွာ သြားၾကည့္လိုက္ပါ။



<!-- Labels Column-kp-3နည္းပညာ-->
<style type="text/css">
.main_part{
float:left;
width:100%;
margin:0 0 0 0 auto;
}
.block{
float:left;
width:100px;
margin:0 0 0 0 auto;
padding-left:10px;
}
.block .title_2{
background:transparent url(ဒီမွာLabelsေရွ႕မွာထားခ်င္တဲ့Iconလင့္ခ္ကိုထည့္လိုက္ပါ) no-repeat scroll left center;
font-family:serif, georgia;
font-size:9px;
color:;
text-decoration:none;
text-align:left;
font-weight:normal;
text-transform:uppercase;
margin:1px;
padding-left:12px;
}
.title_2:visited{color:;text-decoration:none}
.title_2:hover{color:;text-decoration:none}
.block a{
display:block;
text-decoration:none}
</style>
<div class="main_part">
<div class="block">
<!-- Column One Starts -->
<a href="ဘေလာ့လင့္ခ္ထည့္ပါ/search/label/Labelအမည္ထည့္ရန္?&amp;max-results=20" class="title_2">Labelအမည္ထည့္ရန္</a>
<a href="ဘေလာ့လင့္ခ္ထည့္ပါ/search/label/Labelအမည္ထည့္ရန္?&amp;max-results=20" class="title_2">Labelအမည္ထည့္ရန္</a>
<a href="ဘေလာ့လင့္ခ္ထည့္ပါ/search/label/Labelအမည္ထည့္ရန္?&amp;max-results=20" class="title_2">Labelအမည္ထည့္ရန္</a>
<a href="ဘေလာ့လင့္ခ္ထည့္ပါ/search/label/Labelအမည္ထည့္ရန္?&amp;max-results=20" class="title_2">Labelအမည္ထည့္ရန္</a>
<a href="ဘေလာ့လင့္ခ္ထည့္ပါ/search/label/Labelအမည္ထည့္ရန္?&amp;max-results=20" class="title_2">Labelအမည္ထည့္ရန္</a>
<!-- Column One Ends -->
</div>
<div class="block">
<!-- Column Two Starts -->
<a href="ဘေလာ့လင့္ခ္ထည့္ပါ/search/label/Labelအမည္ထည့္ရန္?&amp;max-results=20" class="title_2">Labelအမည္ထည့္ရန္</a>
<a href="ဘေလာ့လင့္ခ္ထည့္ပါ/search/label/Labelအမည္ထည့္ရန္?&amp;max-results=20" class="title_2">Labelအမည္ထည့္ရန္</a>
<a href="ဘေလာ့လင့္ခ္ထည့္ပါ/search/label/Labelအမည္ထည့္ရန္?&amp;max-results=20" class="title_2">Labelအမည္ထည့္ရန္</a>
<a href="ဘေလာ့လင့္ခ္ထည့္ပါ/search/label/Labelအမည္ထည့္ရန္?&amp;max-results=20" class="title_2">Labelအမည္ထည့္ရန္</a>
<a href="ဘေလာ့လင့္ခ္ထည့္ပါ/search/label/Labelအမည္ထည့္ရန္?&amp;max-results=20" class="title_2">Labelအမည္ထည့္ရန္</a>
<!-- Column Two Ends -->
</div>
<div class="block">
<!-- Column Three Starts -->
<a href="ဘေလာ့လင့္ခ္ထည့္ပါ/search/label/Labelအမည္ထည့္ရန္?&amp;max-results=20" class="title_2">Labelအမည္ထည့္ရန္</a>
<a href="ဘေလာ့လင့္ခ္ထည့္ပါ/search/label/Labelအမည္ထည့္ရန္?&amp;max-results=20" class="title_2">Labelအမည္ထည့္ရန္</a>
<a href="ဘေလာ့လင့္ခ္ထည့္ပါ/search/label/Labelအမည္ထည့္ရန္?&amp;max-results=20" class="title_2">Labelအမည္ထည့္ရန္</a>
<a href="ဘေလာ့လင့္ခ္ထည့္ပါ/search/label/Labelအမည္ထည့္ရန္?&amp;max-results=20" class="title_2">Labelအမည္ထည့္ရန္</a>
<a href="ဘေလာ့လင့္ခ္ထည့္ပါ/search/label/Labelအမည္ထည့္ရန္?&amp;max-results=20" class="title_2">Labelအမည္ထည့္ရန္</a>
<!--Labels Column-http://kp3family.blogspot.com -->
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု

Read More

kp3နည္းပညာ၊၂၉၂၊ဘေလာ့ label ေတြကိုႏိုပ္ရင္ show all posts လို႕ေရးထားတဲ့ Box ေလးျဖဳတ္နည္း

Saturday, July 31, 2010  KP-3မိသားစု  3 comments

             ဒီေန႕တင္တဲ့ Post ေလးကလည္းဘေလာ့ဂါေလာကမွာအသစ္လို႕လဲေျပာရင္မွားမယ္မထင္ပါဘူး။ က်ေနာ္တို႕ဘေလာ့ Label ေတြကိုႏိုပ္လိုက္ရင္အေပၚမွာShow all Posts ဆိုျပီး Box ေလးေတြ႕ၾကမယ္ ထင္ပါတယ္။ေအာက္မွာလည္းပံုနဲ႕တကြျပထားေပးပါတယ္။အခုဆိုရင္ဘေလာ့ေတြ ေတာ္ေတာ္မ်ားမ်ားက Websiteသို႕ေျပာင္းတဲ့သူေတြမ်ားလာသလိုလိုခ်င္တဲ့ဘေလာ့မိတ္ေဆြေတြလည္းရွိမယ္ထင္ပါတယ္။ Box ေလးျဖဳတ္လိုက္ရင္ပိုျပီး Website နဲ႕လည္းတူသြားသလိုဘေလာ့ေလးကပိုျပီးလွသြားမယ္ထင္လို႕ပါ။ ဘေလာ့မိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလွ်က္kp3မိသားစု


၁။Design ကို၀င္မယ္။

၂။Edit HTML

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

ေအာက္က Code ကိုရွာပါ.။
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
ေတြ႕ျပီဆိုရင္ေအာက္က Code နဲ႕အစားထိုးေပးလိုက္ပါ။
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
၅။Save Tamplate ကိုႏိုပ္လိုက္ပါ။

မိမိရဲ႕ Label ကိုႏိုပ္ျပီးျပန္ၾကည့္လိုက္ပါ။အေပၚမွာျပထားတဲ့ပံုအတိုင္းမေပၚေတာ့ပါဘူး။

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

Read More

kp3နည္းပညာ၊၃၈၊မိမိရ႕ဘေလာ႕့Labelနံပါတ္ေတြကိုျဖဳတ္ခ်င္ရင္

Friday, August 28, 2009  KP-3မိသားစု  No comments

:love:အခုဟာေလးကေတာ့Labelနံပါတ္ေတြကိုျဖဳတ္တဲ့နည္းေလးပါ၊ မသိၾကေသးတဲ့မိတ္ေဆြအတြက္ပါ၊သိၿပီးၾကသူေတြလည္းမ်ားမယ္ထင္ပါတယ္၊ လိုအပ္ခဲ့သည္ရိွေသာသံုးလို႔ရေအာင္ပါ.,,အရမ္းလြယ္ပါတယ္
ေအာက္မွာပံုနဲ႔တကြျဖဳတ္နည္းျပထားပါတယ္
၁။click Layout
၂။click edit HTML
၃။click edit HTML
၄။Expand Widget Templatesကိုအမွန္ျခစ္ေပးပါ၊
ေအာက္က Code ေလးရွာပါ

(<data:label.count/>)

ေတြ႕ျပီဆိုရင္ျဖဳတ္လိုက္ပါ၊

၅။Save Template button.ႏိုပ္ပါ ၿပီးပါၿပီ။။။ က်ေနာ့မိတ္ေဆြအားလံုးေက်းဇူးကမ႓ာ

Read More