ဘေလာ့မွာ Multi-Tabbed Widget သုံးခ်င္ရင္

အခုတင္ရတဲ့ ပုိ့(စ္) ေလးက ဘေလာ့မွာ Multi-Tabbed Widget ထည့္နည္းေလးပါ။ သုံးခ်င္သူေတြနွင့္ မသိေသးတဲ့ မိတ္ေဆြေတြအတြက္ အထူးလက္ေဆာင္ အျဖစ္ တင္ေပးခ်င္ပါတယ္။ ႀကဳိက္ၾကမယ္လုိ့လည္း ေမွ်ာ္လင့္ထားပါတယ္။ ေအာက္မွာ က်ေနာ္ ထည့္နည္းနွင့္တကြ Cond လည္းေပးထာပါတယ္။
အဆင့္ ၁။ ထည့္နည္း

အဆင့္ ၁။ ထည့္နည္း
၁။Design

၂။Edit HTML

၃။ProceedCtrl + F ကုိတြဲနုိပ္လုိက္ပါ။ ေပၚလာသည့္ အကြပ္ကနွင့္ရွာပါ။ ရွာရတာလြယ္ကူပါတယ္။ 

၄။ေအာက္က cond ေလးကုိရွာပါ 

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

<script src="http://www.webaholic.co.in/other/blogger-tabbed-widget-javascript.js" type="text/javascript"></script> <link href="http://www.webaholic.co.in/other/blogger-tabbed-widget-css.css" rel="stylesheet" type="text/css" />

အဆင့္ ၁။ ထည့္နည္း အတြက္ၿပီးပါၿပီး Save Template ကုိနုိပ္လုိက္ပါ။

အဆင့္ ၂။ ထည့္နည္း ကုိဆက္ၾကည့္ပါ။
၁။Design

 ၂။Layout

 ၃။Add a Gadget

 ၄၊၊HTML/JavaScript

၅။ေအာက္က cond ေလးကုိထည္ေပးပါ။

<form action="tabtampil.html" method="get"> <div id="TabTampil" class="TabTampil"> <div style="width: 250px;" class="TTs"> <a>Tab ၁</a> <a>Tab ၂</a> <a>Tab ၃</a></div> <div style="width: 250px; height: 300px;" class="Halamans"> <div class="Halaman"> <div class="Alas"> <br/> Tab ၁ အတြက္ Cond (သုိ့) မိမိႀကဳိက္တဲ့စာထည့္ရန္ </div> </div> <div class="Halaman"> <div class="Alas"> <br/> Tab ၂ အတြက္ Cond (သုိ့) မိမိႀကဳိက္တဲ့စာထည့္ရန္ </div> </div> <div class="Halaman"> <div class="Alas"> <br/> Tab ၃ အတြက္ Cond (သုိ့) မိမိႀကဳိက္တဲ့စာထည့္ရန္ </div> </div> </div> <small><a style='margin-left:10px;align:right;' href='http://www.blogger.webaholic.co.in/2011/10/multi-tabbed-widget-for-blogger.html' target='_blank'>Multi-Tabbed Widget</a> | <a href='http://www.webaholic.co.in/' target='_blank'>Webaholic</a></small> </div> </div> </form> <script type="text/javascript">tabtampil_inisial('TabTampil');</script>

ထည့္ၿပီးရင္ Save ကုိနုိပ္လုိက္ပါ။

မွတ္ခ်က္။  ။ျမင္ကြင္းအတြက္ width: 250/အက်ယ္-၂၅၀ height: 300/အျမင့္-၃၀၀          တုိ့ကုိမိမိစိတ္တုိင္က်ေျပာင္းလဲနုိင္ပါတယ္။ Tab ၁/ Tab ၂/ Tab ၃ ေနရာေတြမွာမိမိႀကဳိက္သလုိေခါင္စဥ္ေပးနုိင္ပါတယ္။