Popular Post စတိုင္ေလးေတြ တမ်ိဳးလန္းၾကမယ္...ေနာ္ ( စတိုင္ သုံးမ်ိဳး )

သည္ေန႕တင္မဲ့ နည္းပညာေလးကေတာ့ ဘေလာ့တစ္ခုမွာ ထားတတ္ၾကတဲ့ Popular Post ဆိုတာေလးေတြကို  ခုလို ဒီဇိုင္းလွလွေလးေတြနဲ႕ အလွဆင္ တင္ထားျခင္သေူတြအတြက္ ကြ်န္ေတာ္ သိသမွ် ျပန္လည္ မွ်ေ၀လုိက္ျခင္းျဖစ္ပါတယ္ေနာ္... နည္းလမ္းေလးက အရမ္းဘဲ ရိုးရွင္းလြန္းတာေၾကာင့္
ဘယ္ HTML ထဲကိုမွ မ၀င္ရပါဘဲ သက္သာစြာ ထည့္နိဳင္တာမို႕... အသုံးျပဳလိုက္ၾကပါေနာ္...သည္လို popular post style ေလးေတြကို ကြ်န္ေတာ္ အေတာ္ မ်ားမ်ား တင္ခဲ့ပါျပီ... တမ်ိဳးနဲ႕တမ်ိဳးမတူညီတာမို႕ ႏွစ္သက္ရာကိုသုံးစြဲနိဳင္ပါတယ္...သည္မွာေတာ့ နည္းသုံးမ်ိဳး ကို တင္ေပးလိုက္ရပါတယ္ေနာ္...

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

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

ပုံစံ ( ၃ ) မ်ိဳးေပါင္းတင္ေပးလိုက္ပါတယ္... ထည့္နည္း အကုန္ တူတူပါဘဲေနာ္..

မိမိတို႕ လိုျခင္တဲ့ ပုံစံ ၾကည့္ျပီး ကုဒ္ေတြကို သုံးလိုက္ပါ.. အိုေကေနာ္။

 ပုံစံ ( က )

 

                  <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><div id="recent-posts"> <script language="JavaScript"> home_page = "မိမိဘေလာ့လိပ္စာထည့္ပါ"; numposts = 5; imgr = new Array();showRandomImg = false;boxwidth = 255;cellspacing = 6;borderColor = "#232c35";bgTD = "#000000";thumbwidth = 0;thumbheight = 0;fntsize = 15;acolor = "#666";aBold = true;icon = " ";text = false;showPostDate = false;summaryPost = 0;summaryFontsize = 10;summaryColor = "#666";icon2 = " ";</script><script src="http://dl.dropboxusercontent.com/s/niuq8uqagunjvbq/recent-posts-min-1-ycode.js" type="text/javascript"/></script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img alt="My Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%; top: 0px;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img alt="All Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogging Tips"><img alt="All Blogging Tips" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; left: 0%;"/></a><link rel="stylesheet" type="text/css" href="http://dl.dropboxusercontent.com/s/do2fk4pfz9jl74w/recent-posts-min-13.css" /></div>

 ပုံစံ  (  ခ  )

 

                 <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><div id="recent-posts"> <script language="JavaScript"> home_page = "ဘေလာ့လိပ္စာ သည္မွာ ထည့္ပါ"; numposts = 5; imgr = new Array();showRandomImg = false;boxwidth = 255;cellspacing = 6;borderColor = "#232c35";bgTD = "#000000";thumbwidth = 0;thumbheight = 0;fntsize = 15;acolor = "#666";aBold = true;icon = " ";text = false;showPostDate = false;summaryPost = 0;summaryFontsize = 10;summaryColor = "#666";icon2 = " ";</script><script src="http://dl.dropboxusercontent.com/s/niuq8uqagunjvbq/recent-posts-min-1-ycode.js" type="text/javascript"/></script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img alt="My Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%; top: 0px;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img alt="All Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogging Tips"><img alt="All Blogging Tips" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; left: 0%;"/></a><link rel="stylesheet" type="text/css" href="http://dl.dropboxusercontent.com/s/1apckci5y2gbm2a/recent-posts-min-14.css" /></div>

 ပုံစံ  ( ဂ )

                <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><div id="recent-posts"> <script language="JavaScript"> home_page = "မိမိဘေလာ့လိပ္စာသည္ေနရာထည့္ပါ"; numposts = 5; imgr = new Array();showRandomImg = false;boxwidth = 255;cellspacing = 6;borderColor = "#232c35";bgTD = "#000000";thumbwidth = 0;thumbheight = 0;fntsize = 15;acolor = "#666";aBold = true;icon = " ";text = false;showPostDate = false;summaryPost = 0;summaryFontsize = 10;summaryColor = "#666";icon2 = " ";</script><script src="http://dl.dropboxusercontent.com/s/niuq8uqagunjvbq/recent-posts-min-1-ycode.js" type="text/javascript"/></script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img alt="My Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%; top: 0px;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img alt="All Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogging Tips"><img alt="All Blogging Tips" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; left: 0%;"/></a><link rel="stylesheet" type="text/css" href="http://dl.dropboxusercontent.com/s/ogin942ujr7tl6l/recent-posts-min-15.css" /></div>


  မွတ္ခ်က္    ။              ။ ကုဒ္ေတြထဲက home_page ေနာက္က မိမိတို႕ ဘေလာ့လိပ္စာထည့္ပါ။
                                 numposta  ေနရာေနာက္က  နံပါတ္ ( 5 ) ေနရာမွာ     နံပါတ္     ( 9 ) ထိထားေပးနိဳင္ပါတယ္..

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

Posted in: Recent Posts Widget