ဘေလာ့မွာ ပုံေတြ(သို႕)ေၾကာ္ျငာေတြကို Slideshow နဲ႕ထည့္နည္း

ဘေလာ့မွာ ပုံေတြ(သို႕)ေၾကာ္ျငာေတြကို Slideshow နဲ႕ထည့္နည္း

ခုတင္တဲ့နည္းလမ္းေလးကေတာ့  မိမိတို႕ဘေလာ့ေပၚမွာ ပုံေလးေတြ (သို႕) ေၾကာ္ျငာေတြကို လွလွပပနဲ႕

စလိုက္ရွိဳးပုံစံေလးနဲ႕ ထားချင္သူမ်ားအတြက္  နည္းလမ္းေလးတစ္ခုပါေနာ္...

ေအာက္မွာ ထည့္နည္းနဲ႕ လိုအပ္တဲ့ ကုဒ္ေတြကို တင္ေပးထားပါတယ္...

►1-  Blogger Singin ၀င္လိုက္ပါ။

►2-  Dashboard  ကိုသြားလိုက္ပါ။

►3-  Template    ကိုကလစ္ပါ..။

►4-  Edit  Html   ကို၀င္ပါ.. Process ကိုကလစ္ျပီးဆက္၀င္လုိက္ပါ။

►5-  Ctrl+F  (သို႕မဟုတ္) F3  အကူညီျဖင့္ ေပးထားတဲ့ ကုဒ္ကို ရွာလိုက္ပါ။

 ]]></b:skin> ကိုရွာပါ၊မေတြ႕ပါက b:skin   ကိုသာေရြးရွာလုိက္ပါ သူ႕ေရွ႕မွာ မွ်ားအနက္ေလးေတြ႕တာနဲ႕ မွ်ားေလးတခ်က္ကလစ္ေျဖလိုက္ပါ ေနာက္ အန္းတားေခါက္လိုက္ပါ..ေတြ႕ျပီဆိုရင္

]]></b:skin> ရဲ႕အေပၚမွာ Cursor ခ်ျပီး ေအာက္ပါ Code မ်ားကူးထဲ့ျပီး Save Template

ကိုႏိုပ္ပါ။

မွတ္ခ်က္ ။    ။ အေပၚကကုဒ္ မွာ ရွာေဖြရခက္ခဲတတ္ပါသည္.. ကုဒ္ေတြကို ေခါက္ထားျခင္းေၾကာင့္သာ ျဖစ္ပါတယ္.. ထို႕ေၾကာင့္  b:skin  ဆိုတာေလးဘဲ ေရးရွာလိုက္ပါ.. ေတြ႕တာနဲ႕ သူ႕ေဘးမွာ မွ်ားအနက္ေလး ေတြ႕မယ္ ကလစ္ေျဖ လိုက္ပါ ဒါဆို b:skin  ကို အန္းတား ဆက္ေခါက္ေပးတာနဲ႕ ေတြ႕ပါျပီ....

ေနာက္ထပ္....က်န္ပါေသးတယ္....

   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို

   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့

   ►3.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ

   ►4.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ

   ►5.  ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ

<div class="container">
<div id="content-slider">
<div id="slider">
<div id="mask">
<ul>
<li id="first" class="firstanimation">
<a href="#">
<img src="မိမိတို႕ပုံရဲ႕လင့္ကိုထည့္ပါ" alt="Green"/>
</a>
<div class="tooltip">
<h1>Green</h1>
</div>
</li>

<li id="second" class="secondanimation">
<a href="#">
<img src="မိမိတို႕ပုံရဲ႕လင့္ကိုထည့္ပါ" alt="Car"/>
</a>
<div class="tooltip">
<h1>Car</h1>
</div>
</li>

<li id="third" class="thirdanimation">
<a href="#">
<img src="မိမိတို႕ပုံရဲ႕လင့္ကိုထည့္ပါ" alt="Nature"/>
</a>
<div class="tooltip">
<h1>Nature</h1>
</div>
</li>

<li id="fourth" class="fourthanimation">
<a href="#">
<img src="မိမိတို႕ပုံရဲ႕လင့္ကိုထည့္ပါ" alt="Nature"/>
</a>
<div class="tooltip">
<h1>Nsture</h1>
</div>
</li>

<li id="fifth" class="fifthanimation">
<a href="#">
<img src="မိမိတို႕ပုံရဲ႕လင့္ကိုထည့္ပါ" alt="Yellow"/>
</a>
<div class="tooltip">
<h1>Yellow</h1>
</div>
</li>
</ul>
</div>
<div class="progress-bar"></div>
</div>
</div>
</div>

 မွတ္ခ်က္  ။               ။ အျပာေရာင္နဲ႕ စာသားေတြေနရာမွာ မိမိတို႕ ထည့္လိုတဲ့ ပုံေတြ ေၾကာ္ျငာေတြရဲ႕

                                လင့္ကို ထည့္ေပးရမွာ ျဖစ္ပါတယ္..

ပုံေတြကိုလင့္ယူရန္..... -http://s1323.beta.photobucket.com/ 
                             -http://minus.com/
                             -http://imageshack.us/

                                            သည္ဆိုဒ္ေတြမွာ အသုံးျပဳနိဳင္ပါတယ္...ဗ်ာ...