HTML အေၾကာင္း ေရးသားထားတဲ့ E-BOOK ေလးပါ ကို Saturngod ေရးသားထားတာပါ....

Read More

Windows_7_Loader_v2.2.1

Read More

Internet Download Manager 6.19 Latest Version Crack

Read More

Samsung KIES

Read More

SnagIt 11.4.0.176 - The ultimate screen capture tool. with Keys

 

       Screen Capture ႏွင့္ Video Record လုပ္ခ်င္သူမ်ားအတြက္ SnagIT 11.4.0.176 Full Version

Read More

ArcSoft Perfect 365.1.8.0.3+Key

ဓါတ္ပံုျပဳျပင္တဲ့ Software ေလးပါ... အရမ္းလန္းပါတယ္...ေဒါင္းခ်င္ရင္ ေအာက္မွာ ေဒါင္းသြားပါ...

Read More

ISO to USB ( Windows ISO Bootable Maker

Windows 7 / 8 ISO ကို USB Pendrive မွာ Bootable လုပ္တဲ့ ISO to USB Bootable maker.

Read More

ZDSoft Screen Recorder 5.4 + [Patch+Serial]

         မိမိတို႕ရဲ့ ကြန္ပ်ဴ တာကို Screen recording လုပ္ခ်င္သူေတြအတြက္ ZD Soft Screen Recorder 5.4 

 

Read More

ဆိုဒ္တက္လာလာခ်င္း Facebook Like box ေပၚလာေအာင္လုပ္နည္း (Blogger only)

မဂၤလာပါ။ 

 Tech in Blogging  မွႀကိဳ ဆိုပါတယ္။ ကြ်န္ေတာ့္ဆိုဒ္မွာ အလွဆင္ထားတဲ့ ဒီ 

box ကိုေ၀မွ်လိုက္ပါတယ္။ အဲ့ဒါမခက္ပါဘူး။ ဆိုဒ္ေလးစ၀င္တာနဲ႕ ဒီ fb like 

box ေပၚလာတာနဲ႕ လူတိုင္းကို Like လုပ္ဖို႕ဆြဲေဆာင္ေစတယ္ေလ။ လိုခ်င္ရင္

 ယူသြားလို႕ရပါတယ္။ Live Demo ကိုကလစ္ၾကည့္ပါ။ မယံုဘူးဆိုရင္...

LIVE DEMO

http://adf.ly/NwYYY မွာယူပါ။ ဒီမွာ ယူပါ။ အဲ့ဒီမွာလည္း အသံုးျပဳနည္းေရးထားပါတယ္။ အဆင္ေျပပါေစ။

Source ;  ဘေလာ့ခရီးသည္

Read More

ဘေလာ့တခုမွ လိုျခင္ေသာ ပုံ..ဒီဇိုင္း..ေတြရဲ႕ လင့္..ကုဒ္ ေတြကိုအလြယ္ ရယူနည္း

ကဲ  ဘေလာ့ခရီးသည္ရဲ႕  ဘေလာ့မိတ္ေဆြအေပါင္းတို႕ဗ်ားးးးးးးးးးးးးးးးးး သည္ေန႕ေတာ့  မဂၤလာသတင္းေလးလို႕လဲ ေျပာလို႕ရပါမယ္... ေနာက္..မေကာင္းေသာအတတ္ပညာကို သင္ေပးတယ္လို႕လဲ  ဆိုနိဳင္ပါတယ္....ေိေိ...ဘာျဖစ္ျဖစ္ ပညာဆိုတာ ထိန္ခ်န္မထားအပ္ဘူးးလို႕

ဆိုရိုးစကားရွိတယ္မလားး တတ္သည့္ပညာ  မွ်ေ၀ျခင္းကလည္း မဂၤလာတပါးလို႕ ဆိုရမယ္ေပါ့..အဟိ

မေကာင္းတာသင္မယ့္လူက  တရားသေဘာေတြပါေနျပီ... မေကာင္းတာဆိုေပမယ့္  ေကာင္းပါတယ္ဗ်ာ

ဒါေလးက ဘေလာ့ကာ အသစ္ေလးေတြအတြက္ အထူး လက္ေဆာင္ပါ... 

ဘာလဲဆိုေတာ့ တျခားပညာရွင္မ်ားရဲ႕ ဘေလာ့ေပၚက  အလွဆင္ထားတဲ့ ပုံေလးေတြ ဆိုဒ္ဘားက  ဒီဇိုင္းေလးေတြ  ေနာက္ မိမိဘေလာ့ကိုျပဳျပင္တဲ့ေနရာမွာလဲ...အရမ္းအသုံးး၀င္ပါတယ္.... ကိုယ္ျပဳျပင္

လိုတဲ့ ေနရာေတြကိုသည္နည္းေလးနဲ႕ ရွာျပီး Html  မွာ ကိုယ္လိုအပ္သလို အစားသြင္းအလွဆင္နိဳင္လို႕ပါဘဲ.....

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

ပုံရဲ႕ လင့္ယူၾကမယ္ဆိုပါေတာ့...အဲတာေလးနဲ႕ ဥပမာျပ ေပးသြားးမွာပါ

 အဆင့္  (၁).....  အဆင့္-၁ အေနနဲ႕... မိမိတို႕ လိုျခင္ေသာ ဘေလာ့ကို၀င္လုိက္ပါ  အဲဘေလာ့ရဲ႕
                       လိပ္စာေရွ့က  လိုဂိုေလးကို ကလစ္ပါ...ေဘာက္ေလးတစ္ခုက်လာမယ္... အဲမွာ more information ဆိုတာဆက္ကလစ္လုိက္ပါ။

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

အဆင့္  (၃)   ဒါကေတာ့ ေနာက္ဆုံးအဆင့္ဆိုပါေတာ့....အဲထဲမွာဘဲ ပုံျပထားသလိုပါ  တခုခ်င္းရွာေဖြ  

                  ခိုးးယူ   အဲေလ.... ေလ့လာနိဳင္ပါတယ္လို႕ ေျပာလိုပါတယ္... မိမိတို႕ တခုခ်င္းကလစ္တာနဲ႕

                  ကလစ္တဲ့လင့္ဆိုင္ရာ ပုံေလးေတြဟာ ာေအာက္မွာ ျပေနပါတယ္..ကိုယ္လိုျခင္တဲ့ပုံေရာက္တာနဲ႕   အဲလင့္ကို ကူးယူု အသုံးျပဳနိဳင္ပါျပီ..... အားလုံးး  အဆင္ေျပၾကပါေစ..မခိုးတတ္ပါက...ဟုုသည္ပါးစပ္... မလုပ္တတ္ပါက

ေအာ္ခဲ့ပါေနာ္... ေိေိ...ဗ်ဲ.......

 အဆင္ေျပပါေစ

 မိမိဘေလာ့ ျပဳဲပင္ရာမွာ အရမ္းအသုံး၀င္ျပီးး ျမန္ဆန္ေစပါတယ္...

 

Source ;  ဘေလာ့ခရီးသည္

Read More

ဘေလာ့မွာ Slider တစ္ခုျပဳလုပ္ျခင္း (၄)

 

 မဂၤလာပါ  သည္နည္းပညာေလးကေတာ့ မိမိတို႕ဘေလာ့မွာ ကိုယ္ညႊန္ျခင္ အေရးၾကီး ပို႕စ္ေနရာေလးေတြကို စလုိက္တာ ပုံစံေလးနဲ႕ လွလွပပ  ညႊန္ျပလိုတဲ့နည္းလမ္းေလးျဖစ္ပါတယ္... သည္လို နည္းလမ္းေလးေတြကို ပုံစံအမ်ိဳးမ်ိဳးနဲ႕ တင္ျပေပးသြားမွာ ျဖစ္ပါတယ္. ေအာက္မွာ နည္းလမ္းနဲ႕လိုအပ္တဲ့ကုဒ္ေတြ ေပးထားပါတယ္... ေလ့လာျပီး ကလိလုိက္ေနာ္....လန္းးးတယ္...ဂ်

   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
   ►3.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►4.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
   ►5.  ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ

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

<script src="http://24work.webs.com/24work-blogspot/featured-post/17-content-code/excellent-slideshow-compressed.js" type="text/javascript"></script>
<a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a>
<style type="text/css">
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:506px; margin:50px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:500px; height:300px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0UqhsiJP4uBtNt_kSfDADiEBjwtQapmSkjIg5ZTBqRneDRdufpNaZpZksgKF1J4oIsPU8A2PwVCI7HLz1wF3ttpnvUMc9zK8tL7oa4KU-x-AVTB87m_HnzcGsmY32xJS5byuxKDmy6s4S/) left center no-repeat}
#imgnext {right:0; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhox0IBsbbo4RZ8MCWRype1f1-E1kvNwQ1Q7r6yKIder4un0dwHcEa2y9ge1Y6A17zgL1uszQBp8DeF29wJruzNN6CI2X0pLrwg-r_m5Il03YtqyWHlxdsoNnMnh84KH5lce-6M5qKHM62i/) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVT18jJWkcE3nw_Q0TvgeT6uSNzRxX_mI7FhSAD6rHW0GKTuDSZ7Bw5S0u1ODEc5QDHC9eFpi4QI-1vCFPycdsUAIVm9zsjsuMfmFqUIHFkg7lgY7xv338YmzhdBHgyY4v9G2IQMh8wPV8/) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUKqnhaciSXBQ9dj6M0nF-rxxLVnQtoG-teCycf-fj18ZMhVNXJOd5ZESrABG8XURksmhkX8MVFSSVpe6u569QRwun-sl1MBcmvHKn4g-KlEayhyphenhyphen4CQBTc41pbWVq9irvtwxMkLXbu3bjt/) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiTZJumtuHNcwM1CSEt8Z3FiY_NcqwAIaE7agBgNd0cMvrrBOHILc8Hr2HrQ7inh6zJALCaeoWAUdw000gBRkkQowhxi5QvJuMYV_6g3Q8PHulTv_jTFoZKJWW1KK3sIHJRL7riHX9pWD1/) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}
</style>


