နည္းပညာ၊၃၅၆၊Kp3 ရဲ႕ဘေလာ့ Labels ေတြကို Auto Scroll လုပ္နည္း

အခုတင္တဲ့ပိုစ္ေလးကေတာ့မိမိရဲ႕ဘေလာ့LabelsေတြကိုScrollျဖစ္ေျပာင္းသံုးခ်င္တဲ့ဘေလာ့မိတ္ေဆြေတြအတြက္ေအာက္မွာ လုပ္နည္းနဲ႕တကြပံုလည္းျပထားေပးပါတယ္။ျပီးေတာ့အားလံုးသိျပီသားျဖစ္တဲ့ကြ်န္ေတာ္တို႕ရဲ႕အမိျမန္မာႏိုင္ငံေတာ္လံေလးလဲမသိေသးတဲ့ ဘေလာ့မိတ္ေဆြေတြအတြက္နဲ႕အမွတ္တရအျဖစ္ေအာက္မွာအမိျမန္မာႏိုင္ငံေတာ္ရဲ႕အလံေတာ္အသစ္ပံုနဲ႕အႏွစ္၂၀ေက်ာ္အေလးျပဳခဲ့ရတဲ့ အမိႏိုင္ငံေတာ္အလံေဟာင္းေလးလဲတင္ထားပါတယ္။kp3လည္းႏိုင္ငံေတာ္အလံကိုလဲခ်ိန္မေရာက္ဘဲနဲ႕အလဲခံလိုက္တာကိုသိလိုက္
ေတာ့စိတ္ထဲမွာနည္းပညာမေရးေတာ့ဘဲႏိုင္ငံေရးအေၾကာင္းဘဲေရးရင္ေကာင္းေတာ့မလားဆိုျပီးစဥ္းစားမိတယ္။ဘေလာ့မိတ္ေဆြ အားလံုးကိုခင္မင္ေလးစားလွ်က္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='Kategori' 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;'>
<div style='overflow:auto; width:ancho; height:250px;'>
<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>

</div>
</b:includable>
</b:widget>

၆။အေပၚကCode နဲ႕ေအာက္က Code ကို ေကာင္းေကာင္းျပန္တိုက္ၾကည့္ပါ။အလယ္ေလာက္မွာေအာက္က Code ကိုထပ္ထည့္ေပးးပါတယ္။

<div style='overflow:auto; width:ancho; height:250px;'> 

၇။ေအာက္က Code ကိုျပန္ၾကည့္ပါ။ေအာက္ကေနၾကည့္ရင္နံပါတ္ ၃ေျမာက္တဲ့ Code မွာေအာက္က Code ကိုထပ္ထည့္ေပးပါတယ္။

</div> 

၈။ျပီးျပီဆိုရင္ Save Tamplate ႏိုပ္လိုက္ပါ။LabelsSetting မွာ List ကိုေရြးလိုက္ပါ။

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

Related Post

BLOGGER TIPS

