Popular Post Style ( 9 ) ပုံစံသုံးမ်ိဳး ေနာ္..လိုတာဆြဲေပေတာ့

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

   ►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/096opvko2j87076/recent-posts-min-6.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/yqcnhez5wqwehsl/recent-posts-min-7.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/7ax4aq956d3xs2p/recent-posts-min-8.css" /></div>


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

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

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