​ဘ​ေလာ့​မွာ ​ေနာက္​ဆံုး​တင္​သ​မ်ွ ​ဆို​တာ​ေလး​ကို ​အ​လွ​ပ​ဆံုး ​လုပ္​ၾက​မယ္

​မ​ဂၤ​လာ​ပါ ​သည္​ေန႔​တင္​တဲ့ ​နည္း​ပ​ညာ​ေလး​က​ေတာ့ ​မိ​မိ​တို႔ ​ဘ​ေလာ့​ေတြ​မွာ ​ေနာက္​ဆံုး​တင္​ထား​သ​မ်ွ ​ဆို​တဲ့ Recent Post ​ေလး​ကို ​အ​လန္း​ေလး ​လုပ္​တင္​နည္း​ပါ  ​အ​ရင္​က ​ကုဒ္​ေတြ​ကို HTML ​မွာ​ဝင္​ေရာက္

​ထည့္​သြင္း​ေန​ရ​ေတာ့ ​လူ​တိုင္း ​မ​လုပ္​တတ္​ျဖစ္​ေန​ပါ​တယ္.. ​ခု​က​ေတာ့ ​အ​ရမ္း​လြယ္​ကူ​႐ိုး​ရွင္း​စြာ​နဲ႔​ဘဲ

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

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

​သည္​ေဘာက္​ေလး ​တိုင္း​က​လစ္​ၿပီး ​က်​လာ​တဲ့ ​ေဘာက္​ထဲ​မွာ ​ေအာက္​က ​ကုဒ္​ေတြ ​ထည့္​ေပး​လိုက္​ပါ။

        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <style type="text/css" media="screen">#workwidget { overflow: hidden; margin-top: 5px; padding: 0px 0px; height: 385px; } #workwidget ul { width: 295px; overflow: hidden; list-style-type: none; padding: 0px 0px; margin: 0px 0px; } #workwidget li { width:230px; background: #1ed2f2; list-style-type: none; margin:0 0 5px 0px; padding:5px 5px 1px 10px !important; -webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;border: 0 none !important;-webkit-border-top-left-radius:40px;-webkit-border-bottom-right-radius:40px;-moz-border-radius-topleft:40px;-moz-border-radius-bottomright:40px;border-top-left-radius:40px;border-bottom-right-radius:40px; } #workwidget li a { text-decoration: none; color: #4B545B; font-size: 15px; height: 18px; overflow: hidden; margin: 0px 0px; padding: 0px 0px 2px 0px; } #workwidget img { float: left; margin-top: 10px; margin-right: 15px; background: #EFEFEF; border: 0; } #workwidget img { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; padding: 4px; background: #eee; background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa)); background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 3px rgba(0,0,0,.7); -moz-box-shadow: 0 0 3px rgba(0,0,0,.7); box-shadow: 0 0 3px rgba(0,0,0,.7); } #workwidget li:hover { background: #84f6f5; } #workwidget img:hover { -moz-transform: scale(1.2) rotate(-350deg); -webkit-transform: scale(1.2) rotate(-350deg); -o-transform: scale(1.2) rotate(-350deg); -ms-transform: scale(1.2) rotate(-350deg); transform: scale(1.2) rotate(-350deg); -webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1); -moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1); box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1); } .spydate { overflow: hidden; font-size: 10px; color: #0284C2; padding: 2px 0px; margin: 1px 0px 0px 0px; height: 15px; font-family: Tahoma,Arial,verdana, sans-serif; } .spycomment { overflow: hidden; font-family: Tahoma,Arial,verdana, sans-serif; font-size: 10px; color: #262B2F; padding: 0px 0px; margin: 0px 0px; } </style><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><script language='JavaScript'>imgr = new Array(); imgr[0] = "http://3.bp.blogspot.com/-Q1rsi1mma6I/UZDiiNy6guI/AAAAAAAAAYE/W9qgYs331f8/s1600/noimage.png"; imgr[1] = "http://3.bp.blogspot.com/-Q1rsi1mma6I/UZDiiNy6guI/AAAAAAAAAYE/W9qgYs331f8/s1600/noimage.png"; imgr[2] = "http://3.bp.blogspot.com/-Q1rsi1mma6I/UZDiiNy6guI/AAAAAAAAAYE/W9qgYs331f8/s1600/noimage.png"; imgr[3] = "http://3.bp.blogspot.com/-Q1rsi1mma6I/UZDiiNy6guI/AAAAAAAAAYE/W9qgYs331f8/s1600/noimage.png"; imgr[4] = "http://3.bp.blogspot.com/-Q1rsi1mma6I/UZDiiNy6guI/AAAAAAAAAYE/W9qgYs331f8/s1600/noimage.png"; showRandomImg = true; boxwidth = 255; cellspacing = 6; borderColor = "#232c35"; bgTD = "#000000"; thumbwidth = 50; thumbheight = 50; fntsize = 15; acolor = "#666"; aBold = true; icon = " "; text = "comments"; showPostDate = true; summaryPost = 40; summaryFontsize = 10; summaryColor = "#666"; icon2 = " "; numposts = 10; home_page = "​သည္​ေန​ရာ​မွာ ​မိ​မိ ​ဘ​ေလာ့​လိပ္​စာ​ထည့္​ပါ"; limitspy=4; intervalspy=4000; </script> <div id="workwidget"><script src='http://dl.dropboxusercontent.com/s/qegice7y4oneszj/animated-recent-posts-ycode-2.js' type='text/javascript'></script></div>

​မွတ္​ခ်က္   ။      ။  ​ကုဒ္​ေတြ​ထဲ​က ​သည္​ေန​ရာ​မွာ ​မိ​မိ​ဘ​ေလာ့ ​လိပ္​စာ​ထည့္​ပါ ​ဆို​တဲ့​ေန​ရာ​မွာ ​မိ​မိ​တို႔ ​လိပ္​စာ ​ထည့္​ေပး​ဖို႔ ​မ​ေမ့​ပါ​နဲ​က​ေနာ္...

​ခု​လို​အား​ေပး​တဲ့​အ​တြက္ ​အ​ထူး​ေက်း​ဇူး​တင္​ပါ​ေၾကာင္း ​ေျပာ​ၾကား​ပါ​ရ​ေစ..​ဘ​ေလာ့​ခ​ရီး​သည္​မွ ​နည္း​ပ​ညာ​မ်ား​အား ​မည္​သူ​မ​ဆို ​လြတ္​လပ္​စြာ ​ကူး​ယူ​သံုး​စြဲ​ႏိုင္​ပါ​တယ္.. ​က်ြန္​ေတာ္ ​ပိုင္​ဆိုင္​ေသာ​ေန​ရာ​ေလး​မ်ား​အား ​ဆက္​လက္ ​လည္​ပါတ္​လို​ပါ​က ***************************************

​ဘ​ေလာ့​ခ​ရီး​သည္​သို႔ { ​ဒီ​မွာ } ​သြား​လိုက္​ပါ 

​လယ္​တီ​ေျမ​သား​သို႔{ ​ဒီ​မွာ } ​သြား​လိုက္​ပါ 

​စာ​ေပ​နန္း​ေတာ္​သို႔{ ​ဒီ​မွာ } ​သြား​လိုက္​ပါ