• Kp3နည္းပညာ၊၄၉ဝ၊ဘေလာ့ Tamplate ေျပာင္းနည္း
• Kp3နည္းပညာ၊၄၈၈၊ဘေလာ့မွာPopularPostsကိုSlideပံုစံေျပာင္းနည္း
• Kp3နည္းပညာ၊၄၈၄၊ဘေလာ့ေျခရင္းကPowered by Bloggerဆိုတာေလးအစားထိုးနည္း
• Kp3နည္းပညာ၊၄၈၁၊ဘေလာ့ဆိုက္ဘားနဲ႕ပိုစ္Bodyကိုဘယ္ညာေျပာင္းနည္း
• Kp3နည္းပညာ၊၄၇၈၊ဘေလာ့CommentsFormကိုအလယ္မွာထားနည္း
• Kp3နည္းပညာ၊၄၇၇၊ဘေလာ့ပိုစ္မွာDemoလင့္ခ္ေတြကိုလင့္ခ္ထည့္နည္း
• Kp3နည္းပညာ၊၄၇၄၊ဘေလာ့ပိုစ္ေတြကိုသူမ်ားဖတ္မရေအာင္ေသာ့ခတ္နည္း
• Kp3နည္းပညာ၊၄၆၈၊ဘေလာ့လင့္ခ္ေတြေထာက္ရင္ၾကယ္ပံုေလးေတြေပၚေအာင္လုပ္နည္း
• Kp3နည္းပညာ၊၄၆၆၊HTML Code မလိုဘဲဘေလာ့မွာ Favicon ထည့္နည္း
• Kp3နည္းပညာ၊၄၆၅။ဘေလာ့ဂါသမားေတြအတြက္အသံုးဝင္တဲ့အခမဲ့ Tools မ်ား
• Kp3နည္းပညာ၊၄၆၄။ဘေလာ့ထဲမွာYoutube သီခ်င္းေတြကို AutoPlay လုပ္နည္း
• Kp3နည္းပညာ၊၄၆၃။ဘေလာ့ထဲမွာYoutube သီခ်င္းေတြကိုလြယ္ကူစြာထည့္နည္း
• Kp3နည္းပညာ၊၄၅၈။ဘေလာ့ Comment Box ကေန၇ာလြတ္ၾကီးကိုျဖဳတ္နည္း
• Kp3နည္းပညာ၊၄၅၆။ပိုစ္ေခါင္းစဥ္ေအာက္မွာAuthor,အခ်ိန္,LabelsIconထားနည္း
• Kp3နည္းပညာ၊၄၄၈။ဘေလာ့မွာ Labels ေတြကို Animated Effect လုပ္နည္း
• Kp3နည္းပညာ၊၄၄၇။ဘေလာ့မွာSimple Print Friendly နဲ႕ PDF Buttons ေလးထားခ်င္ရင္
• Kp3နည္းပညာ၊၄၄၄၊။ဘေလာ့ဂါ Officer ရဲ႕ဝန္ေဆာင္မူနည္းပညာသစ္Dynamic Views ၅ခု
• Kp3နည္းပညာ၊၄၄၁၊Kp3နည္းပညာသစ္မိမိရဲ႕ဘေလာ့ပိုစ္ေတြကိုCopyမရေအာင္ကာကြယ္နည္း
• Kp3နည္းပညာ၊၄၄ဝ၊Kp-3နည္းပညာသစ္မိမိရဲ႕ဘေလာ့ Tamplate ကိုေဘာင္ခတ္နည္း
• Kp3နည္းပညာ၊၄၃၈၊ဘေလာ့အတြက္Email Feedburner Subscription Widget အသစ္
• Kp3နည္းပညာ၊၄၃၇၊ဘေလာ့ Comment Form အေပၚမွာမွတ္ခ်က္ေလးထည့္ခ်င္ရင္
• Kp3နည္းပညာ၊၄၂၉၊ဘေလာ့ေဖာင့္ေတြကို Zawgyi-One နဲ႕ Unicode အျဖင့္လြယ္ကူစြာေျပာင္းခ်င္ရင္
• Kp3နည္းပညာ၊၄၁၇၊ဘေလာ့မွာလံုးဝမေမ်ာ္လင့္တဲ့ Site Feed ျပႆနာ
• Kp3နည္းပညာ၊၄၁၅၊ဘေလာ့မွာ Labels လို႕ေခၚတဲ့ပိုစ္အမ်ိဳးအစားထည့္နည္း
• Kp3နည္းပညာ၊၄၁၄၊ဘေလာ့ Home Page မွာ Widget ေတြကိုမေပၚေစခ်င္ရင္

BLOGGER HACK

