Recent Post Style ( 4 )

မဂၤလာပါ သည္ေန႕တင္တဲ့ နည္းပညာေလးကေတာ့ မိမိတို႕ ဘေလာ့ေတြမွာ ေနာက္ဆုံးတင္ထားသမွ် ဆိုတဲ့ 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] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOObkDkXa_FbjmNwrkKeaNkBVvkVn2oMDoBDu05TyWnreut9yb30KR96OjPSyPHd4d3oFCQmYFrL5AIPMPLQ6tDqyQapCI3hGT-rvIFmGO5Ul56Z0xQvM39tj2oFS_fWvcQ_VqTWM-5CTP/s1600/noimage.png"; imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOObkDkXa_FbjmNwrkKeaNkBVvkVn2oMDoBDu05TyWnreut9yb30KR96OjPSyPHd4d3oFCQmYFrL5AIPMPLQ6tDqyQapCI3hGT-rvIFmGO5Ul56Z0xQvM39tj2oFS_fWvcQ_VqTWM-5CTP/s1600/noimage.png"; imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOObkDkXa_FbjmNwrkKeaNkBVvkVn2oMDoBDu05TyWnreut9yb30KR96OjPSyPHd4d3oFCQmYFrL5AIPMPLQ6tDqyQapCI3hGT-rvIFmGO5Ul56Z0xQvM39tj2oFS_fWvcQ_VqTWM-5CTP/s1600/noimage.png"; imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOObkDkXa_FbjmNwrkKeaNkBVvkVn2oMDoBDu05TyWnreut9yb30KR96OjPSyPHd4d3oFCQmYFrL5AIPMPLQ6tDqyQapCI3hGT-rvIFmGO5Ul56Z0xQvM39tj2oFS_fWvcQ_VqTWM-5CTP/s1600/noimage.png"; imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOObkDkXa_FbjmNwrkKeaNkBVvkVn2oMDoBDu05TyWnreut9yb30KR96OjPSyPHd4d3oFCQmYFrL5AIPMPLQ6tDqyQapCI3hGT-rvIFmGO5Ul56Z0xQvM39tj2oFS_fWvcQ_VqTWM-5CTP/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>

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

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

ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
ဘေလာ့ဆုိင္ရာနည္းပညာမ်ား{ ဒီမွာ } သြားလိုက္ပါ
စြယ္စုံစာအုပ္စင္{ ဒီမွာ } သြားလိုက္ပါ