ခုတင္တဲ့နည္းလမ္းေလးကေတာ့ မိမိတို႕ဘေလာ့ေပၚမွာ ပုံေလးေတြ (သို႕) ေၾကာ္ျငာေတြကို လွလွပပနဲ႕
စလိုက္ရွိဳးပုံစံေလးနဲ႕ ထားချင္သူမ်ားအတြက္ နည္းလမ္းေလးတစ္ခုပါေနာ္...
ေအာက္မွာ ထည့္နည္းနဲ႕ လိုအပ္တဲ့ ကုဒ္ေတြကို တင္ေပးထားပါတယ္...
►1- Blogger Singin ၀င္လိုက္ပါ။
►2- Dashboard ကိုသြားလိုက္ပါ။
►3- Template ကိုကလစ္ပါ..။
►4- Edit Html ကို၀င္ပါ.. Process ကိုကလစ္ျပီးဆက္၀င္လုိက္ပါ။
►5- Expand Widget Template ကိုအမွန္ျခစ္ေပးဖို႕မေမ့ပါနဲ႕ေနာ္...။
►6- Ctrl+F (သို႕မဟုတ္) F3 အကူညီျဖင့္ ေပးထားတဲ့ ကုဒ္ကို ရွာလိုက္ပါ။
]]></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>
<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>
ၿပီးရင္ Save လိုက္ပါ
မွတ္ခ်က္ ။ ။ အျပာေရာင္နဲ႕ စာသားေတြေနရာမွာ မိမိတို႕ ထည့္လိုတဲ့ ပုံေတြ ေၾကာ္ျငာေတြရဲ႕
လင့္ကို ထည့္ေပးရမွာ ျဖစ္ပါတယ္...(#)ဆိုတဲ့ေနရာမွာ မိမိညွြန္ခ်င္ေသာ ဆိုဒ္ရဲ႕
လင့္ကို ထည့္ေပးရမွာ ျဖစ္ပါတယ္...(#)ဆိုတဲ့ေနရာမွာ မိမိညွြန္ခ်င္ေသာ ဆိုဒ္ရဲ႕
လင့္ကိုထည့္ေပးလိုက္ပါ။
စာဖက္သူမ်ားနားမလည္တာရိွရင္ ကြန္မန္းမွာစာခ်န္းေပးခဲ့ပါ
တစ္ေန႔ေန႔တစ္ခ်ိန္ခ်ိန္ ကြ်န္ေတာ္လူ႔ေလာကၾကီးထဲက နွုတ္ဆက္ထြက္ခြာသြားခဲ့တဲ့အခါ ကြ်န္ေတာ္တို႔ရဲ႕ပညာေလးေတြဟာ အျမဲက်န္ရိွေနေစခ်င္ေသာစိတ္ျဖင့္ နည္းပညာေလးေတြမွ်ေ၀ေပးရင္း အားလံုးပဲ စိတ္ဆင္းရဲျခင္းကင္းေ၀းၾကပါေစဗ်ာ။
တစ္ေန႔ေန႔တစ္ခ်ိန္ခ်ိန္ ကြ်န္ေတာ္လူ႔ေလာကၾကီးထဲက နွုတ္ဆက္ထြက္ခြာသြားခဲ့တဲ့အခါ ကြ်န္ေတာ္တို႔ရဲ႕ပညာေလးေတြဟာ အျမဲက်န္ရိွေနေစခ်င္ေသာစိတ္ျဖင့္ နည္းပညာေလးေတြမွ်ေ၀ေပးရင္း အားလံုးပဲ စိတ္ဆင္းရဲျခင္းကင္းေ၀းၾကပါေစဗ်ာ။
