April 3, 2025 06:10:47 AM Menu
» » » » How To Add Rounded Corner Popular Posts To Blogger

A+ A-
ဒီေန႔အခ်ိန္ရလုိ႔တင္ေပးတဲ့ ပုိ႔(စ္)ေလးကေတာ့ Blog Popular Posts ေတြကုိ Rounded Corner ပုံစံျဖင့္အလွဆင္ခ်င္းတဲ့ မိတ္ေဆြေတြအတြက္ အလြယ္ဆုံးနည္းလမ္းေလးကုိ မွ်ေ၀ေပးလုိက္ပါတယ္။ သိၿပီးၾကေသာ ဘေလာ့မိတ္ေဆြေတြလည္းမ်ားေတာ့မွာပါ။ မသိေသးတဲ့မိ္္တ္ေဆြေတြ အလြယ္တကူ အသုံးျပဳနုိင္ရန္ ထပ္တင္ေပးလုိက္ပါတယ္။ ေအာက္မွာ လုပ္နည္းနဲ႔တကြ လုိအပ္တဲ့ Cond ေတြလည္းေပးထားပါတယ္။ ၿပီးေတာ့ Demo ကုိလည္းၾကည့္လုိ႔ရေအာင္ Link လည္းေပးထားပါေသးတယ္။ ႀကဳိက္ၾကမယ္လုိ႔လည္း ေမွ်ာ္လင့္ပါတယ္။
အဆင့္ ၁။
၁။Sign In Blogger

၂။ Layout

၃။ Add a Gadget

၄။ Popular Posts
အဆင့္ ၂။
၁။ Template

၂။ Edit HTMl

၃။ Proceed

၄။ ေအာက္က Cond ေလးကုိရွာပါ။Ctrl + F ကုိတြဲနုိပ္၍ရွာပါ ၊ ရွာရလြယ္ပါတယ္။

<body>

၅။ေတြ႕ၿပီးဆုိရင္ <body> ရဲ႕ အေပၚမွာ ေအာက္က Cond ကုိ ထပ္ထည္းေပးလုိက္ပါ။
မွတ္ခ်က္။   ။ blogger template ကုိ Originals(မူရင္း) အတုိင္းအသုံးျပဳသူေတြကေတာ့ <body  ဆုိၿပီးသာရွိပါတယ္။ <body ဆုိၿပီရွာပါ။ <body Cond နွင့္ဆက္တဲ့ Cond တစ္စု ရဲ႕အေပၚမွာ ထည့္ေပးရပါမယ္။ 

<style type='text/css'>
.PopularPosts .widget-content ul li 
    {border:1px solid #495A8A;
  margin-bottom:5px;
 border-radius:10px;
   padding-left:5px;
    }
.PopularPosts .widget-content ul li:hover
   {
    text-decoration:none;
    border:1px solid #EDD818;
    }
</style>

၆။ ထည့္ၿပီးရင္ Save Template ကုိ နုိပ္ေပးလုိက္ပါ။
10 Mar 2013
Post ေရးသာသူ mrthangming
Labels: , ,
at 9:00:00 am

Post a Comment Blogger

အခုစာဖတ္သူၾကည့္ေနတဲ့ ပုိ့(စ္) ေလးမွာ ဘယ္လုိထင္ျမင္ခ်က္ရွိလဲ? စာဖတ္သူရဲ့ထင္ျမင္ခ်က္ကုိ ဤေနရာေလးမွာ ေရးခ်ၾကည့္ပါလား။..~!!!

Emoticon
:) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer
Click to see the code!
To insert emoticon you must added at least one space before the code.

Subscribe to: Post Comments (Atom)
 
Top