<div style="float:left;">

<ul id="slideshow">


<li>
<h3>Enter Title 1 Here</h3>

<span>ပုံလင့္ထည့္ရန္</span>

<p>Enter Description 1 Here.</p>
<a href="မိမိပို႕စ္လင့္ထည့္ပါ"><img src="ပုံလင့္ထည့္ရန္" alt="" /></a>
</li>


<li>
<h3>Enter Title 2 Here</h3>

<span>ပုံလင့္ထည့္ရန္</span>

<p>Enter Description 3 Here.</p>
<a href="မိမိပို႕စ္လင့္ထည့္ပါ"><img src="ပုံလင့္ထည့္ရန္" alt="" /></a>
</li>


<li>
<h3>Enter Title 3 Here</h3>

<span>ပုံလင့္ထည့္ရန္</span>

<p>Enter Description 3 Here.</p>
<a href="မိမိပို႕စ္လင့္ထည့္ပါ"><img src="ပုံလင့္ထည့္ရန္" alt="" /></a>
</li>


<li>
<h3>Enter Title 4 Here</h3>

<span>ပုံလင့္ထည့္ရန္</span>

<p>Enter Description 4 Here.</p>
<a href="မိမိပို႕စ္လင့္ထည့္ပါ"><img src="ပုံလင့္ထည့္ရန္" alt="" /></a>
</li>


