kp3နည္းပညာ၊၂၃၅၊ဘေလာ့ Sidebar မွာ Multi Tabbed Navigation Widget ေလးထည့္နည္း

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

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

၁။Layout

၂။Edit HTML

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

</head>

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

<script src='http://www.tricksmachine.com/wp-content/uploads/2010/02/tabber.js' type='text/javascript'/>
    <link MEDIA='screen' TYPE='text/css' href='http://www.tricksmachine.com/wp-content/uploads/2010/02/example.css' rel='stylesheet'/>

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

ဒုတိယအဆင့္။ ။

၅။Layout

၆။Add a Gadget

၇။HTML/JavaScript Add မွာေအာက္က Code ကိုထည့္လိုက္ပါ။

<div class="tabber">

<div class="tabbertab">
<h2>Tab 1</h2>
<p>Tab 1Code ဒီမွာထည့္ပါ.</p>
</div>


<div class="tabbertab">
<h2>Tab 2</h2>
<p>Tab 2 Code ဒီမွာထည့္ပါ.</p>
</div>


<div class="tabbertab">
<h2>Tab 3</h2>
<p>Tab 3 Code ဒီမွာထည့္ပါ.</p>
</div>
</div>

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

မွတ္ခ်က္။ ။Tab 1,Tab 2,Tab 3 ေနရာေတြမွာမိမိၾကိဳက္သလိုနာမည္ျပန္ေျပာင္းေပးၾကပါ။

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

Related Post

WIDGET

• Kp3နည္းပညာ၊၄၈၇၊ဘေလာ့မွာ SCM MP3Player သစ္ေလးသံုးခ်င္ရင္
• Kp3နည္းပညာ၊၄၈၆၊ဘေလာ့မွာMicrosoftStyleTranslateသံုးခ်င္ရင္
• Kp3နည္းပညာ၊၄၈ဝ၊ဘေလာ့Page Navigation Widget Generatorသံုးခ်င္ရင္
• Kp3နည္းပညာ၊၄၇၉၊ဘေလာ့ဘေလာ့Text Resizing Widget သံုးခ်င္ရင္
• Kp3နည္းပညာ၊၄၅၂။ဘေလာ့မွာ Effect Matrix Text ေလးထားခ်င္ရင္
• Kp3နည္းပညာ၊၄၄၆။ဘေလာ့မွာAnimated Flash Twitter ငွက္ပံုေလးထားခ်င္ရင္
• Kp3နည္းပညာ၊၄၄၃၊ဘေလာ့မွာEncode/decode HTML entities ေလးထည့္ခ်င္ရင္
• Kp3နည္းပညာ၊၄၃၈၊ဘေလာ့အတြက္Email Feedburner Subscription Widget အသစ္
• Kp3နည္းပညာ၊၄၃၆၊ဘေလာ့မွာ Kp-3 ရဲ႕အသဲႏွလံုးပံုေလးက်လာေအာင္ထည့္ခ်င္ရင္
• Kp3နည္းပညာ၊၄၃၅၊ဘေလာ့မွာAnimated Notice Box ေလးထည့္ခ်င္ရင္(၂)
• Kp3နည္းပညာ၊၄၃၂၊ဘေလာ့မွာ Search Engine တစ္မ်ိဳးေလးထားခ်င္ရင္
• Kp3နည္းပညာ၊၄၂၁၊ဘေလာ့မွာRss Feed နဲ႕ Social Gadgetအသစ္ထည့္ခ်င္ရင္
• Kp3နည္းပညာ၊၄၁၄၊ဘေလာ့ Home Page မွာ Widget ေတြကိုမေပၚေစခ်င္ရင္
• Kp3နည္းပညာ၊၄၁၁၊ဘေလာ့မွာ Email Subscription Form အသစ္ေလးထည့္ခ်င္ရင္
• Kp3နည္းပညာ၊၄ဝ၃၊ဘေလာ့မွာအင္တာနက္အခ်ိန္အသစ္ေလးထားခ်င္ရင္
• Kp3နည္းပညာ၊၃၈၂၊ဘေလာ့ Banner ေထာင့္မွာ X'mas Button ေလးထားခ်င္ရင္
• Kp3နည္းပညာ၊၃၈၁၊ဘေလာ့ညာဘက္ေဘးမွာChatBox သို႕မဟုတ္အျခား Menu ထားခ်င္ရင္
• Kp3နည္းပညာ၊၃၇၈၊ဘေလာ့မွာAnimated Notice Box ေလးထည့္ခ်င္ရင္
• Kp3နည္းပညာ၊၃၇၅၊ဘေလာ့ Mouse Poiter မွာ Kp3 ရဲ႕ငွက္ပ်ံတာေလးထည့္ခ်င္ရင္
• Kp3နည္းပညာ၊၃၇၄၊ဘေလာ့မွာ125 by 125 Widget ေလးထည့္ခ်င္ရင္
• Kp3နည္းပညာ၊၃၇၃၊ဘေလာ့မွာSocial Bookmarking Tool Bar အသစ္ေလးသံုးခ်င္ရင္
• Kp3နည္းပညာ၊၃၇၂၊ဘေလာ့မွာအလြယ္ကူဆံုး Visitor Counter အသစ္ေလးသံုးခ်င္ရင္
• Kp3နည္းပညာ၊၃၇၁၊ဘေလာ့မွာkp3ရဲ႕Back To Top Widget ေလးသံုးခ်င္ရင္
• Kp3နည္းပညာ၊၃၇ဝ၊အေမစုရဲ႕က်က္သေရမဂၤါလာအေပါင္းနဲ႕ျပည့္စံုတဲ့ပံုေလးေတြၾကယ္ပြင့္ေလးနဲ႕ထည့္ရန္
• Kp3နည္းပညာ၊၃၅၇၊ဘေလာ့မွာ Kp3 ရဲ႕ၾကယ္ေလးကိုအေရာင္းနဲ႕က်ေအာင္ထည့္ခ်င္ရင္

