Popular Post Style ( ဂ - ၉ ) ပုံစံ ၂ မ်ိဳး ပါ

သည္ေန႕တင္မဲ့ နည္းပညာေလးကေတာ့ ဘေလာ့တစ္ခုမွာ ထားတတ္ၾကတဲ့ 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/47kfbz4syppr73f/recent-posts-min-11.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/rr8q2xudhoguf7a/recent-posts-min-12.css" /></div>

 မူရင္း http://24work.blogspot.com/ ဆိုဒ္မွ သင့္ေတာ္သလို ဘာသာျပန္ တင္ျပပါတယ္..

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

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

Posted in: Recent Posts Widget