<li>
<h3>Enter Title 5 Here</h3>

<span>ပုံလင့္ထည့္ရန္</span>

<p>Enter Description 3 Here.</p>
<a href="မိမိပို႕စ္လင့္ထည့္ပါ"><img src="ပုံလင့္ထည့္ရန္" alt="" /></a>
</li>


</ul>

<div id="wrapper">

<div id="fullsize">

<div id="imgprev" class="imgnav" title="Previous Image"></div>

<div id="imglink"></div>

<div id="imgnext" class="imgnav" title="Next Image"></div>

<div id="image"></div>

<div id="information">
<h3></h3>
<p></p>
</div>
</div>

<div id="thumbnails">

<div id="slideleft" title="Slide Left"></div>

<div id="slidearea">

<div id="slider"></div>

</div>

<div id="slideright" title="Slide Right"></div>

</div>

</div>

</div>


<script type='text/javascript'>
$('slideshow').style.display='none';
$('wrapper').style.display='block';
var slideshow=new TINY.slideshow("slideshow");
window.onload=function(){
slideshow.auto=true;
slideshow.speed=5;
slideshow.link="linkhover";
slideshow.info="information";
slideshow.thumbs="slider";
slideshow.left="slideleft";
slideshow.right="slideright";
slideshow.scrollSpeed=4;
slideshow.spacing=5;
slideshow.active="#fff";
slideshow.init("slideshow","image","imgprev","imgnext","imglink");
}
</script>

  မွတ္ခ်က္    ။                ။  မိမိတို႕ ကုဒ္ေတြ ေကာ္ပီယူ ထည့္တာနဲ႕ ျပဳျပင္စရာေတြ ရွိလာမွာပါေနာ္