BLOGGER WIDGET

• Kp3နည္းပညာ၊၄၃၅၊ဘေလာ့မွာAnimated Notice Box ေလးထည့္ခ်င္ရင္(၂)
• Kp3နည္းပညာ၊၄၂၁၊ဘေလာ့မွာRss Feed နဲ႕ Social Gadgetအသစ္ထည့္ခ်င္ရင္
• Kp3နည္းပညာ၊၃၅၇၊ဘေလာ့မွာ Kp3 ရဲ႕ၾကယ္ေလးကိုအေရာင္းနဲ႕က်ေအာင္ထည့္ခ်င္ရင္
• kp3နည္းပညာ၊၂၁၈၊ဘေလာ့မွာ Subscription Links ေတြကိုလြယ္ကူစြာထည့္နည္း
• kp3နည္းပညာ၊၂၁၁၊ဘေလာ့ ႏွင့္ ဝက္ဆိုက္အတြက္အသံုးဝင္တဲ့ Tool ၉ ခု
• kp3နည္းပညာ၊၁၆၄၊ဘေလာ့မွာ jQuery Text/Font Size Resizer ေလးထားခ်င္ရင္
• kp3နည္းပညာ၊၁၅၇၊Recent Comments ၾကိဳက္သေလာက္ေပၚေစခ်င္ရင္
• kp3နည္းပညာ၊၁၅၂၊ဘေလာ့မွာ Page Navigation ထည့္ခ်င္ရင္(၂)
• kp3နည္းပညာ၊၁၄၅၊ဘေလာ့Post FontကိုDropdownပံုစံေျပာင္းခ်င္ရင္
• kp3နည္းပညာ၊၁၁၈၊မိမိရဲ႕ဘယ္သူက Comments ဘယ္ေလာက္ေပးတယ္ဆိုတာသိခ်င္ရင္
• kp3နည္းပညာ၊၁ဝ၆၊မိမိရဲ႕ဘေလာ့မွာMulti tab Widgetထည္႔ ခ်င္ရင္
• kp3နည္းပညာ၊၉၈၊Pop Up Navigation Menu From Bucket
• kp3နည္းပညာ၊၉၇၊မိမိရဲ႕ဘေလာ့မွာ Google Search Engine စတိုင္ေလးသံုးခ်င္
• kp3နည္းပညာ၊၉ဝ၊Email Subscrtiption Form
• kp3နည္းပညာ၊၈၇၊Recent Comments ေတြကို Summariesနဲ႕လုပ္ခ်င္ရင္
• kp3နည္းပညာ၊၈၇၊မိမိရဲ႕ဘေလာ့မွာ Facebook Badge ထည့္နည္းေလး
• kp3နည္းပညာ၊၇ဝ၊Wibiya Widget Toolbar
• kp3နည္းပညာ၊၆၉၊Auto Scrolling - Recent Posts
• kp3နည္းပညာ၊၆၆၊မိမိရဲ့ဘေလာ့related posts ေတြကို thumbnails စတိုင္နဲ႕ Auto လုပ္ခ်င္ရင္
• kp3နည္းပညာ၊၅၈၊မိမိရဲ့ဘေလာ့မွာကိုယ္ပိုင္ Menu တည္ေဆာက္ခ်င္ရင္
• kp3နည္းပညာ၊၅၇၊မိမိရဲ့ဘေလာ့မွာMouseေနာက္ကေန တေကာက္ေကာက္လိုက္ေနတဲ့စာေၾကာင္းေလးထားခ်င္ရင္
• kp3နည္းပညာ၊၅၅၊မိမိရဲ့ဘေလာ့မွာPopular Posts Widgetထားခ်င္ရင္
• kp3နည္းပညာ၊၅၄၊မိမိရဲ့ဘေလာ့Linkေတြကို Rollover Buttonလုပ္ခ်င္ရင္

Posted in: BLOGGER WIDGET, WIDGET