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

Posted in: BLOGGER WIDGET, WIDGET