(၁) "ပုံလင့္ထည့္ရန္" ဆိုတဲ့ေနရာမွာ မိမိတို႕ ျပလိုတဲ့ပုံရဲ႕ လင့္ကိုပါ။( ႏွစ္ေနရာ ထည့္ေပးရပါမည္)
(၂) "မိမိပို႕စ္လင့္ထည့္ပါ"  ဆိုတဲ့ေနရာမွာ ညႊန္ျပတဲ့ ေနရာရဲ႕ လင့္ကို ထည့္ေပးပါ။
(၃) Enter Title 1 Here ဆိုတာကေတာ့ ညႊန္ျပတဲံ ပို႕စ္ရဲ႕ ေခါင္းစဥ္အမည္ေပါ့ေနာ္ ။
(၄) Enter Description 4 Here.ဆိုတာကေတာ့ မိမိတို႕ ေရးလိုေသာ စာသားအနည္းငယ္ေရးလိုက္ပါ။

ဒါဆိုရင္ ျပည့္စုံပါျပီ  မိမိတို႕ဘေလာ့ေပၚမွာ ေအာ္တို သြားေနတဲ့ စလိုက္ေလးကိုပိုင္ဆိုင္ပါျပီ သူကေတာ့

၅   ခုတိတိပါ၀င္တာျဖစ္ပါတယ္.. မိမိလမ္းညႊန္လိုေသာ ေနရာ ၅ ခုကိုထည့္လုိက္ပါေနာ္...

 

Source ; ဘေလာ့ခရီးသည္

Read More

ဘေလာ့မွာ Slider တစ္ခုျပဳလုပ္ျခင္း (၃)

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

   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
   ►3.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►4.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
   ►5.  ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ

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

<script src="http://code.jquery.com/jquery-1.10.2.js" type="text/javascript"></script>
<script src="http://24work.webs.com/24work-blogspot/featured-post/17-content-code/n17-content-slider-04.js" type="text/javascript"></script>
<a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a>
<style type="text/css">
#myslides{
background:#2c3133;
}
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 95%; /*Width of Carousel Viewer itself*/
height: 165px; /*Height should enough to fit largest content&#39;s height*/
margin: 0px 14px 5px 14px;
background:#2c3133;
}
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px 17px ; /*margin around each panel*/
width:220px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
background:#202325;
height:140px;
border:1px solid #393f42;
}
.stepcarousel .panel p{
text-align: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px 5px ; /*margin around each panel*/
}
.stepcarousel .panel h2{
text-align: left; /*leave this value alone*/
height:20px;
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 2px 5px ; /*margin around each panel*/
font-size:16px;
font-weight:bold;
text-align:center;
font-family:Georgia,century gothic,Arial,verdana, sans-serif;
}
.stepcarousel .panel img{
float: left; /*leave this value alone*/
background:#040404; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px 10px 10px 10px; /*margin around each panel*/
padding:0px 0px;
}
</style>



<div id="myslides">

<script type="text/javascript">
stepcarousel.setup({
galleryid: 'mygallery', //id of carousel DIV
beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
panelclass: 'panel', //class of panel DIVs each holding content
panelbehavior: {speed:500, wraparound:true, persist:true},
defaultbuttons: {enable: true, moveby: 2, leftnav: ['https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQwYgYOTSdt-TcYl3PvrLw7LQsbFYH5UDSDmZON0uRS-Z5A8MyDibUFZ-yLcurn48M78bod-8j8cRUjeyWij3gmweKzIWPgTsY_Qtxx_ojIuedyVSPQi4eYy5hgfPODVCNJiW15EzJU2Eh/', -14, 60], rightnav: ['https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGXF3kY5forOwGoUgvakKWZYqZRLIbB8tJB7iBQkl53GToPb_yKFxNGQnBJ_T5mElkDe1yn87VZnAavRMpBuOhX3bJvIHOV73TRzDUsa-0Vy5DnXe-588OAWSYcFNoenOibqzmktD_WZTb/', 0, 60]},
statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
contenttype: ['external'] //content setting ['inline'] or ['external', 'path_to_external_file']
})
</script>


<div id="mygallery" class="stepcarousel">
<div class="belt">

<div class="panel">
<a href="မိမိပို႕စ္လင့္ထည့္ပါ" target="_blank" title="This is featured post 1 title">
<img alt=" " width="200" src="ပုံလင့္ထည့္ရန္" height="120"/>
</a>
</div>

<div class="panel">
<a href="မိမိပို႕စ္လင့္ထည့္ပါ" target="_blank" title="This is featured post 2 title">
<img alt="" width="200" src="ပုံလင့္ထည့္ရန္" height="120"/>
</a>
</div>

<div class="panel">
<a href="မိမိပို႕စ္လင့္ထည့္ပါ" target="_blank" title="This is featured post 3 title">
<img alt="" width="200" src="ပုံလင့္ထည့္ရန္" height="120"/>
</a>
</div>