• Kp3နည္းပညာ၊၄၈၁၊ဘေလာ့ဆိုက္ဘားနဲ႕ပိုစ္Bodyကိုဘယ္ညာေျပာင္းနည္း
• Kp3နည္းပညာ၊၄၅၈။ဘေလာ့ Comment Box ကေန၇ာလြတ္ၾကီးကိုျဖဳတ္နည္း
• Kp3နည္းပညာ၊၄၅၆။ပိုစ္ေခါင္းစဥ္ေအာက္မွာAuthor,အခ်ိန္,LabelsIconထားနည္း
• Kp3နည္းပညာ၊၄၄၇။ဘေလာ့မွာSimple Print Friendly နဲ႕ PDF Buttons ေလးထားခ်င္ရင္
• Kp3နည္းပညာ၊၄ဝ၉၊ဘေလာ့မွာWordPress စတိုင္ Widget Tabs Menu ေလးသံုးခ်င္ရင္
• Kp3နည္းပညာ၊၄ဝ၆၊ဘေလာ့Static Pages မွာ Read More ျဖဳတ္နည္း
• Kp3နည္းပညာ၊၄ဝဝ၊ဘေလာ့မွာCSS3သံုးျပီးပိုစ္စလံုးေတြကိုအၾကီးအေသးေျပာင္းနည္း
• Kp3နည္းပညာ၊၃၆၁၊ဘေလာ့ Comments ေတြကိုKp3ရဲ႕ Scroll List ပံုစံေျပာင္းနည္း
• နည္းပညာ၊၃၅၅၊ဘေလာ့Postေနရာမွာ Add A Gadget ထည့္မရခဲ့ရင္
• kp3နည္းပညာ၊၂၃၄၊ဘေလာ့ Header ကိုႏိုပ္ရင္တျခား၀က္ဆိုက္ေရာက္သြားေအာင္လုပ္နည္း
• kp3နည္းပညာ၊၁၉၂၊ဘေလာ့မွာ HTML Code ေတြကို Syntax Highlighter သံုးနည္း
• kp3နည္းပညာ၊၁၈၂၊ဘေလာ့ Post Title လင့္ခ္ျဖဳတ္နည္း
• kp3နည္းပညာ၊၁၈၁၊ဘေလာ့ Header လင့္ခ္ျဖဳတ္နည္း
• kp3နည္းပညာ၊၁၇၉၊ဘေလာ့မွာ Google Buzz Buttons ေလးထည့္နည္း
• kp3နည္းပညာ၊၁၆၉၊မိမိရဲ႕ဘေလာ့ Post ေအာက္မွာComments Feedထားနည္း
• kp3နည္းပညာ၊၁၆၈၊ဘေလာ့မွာJS-Kit Ratingထားခ်င္ရင္
• kp3နည္းပညာ၊၁၆၂၊Subscribe to: Posts (Atom) ကို (RSS) ေျပာင္းခ်င္ရင္
• kp3နည္းပညာ၊၁၆၁။Home Page လင့္ခ္မွာ Post Titleေတြဘဲေပၚေစခ်င္ရင္
• kp3နည္းပညာ၊၁၆ဝ၊ဘေလာ့အတြက္အလြယ္ကူဆံုးRead moreလုပ္နည္း
• kp3နည္းပညာ၊၁၅၉၊Post ေတြကိုၾကိဳက္တဲ့ေနရာကေနဆက္ဖတ္ရန္ဆိုျပီးလုပ္နည္း
• kp3နည္းပညာ၊၁၅၈၊မိမိရဲ႕ဘေလာ့ Post ေတြကိုRead moreဆိုျပီးထည့္ခ်င္ရင္
• kp3နည္းပညာ၊၁၅၄၊MouseOver Social Bookmark ေလးထားခ်င္ရင္
• kp3နည္းပညာ၊၁၅၃၊ဘေလာ့ Label လင့္ခ္မွာေခါင္းစဥ္ေတြဘဲ ေပၚေအာင္လုပ္နည္း
• kp3နည္းပညာ၊၁၅၂၊ဘေလာ့မွာ Page Navigation ထည့္ခ်င္ရင္(၂)

BLOGGER TUTORIAL

