Popular posts ကုိပုံစံတမ်ိဳးေလး ထည့္ခ်င္ေသာဘေလာ့ဂါမ်ားအတြက္ html code

ဘေလာ့ ဂါမ်ားအတြက္ popular post ကုိ ပုံစံ တမ်ိဳး ေလးနဲ ့ထည့္ခ်င္သူမ်ားအတြက္ ကၽြန္ေတာ္
ဘေလာ့မွာထည့္ထားတဲ့ ပုံစံမ်ိဳး ပုံေလးေတြကုိအ၀ုိင္းေလးထဲ့ ထည့္ထားတဲ့  html code ကုိ တင္ေပးလုိက္ပါတယ္ နမူနာ ပုံစံကေတာ့ ဒီဘေလာ့ ရဲ  ့ popular post ဆုိတဲ့ ေအာက္က ပုံစံမ်ိဳး ရမွာပါ ၾကိဳက္တယ္ဆုိရင္ေတာ့ေအာက္မွာယူသြားႏုိင္ပါတယ္။
                                   

         
















ျပဳလုပ္နည္း
၁။ ဘေလာ့ log in ၀င္ပါ
၂။layout ကုိသြား
၃။sidebar ေပၚက add gidgets
၄။populer post ကုိ ေရြး (populer post လုပ္ထားျပီးသူမ်ား ဒီအဆင့္ေတြမလုိပါ)
၅။populer post မွာ image thumbnail ကုိ ေတာ့ မျဖစ္မေနေရြးပါ က်န္တာေတာ့ စိတ္ၾကိဳက္ေရြးျပီး
    save ပါ။
၆။template ကုိသြားပါ edit html  ကုိ၀င္ပါ
၇။  ]]></b:skin> ဆုိတာကုိ ရွာပါ (edit box ထဲ့မွာ Ctrl+F ႏွိပ္ျပီး search box မွာ ရွာခုိင္းတာကုိ copy
      ကူးျပီးရွာလုိ ့ရပါတယ္)
၈။]]></b:skin> ကုိရွာလုိ ့ေတြျပီဆုိ ့သူရဲ  ့အေပၚမွာ ေအာက္က ေပးထားတဲ့ html code ကုိ ေကာ္ပီ
   ကူးျပီးထည့္လုိက္ပါ ။ ျပီးရင္ save လုိက္ပါ ။ဒါဆုိ ျပိးပါျပီ ။
အခုဆုိရင္ သူငယ္ခ်င္းတုိ ့ရဲ  ့populer ပုိ ့ဒီဇုိင္းေလး က အျမင္တမ်ိဳးေလးနဲ ့ျဖစ္သြားပါျပီ။

ေအာက္က code ကုိ ]]></b:skin> အေပၚ မွာ copy ကူးျပီးထည့္ပါ။


                       

/*UT Popular posts Widget Style Rules*/ .popular-posts ul{padding-left:0px;} list-style-type: none; margin:0 0 5px 0px; padding:5px 5px 5px 20px !important; border: 1px solid #ddd; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } .popular-posts ul li:hover { border:1px solid #6BB5FF; } .popular-posts ul li a:hover { text-decoration:none; } .popular-posts .item-thumbnail img { webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); box-shadow: 0 1px 3px rgba(0, 0, 0, .4); } 


enjoy'