<div class="panel">
<a href="မိမိပို႕စ္လင့္ထည့္ပါ" target="_blank" title="This is featured post 4 title">
<img alt="" width="200" src="ပုံလင့္ထည့္ရန္" height="120"/>
</a>
</div>

<div class="panel">
<a href="မိမိပို႕စ္လင့္ထည့္ပါ" title="This is featured post 5 title">
<img alt="" width="200" src="ပုံလင့္ထည့္ရန္" height="120"/>
</a>
</div>


</div>
</div>
</div>
<div class="clear"></div>

 မွတ္ခ်က္    ။                ။  မိမိတို႕ ကုဒ္ေတြ ေကာ္ပီယူ ထည့္တာနဲ႕ ျပဳျပင္စရာေတြ ရွိလာမွာပါေနာ္

(၁) "ပုံလင့္ထည့္ရန္" ဆိုတဲ့ေနရာမွာ မိမိတို႕ ျပလိုတဲ့ပုံရဲ႕ လင့္ကိုပါ။
(၂) "မိမိပို႕စ္လင့္ထည့္ပါ"  ဆိုတဲ့ေနရာမွာ ညႊန္ျပတဲ့ ေနရာရဲ႕ လင့္ကို ထည့္ေပးပါ။
(၃)This is featured post 5 title  ဆိုတာကေတာ့ ညႊန္ျပတဲံ ပို႕စ္ရဲ႕ ေခါင္းစဥ္အမည္ေပါ့ေနာ္ ။

ဒါဆိုရင္ ျပည့္စုံပါျပီ  မိမိတို႕ဘေလာ့ေပၚမွာ ေအာ္တို သြားေနတဲ့ စလိုက္ေလးကိုပိုင္ဆိုင္ပါျပီ သူကေတာ့

၅   ခုတိတိပါ၀င္တာျဖစ္ပါတယ္.. မိမိလမ္းညႊန္လိုေသာ ေနရာ ၅ ခုကိုထည့္လုိက္ပါေနာ္...

 

Source ;  ဘေလာ့ခရီးသည္

Read More

ဘေလာ့မွာ Slider တစ္ခုျပဳလုပ္ျခင္း (၂)

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

   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
   ►3.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►4.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
   ►5.  ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ

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

<script src="http://24work.webs.com/24work-blogspot/featured-post/17-content-code/contentslider-n-b-l-t-r.js" type="text/javascript"/>
<script src="http://24work.webs.com/24work-blogspot/featured-post/17-content-code/n17-content-slider-026.js" type="text/javascript"></script>
<a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a>
<style type="text/css">
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 5px solid #333333;
border-bottom-width: 5px;
width: 565px; /*width of featured content slider*/
height: 175px;
margin-left:15px;
}
.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0; /*leave as is*/
top: 0; /*leave as is*/
padding: 5px;
background: white;
width: 555px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
margin-top:0px;
}
.pagination{
width: 555px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: #333333;
padding: 5px 10px;
margin-top:-3px;
height:30px;
margin-left:15px;
}
.pagination a{
padding: 0 5px;
text-decoration: none;
color: #000;
background: #AAAAAA;
}
.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FFF;
}

</style>



<div class="sliderwrapper" id="slider1">
<div class="contentdiv">
<img height="115" src="ပုံလင့္ထည့္ရန္" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" width="145" />
<h2><a href="မိမိပို႕စ္လင့္ထည့္ပါ" target="_blank">Title-of-Post</a></h2>Slide Description [...]
</div>
<div class="contentdiv">
<img height="115" src="ပုံလင့္ထည့္ရန္" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" width="145" />
<h2><a href="မိမိပို႕စ္လင့္ထည့္ပါ" target="_blank">Title-of-Post</a></h2>Slide Description [...]
</div>
<div class="contentdiv">
<img height="115" src="ပုံလင့္ထည့္ရန္" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" width="145" />
<h2><a href="မိမိပို႕စ္လင့္ထည့္ပါ" target="_blank">Title-of-Post</a></h2>Slide Description [...]
</div>
<div class="contentdiv">
<img height="115" src="ပုံလင့္ထည့္ရန္" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" width="145" />
<h2><a href="မိမိပို႕စ္လင့္ထည့္ပါ" target="_blank">Title-of-Post</a></h2>Slide Description [...]
</div>
<div class="contentdiv">
<img height="115" src="ပုံလင့္ထည့္ရန္" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" width="145" />
<h2><a href="မိမိပို႕စ္လင့္ထည့္ပါ" target="_blank">Title-of-Post</a></h2>Slide Description [...]
</div>
</div>
<div class="pagination" id="paginate-slider1">
</div>
<script type="text/javascript">
featuredcontentslider.init({
id: "slider1", //id of main slider DIV
contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
toc: "#increment", //Valid values: "#increment", "markup", ["label1", "label2", etc]
nextprev: ["Previous", "Next"], //labels for "prev" and "next" links. Set to "" to hide.
enablefade: [true, 0.2], //[true/false, fadedegree]
autorotate: [true, 3000], //[true/false, pausetime]
onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
}
})
</script>

 မွတ္ခ်က္    ။                ။  မိမိတို႕ ကုဒ္ေတြ ေကာ္ပီယူ ထည့္တာနဲ႕ ျပဳျပင္စရာေတြ ရွိလာမွာပါေနာ္