• Kp3နည္းပညာ၊၄၇၈၊ဘေလာ့CommentsFormကိုအလယ္မွာထားနည္း
• Kp3နည္းပညာ၊၄၄၄၊။ဘေလာ့ဂါ Officer ရဲ႕ဝန္ေဆာင္မူနည္းပညာသစ္Dynamic Views ၅ခု
• Kp3နည္းပညာ၊၄၄၁၊Kp3နည္းပညာသစ္မိမိရဲ႕ဘေလာ့ပိုစ္ေတြကိုCopyမရေအာင္ကာကြယ္နည္း
• Kp3နည္းပညာ၊၄၄ဝ၊Kp-3နည္းပညာသစ္မိမိရဲ႕ဘေလာ့ Tamplate ကိုေဘာင္ခတ္နည္း
• Kp3နည္းပညာ၊၄၃၇၊ဘေလာ့ Comment Form အေပၚမွာမွတ္ခ်က္ေလးထည့္ခ်င္ရင္
• Kp3နည္းပညာ၊၄၁ဝ၊ဘေလာ့ဆိုက္ဘား Title ေရွ႕မွာလြယ္ကူစြာ Logo ပံုေလးေတြထည့္နည္း
• Kp3နည္းပညာ၊၄ဝ၆၊ဘေလာ့Static Pages မွာ Read More ျဖဳတ္နည္း
• Kp3နည္းပညာ၊၄ဝ၅၊ဘေလာ့ကို Internet Explore မွာဖြင့္မရရင္ဘယ္လိုလုပ္မလဲ
• Kp3နည္းပညာ၊၄ဝ၄၊ဘေလာ့ဆိုက္ဘားေခါင္းစဥ္မွာေနာက္ခံပံုလြယ္ကူစြာထည့္နည္း
• Kp3နည္းပညာ၊၄ဝ၂၊ဘေလာ့ Blogger Template Designer ကေန Font လွလွေလးေတြရပါျပီ
• Kp3နည္းပညာ၊၄ဝဝ၊ဘေလာ့မွာCSS3သံုးျပီးပိုစ္စလံုးေတြကိုအၾကီးအေသးေျပာင္းနည္း
• Kp3နည္းပညာ၊၃၉၆၊ဘေလာ့ကိုHandဖုန္းကေနၾကည့္ရန္ဘေလာ့Officerရဲ႕အေကာင္းဆံုးနည္းပညာသစ္
• Kp3နည္းပညာ၊၃၉၁၊ဘေလာ့မွာ YouTube သီခ်င္းေတြကိုလြယ္ကူစြာပိုစ္မွာတင္နည္းအသစ္ေလး
• Kp3နည္းပညာ၊၃၈၉၊ဘေလာ့Site Feed အတြက္အေကာင္းဆံုးဘေလာ့ Officer ရဲ႕ဝန္ေဆာင္မူအသစ္
• Kp3နည္းပညာ၊၃၈၃၊ဘေလာ့ Comment မွာ Facebook Like Button ထားနည္း
• Kp3နည္းပညာ၊၃၈ဝ၊ဘေလာ့ကို Hand-Phone မွာဖတ္ရတာအဆင္ေျပေအာင္လုပ္နည္း
• Kp3နည္းပညာ၊၃၇၉၊ဘေလာ့ရက္စြဲေတြျပတဲ့ေနရာမွာUndefined ဆိုျပီးေပၚေနရင္
• Kp3နည္းပညာ၊၃၇၃၊ဘေလာ့မွာSocial Bookmarking Tool Bar အသစ္ေလးသံုးခ်င္ရင္
• Kp3နည္းပညာ၊၃၆၁၊ဘေလာ့ Comments ေတြကိုKp3ရဲ႕ Scroll List ပံုစံေျပာင္းနည္း
• နည္းပညာ၊၃၅၅၊ဘေလာ့Postေနရာမွာ Add A Gadget ထည့္မရခဲ့ရင္
• kp3နည္းပညာ၊၃၅၂၊ဘေလာ့မွာ Kp3 ရဲ႕Page Views / Post Views Counter ထည့္နည္း
• kp3နည္းပညာ၊၃၄၆၊ဘေလာ့ပိုစ္ Title ကို Marquee သံုးျပီးလုပ္နည္းေလးလာပါျပီ
• kp3နည္းပညာ၊၃၄၄၊အျခားလင့္ခ္ေတြကို Mouseနဲ႕ေထာက္ရင္မူးရင္းလင့္ခ္ေပၚေအာင္လုပ္နည္း
• kp3နည္းပညာ၊၃၂၉၊ဘေလာ့မွာ KP-3 TABLE CONTENT ထည့္နည္း

Posted in: BLOGGER HACK, BLOGGER TIPS, BLOGGER TUTORIAL