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


ခုတင္တဲ့နည္းလမ္းေလးကေတာ့  မိမိတို႕ဘေလာ့ေပၚမွာ ပုံေလးေတြ (သို႕) ေၾကာ္ျငာေတြကို လွလွပပနဲ႕
စလိုက္ရွိဳးပုံစံေလးနဲ႕ ထားချင္သူမ်ားအတြက္  နည္းလမ္းေလးတစ္ခုပါေနာ္...
ေအာက္မွာ ထည့္နည္းနဲ႕ လိုအပ္တဲ့ ကုဒ္ေတြကို တင္ေပးထားပါတယ္...

►1-  Blogger Singin ၀င္လိုက္ပါ။
►2-  Dashboard  ကိုသြားလိုက္ပါ။
►3-  Template    ကိုကလစ္ပါ..။
►4-  Edit  Html   ကို၀င္ပါ.. Process ကိုကလစ္ျပီးဆက္၀င္လုိက္ပါ။
►5-  Expand  Widget  Template  ကိုအမွန္ျခစ္ေပးဖို႕မေမ့ပါနဲ႕ေနာ္...။
►6-  Ctrl+F  (သို႕မဟုတ္) F3  အကူညီျဖင့္ ေပးထားတဲ့ ကုဒ္ကို ရွာလိုက္ပါ။

 ]]></b:skin> ကိုရွာပါ၊ေတြ႕ျပီဆိုရင္

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



ေနာက္ထပ္....က်န္ပါေသးတယ္....
   ►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/
                                            သည္ဆိုဒ္ေတြမွာ အသုံးျပဳနိဳင္ပါတယ္...ဗ်ာ...

ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...cbox မွာ ေျပာခဲ့ၾကပါေနာ္..

<<< မန္ဘာ၀င္ျပီး... Fb Like ျခင္းျဖင့္ အားေပးၾကပါေနာ္ >>>

 ေအာင္ေအာင္(မကစ) ပိုင္ဆိုင္ေသာ ေနရာေလးမ်ားကိုလာလည္ၾကပါ။
လယ္တီေျမသား www.ledimyethar.com
ဘေလာ့ခရီးသည္ http://aungsanmks.blogspot.com/
ဓမၼႏွင့္စာေပနန္းေတာ္ www.ninilayy.com/

3 comments:

Moe Htet said...

အကိုရွာခိုင္းတဲ့ code မေတြ႕ဘူးဗ်
process လဲမေတြ႔ဘူး
expand လဲမေတြ႕ဘူး
]]>< ဆိုတဲ့ ဟာလဲေတြ႕ဘူးဗ်

Moe Htet said...

အကိုေရ အကိုရွာခိုင္းတဲ့ ဟာေတြမေတြ႕ဘူးဘဲျပေနတယ္ဗ်
process,expand ဆိုတာရယ္
]]>< ဆိုတာရယ္ပါ code ေတြကို အျပည့္မေရးေတာ့ဘူးေနာ္

ဘေလာ့ခရီးသည္ said...

Moe Htet ေရ အဲကုဒ္ရွာတိုင္း ျပသနာျဖစ္ေနတယ္... ဘာလဲဆိုေတာ့ ကုဒ္ကို ေခါက္ထားလို႕ပါ ညီ၀င္တာနဲ႕ html ေတြမွာ ► အဲလိုမွ်ားေလးေတြ ေတြ႕တယ္မလား ေဘးမွာ အဲတာေလးေတြထဲမွာကိုကုဒ္ေတြရွိတယ္... သည္ေတာ့ ညီက ]]> သည္ကုဒ္ရွာမယ္ဆို ေခါက္ထားတာထဲ ျဖစ္ေနရင္ ေတြ႕ဖို႕ခက္တယ္..သည္ေတာ့ သည္လိုေလး ရွာလုိက္ ေတြ႕တဲ့ထိ နဲနဲစီဖ်က္ရွာ ေတြ႕တာနဲ႕ ေဘးက ► မွ်ားအနက္ေလးကလစ္လုိက္ ေခါက္ထားတာေတြက်လာမယ္ အဲထဲမွာ ရွိပါတယ္... အဲလိုအဆင္မေျပရင္ Html မွာ ေဘဒးက မွ်ားနက္ေလးေတြအကုန္လိုက္ကလစ္ျပီး မွ ရွာလိုက္ေပါ့...အိုေက

Post a Comment