(၁) "ပုံလင့္ထည့္ရန္" ဆိုတဲ့ေနရာမွာ မိမိတို႕ ျပလိုတဲ့ပုံရဲ႕ လင့္ကိုပါ။
(၂) "မိမိပို႕စ္လင့္ထည့္ပါ"  ဆိုတဲ့ေနရာမွာ ညႊန္ျပတဲ့ ေနရာရဲ႕ လင့္ကို ထည့္ေပးပါ။
(၃) Title-of-Post ဆိုတာကေတာ့ ညႊန္ျပတဲံ ပို႕စ္ရဲ႕ ေခါင္းစဥ္အမည္ေပါ့ေနာ္ ။
(၄)  Slide Description [...]  ဆိုတာကေတာ့ မိမိတို႕ ေရးလိုေသာ စာသားအနည္းငယ္ေရးလိုက္ပါ။

ဒါဆိုရင္ ျပည့္စုံပါျပီ  မိမိတို႕ဘေလာ့ေပၚမွာ ေအာ္တို သြားေနတဲ့ စလိုက္ေလးကိုပိုင္ဆိုင္ပါျပီ သူကေတာ့

၅   ခုတိတိပါ၀င္တာျဖစ္ပါတယ္.. မိမိလမ္းညႊန္လိုေသာ ေနရာ ၅ ခုကိုထည့္လုိက္ပါေနာ္...

 

Source ;  ဘေလာ့ခရီးသည္

Read More

ဘေလာ့မွာ Slider တစ္ခုျပဳလုပ္ျခင္း (၁)

 မဂၤလာပါဗ်ာ.... အားလုံးကို နည္းပညာေလးတစ္ခု လက္ဆင့္ ကမ္းျခင္ပါတယ္.. ဒါေလးကေတာ့.. မိမိတို႕

ဘေလာ့မွာ ကိုယ္ညႊန္ျပျခင္ေသာ ေနရာေလးေတြ ပို႕စ္ေလးေတြအား   Slider ေလးနဲ႕ ခပ္လန္းလန္းေလး

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

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

သူကေတာ့ ေအာ္တို စလုိက္ေလးသြားေနမယ္ေနာ္....လန္းးးးတယ္..ေိေိ

   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
   ►3.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►4.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
   ►5.  ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ

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

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> <script src="http://24work.webs.com/24work-blogspot/featured-post/17-content-code/jquery.cycle.all-000-.js" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ sfHover = function() { var sfEls = document.getElementById("nav").getElementsByTagName("LI"); for (var i=0; i<sfEls.length; i++) { sfEls[i].onmouseover=function() { this.className+=" hover"; } sfEls[i].onmouseout=function() { this.className=this.className.replace(new RegExp(" hover\\b"), ""); } } } if (window.attachEvent) window.attachEvent("onload", sfHover); //]]> </script> <script type="text/javascript"> $(document).ready(function(){ $('#myslides').cycle({ fx: 'fade', speed: 700, timeout: 3000, next: '#next', prev: '#prev' }); }); </script> <a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a> <style type="text/css"> /* featured fade */ #wrapper-featured{ padding:10px 0 ; width:650px; height: 326px; margin:0 ; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP2ctqVmwbA2SeAFBS-FAwTC01W_7BAES3-2MkQmOJwQzfwHu66CxZ5kFQAoLKFFCQ2Ecz7W2tKlFqiLtSipfXECgc3kKcdgvU_1Q3DXSgJ9qHxSP3B9L6EWeeB9WNtjed_0XeoslU0viO/s1600/bg_featured.jpg) no-repeat; position:relative; } #wrapper-myslides { width:550px; height:210px; padding: 0 0 ; margin: 3px 0 0 10px; position:relative; float:left; } #myslides { width:550px; height:210px; padding: 0 0 50px; margin: 0 18px ; overflow:hidden; } .panel{ width:550px; height:210px; } #myslides img.crop-foto { margin:8px 10px 10px 9px; border:1px solid #fff; display:block; position:absolute; right:3px; top:0; } .featured-entry { text-align:left; line-height:1.5em; font-style:italic; font-size:12px; font-family: georgia,Arial,Verdana, Helvetica, sans-serif; padding: 20px 10px 0; width:280px; color:#fff; position:absolute; top:0; left:0; } h3.featured-title { font-size:22px; text-align:left; font-family:Georgia, Arial,Verdana, Helvetica, sans-serif; margin:10px 0 5px; padding:0 0 5px; font-weight:normal; line-height:1em; font-style:normal; } h3.featured-title a:link, h3.featured-title a:visited{ color:#fff; } h3.featured-title a:hover { color:#b1e1ff; } #nav-slides a#prev { position:absolute; bottom:105px; left:135px; z-index:1; color:#800; width:14px; height:15px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7TYZW7quJlNyBDrx01vWA8sL1VaFDoCHMpAVkC1nBNRdfWo0euleCAVOlR31L7OJLk80bzlf2B6XnQA0bO-IoJLWFC0sIZpzBHPvCFMB6pcvWV3JXyqeZnbayAgVQNwk0DvsRqMCbte7b/s400/prev.jpg) no-repeat; } #nav-slides a#prev:hover{ background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxsDwmvD04sS4U7wE0k5DiT8NQpmcTCvN2EYUKni9BPS6wR9DRu6k7fcPsW1uJpghywbK1VALed6WEIu9F71DWjjKYByL3209wW51Pi5XYIjE8N7wro5QDadaT9lrHXkZx9qz3Dlcx0i_F/s400/prev_hover.jpg) no-repeat; } #nav-slides a#next { position:absolute; bottom:105px; left:160px; z-index:1; color:#800; width:14px; height:15px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj8F172QdI2-cW3gpUKsCK6iljUPvShCUMzEU3RBpUkjzWvWby_7tKsaZ7YD_8VFIPLD2BSn0IYN0ec7uE-q12uYQwTcRPX2_aqxBjLA-qHs0gGXoo3977yn10DPRymADhoWWXynBFCwA0/s400/next.jpg) no-repeat; } #nav-slides a#next:hover{ background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijig3ddJtpgfcYfVu83aepU9me88UwedQGji22vuVuCsg7cLgqcJbkVWb_Mc5N043c5zMSG6P1tMgumoJFcIaH1CMrge7GEnvqj5286gKgL1_WEfYG1tKqY1B4UQzqYUaTQBFPEPeFBeWw/s400/next_hover.jpg) no-repeat; } </style> <div id="wrapper-featured"> <div id="wrapper-myslides"> <div id="myslides"> <div class="panel"> <div class="image-frame"> <a href="#" target="_blank" rel="bookmark" title="Title-of-Post"> <img alt="" class="crop-foto" height="185" src="ပုံလင့္သည္မွာထည့္ပါ" width="205"/></a> </div> <div class="featured-entry"> <h3 class="featured-title"> <a href="လင့္ထည့္ေပးရန္" target="_blank" rel="bookmark" title="Title-of-Post"> ေခါင္းစဥ္အမည္</a></h3> <p> Slide 1 စာသားေရးရန္</p> </div> <!--end featured-entry--> </div> <!--end panel--> <div class="panel"> <div class="image-frame"> <a href="#" target="_blank" rel="bookmark" title="Title-of-Post"> <img alt="" class="crop-foto" height="185" src="ပုံလင့္သည္မွာထည့္ပါ" width="205"/></a> </div> <div class="featured-entry"> <h3 class="featured-title"> <a href="လင့္ထည့္ေပးရန္" target="_blank" rel="bookmark" title="Title-of-Post"> ေခါင္းစဥ္အမည္</a></h3> <p> Slide 2 စာသားေရးရန္</p> </div> <!--end featured-entry--> </div> <!--end panel--> <div class="panel"> <div class="image-frame"> <a href="#" target="_blank" rel="bookmark" title="Title-of-Post"> <img alt="" class="crop-foto" height="185" src="ပုံလင့္သည္မွာထည့္ပါ" width="205"/></a> </div> <div class="featured-entry"> <h3 class="featured-title"> <a href="လင့္ထည့္ေပးရန္" target="_blank" rel="bookmark" title="Title-of-Post"> ေခါင္းစဥ္အမည္</a></h3> <p> Slide 3 စာသားေရးရန္</p> </div> <!--end featured-entry--> </div> <!--end panel--> <div class="panel"> <div class="image-frame"> <a href="#" target="_blank" rel="bookmark" title="Title-of-Post"> <img alt="" class="crop-foto" height="185" src="ပုံလင့္သည္မွာထည့္ပါ" width="205"/></a> </div> <div class="featured-entry"> <h3 class="featured-title"> <a href="လင့္ထည့္ေပးရန္" target="_blank" rel="bookmark" title="Title-of-Post"> ေခါင္းစဥ္အမည္</a></h3> <p> Slide 4 စာသားေရးရန္</p> </div> <!--end featured-entry--> </div> <!--end panel--> <div class="panel"> <div class="image-frame"> <a href="#" target="_blank" rel="bookmark" title="Title-of-Post"> <img alt="" class="crop-foto" height="185" src="ပုံလင့္သည္မွာထည့္ပါ" width="205"/></a> </div> <div class="featured-entry"> <h3 class="featured-title"> <a href="လင့္ထည့္ေပးရန္" target="_blank" rel="bookmark" title="Title-of-Post"> ေခါင္းစဥ္အမည္</a></h3> <p> Slide 5 စာသားေရးရန္</p> </div> <!--end featured-entry--> </div> <!--end panel--> </div> <!--end myslides--> </div> <!--end wrapper-myslides--> <div id="nav-slides"> <a href="#" id="prev"></a> <a href="#" id="next"></a> </div> </div> <!-- wrapper featured-->

မွတ္ခ်က္           ။                          ။  ကုဒ္ေတြကို ျပဳျပင္ရန္  ေသျခာ ၾကည့္ေပးပါေနာ္....

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

(၂)   ပုံလင့္သည္မွာ ထည့္ပါ   ဆိုတဲ့ေနရာမွာ မိမိတို႕ ေဖၚျပလိုေသာပုံ ရဲ႕ လင့္ကို ထည့္ပါ။
(၃)   လင့္ထည့္ေပး၇န္    ဆိုတဲ့ေနရာမွာ ကလစ္တာနဲ႕ ေရာက္သြားမည့္ ေနရာ လင့္ကိုပါ။
(၄)   ေခါင္းစဥ္အမည္   ဆိုတာမွာ ကိုညႊန္ျပတဲ့ လင့္ရဲ႕ title အမည္ေပါ့....။
(၅)  slider 1 စာသားေရးရန္    ဆိုတာကေတာ့ ေခါင္းစဥ္ / ပုံ နဲ႕သက္ဆိုင္ေသာ စာသားအနည္းငယ္ေပါ့။
      slider  2.3.4.5. အားလုံးထို႕နည္းတူပါဘဲေနာ္....


Source ; ဘေလာ့ခရီးသည္

Read More

IE Zawgyi Gtalk Font

IEZawGyiGtalkFont မွာ 32-Bit Operating System အတြက္ ဆိုလွ်င္ Keyboard မလိုပါ... 64-Bit Operating System အတြက္ဆိုလွ်င္ 64-Bit Keyboard file ေလးကိုဖြင့္၍ Install လုပ္ေပးပါ ဆိုတဲ့ setup ဖိုင္ေလးကို Double Click ႏိုပ္၍ သြင္းေပးလိုက္ပါ... Taskbar မွာ Keyboard သေကၤတေလး ေပၚလာရင္ရပါျပီ...

Read More

Microsoft.NET Framework 4.0

Windows တင္ျပီးတာနဲ႕ မရွိမျဖစ္လိုအပ္တဲ့ .NET Framework 4.0 ေလးပါ... .NET Framework ကို install မလုပ္ထားဘူးဆိုရင္ Microsoft Toolkit ကို run လို႕မရတာ ျမန္မာ Dictionary ေတြ သြင္းလို႕မရတာ ေတြျဖစ္တက္ပါတယ္... ေအာက္မွာ ေဒါင္းလုဒ္ဆြဲ သြားလို႕ရပါတယ္...

Read More

Wondershare Video Editor 3.5.0.8 + Crack

    Wondershare Video Editor ေလးပါ...USJ 22 က ကိုႏိုင္ေတာင္းထားလို႕ တင္ေပးလိုက္တာပါ... မသံုးဖူးရင္ စမ္းသံုးၾကည့္လိုက္ပါ... အရမ္းေကာင္းပါတယ္...

Read More