Popular Post Style လှလှပပလေးတွေနဲ့ အလှဆင်မယ်....

 

 ကဲ  ဗျို့....ဘလော့ကာ ဘော်ဘော် အပေါင်းးတို့....ဘတော့ရဲ့  ပေါ်ပျူလာပို့စ်  လှလှလေးတွေကို
ကျနော် တွေ့ရှိသလောက် ပြန်လည် မျှဝေနေပါတယ်... မိမိတို့ဘလော့မှာ  လှလှပပ ဆင်မြန်းဖို့ဆိုရင်
သည်လို နည်းလမ်းလေးတွေက လိုအပ်နေမှာ အမှန်ပါ  ဒါကြောင့်  ရှာဖွေ လေ့လာရင်းး မျှဝေနေပါတယ်...
အောက်မှာ  လုပ်ဆောင်ချက်တွေကို  လေ့လာရင်း  လုပ်လိုက်ကြပါနော်......
►1-  Blogger Singin ဝင်လိုက်ပါ။
►2-  Dashboard  ကိုသွားလိုက်ပါ။
►3-  Template    ကိုကလစ်ပါ..။
►4-  Edit  Html   ကိုဝင်ပါ..
►5- Ctrl+F  (သို့မဟုတ်) F3  အကူညီဖြင့် ပေးထားတဲ့ ကုဒ်ကို ရှာလိုက်ပါ။

]]></b:skin>  သည်ကုဒ်ကိုရှာပါ တွေ့တာနဲ့ သူမတိုင်ခင် အေပါ်ကပ်လျှက်  အောက်ကကုဒ်တွေကို ထည့်ပေးလိုက်ပါ။

#PopularPosts1 ul{margin:0;padding:5px 0;list-style-type:none} #PopularPosts1 ul li{position:relative;margin:5px 0;border:0;padding:10px} #PopularPosts1 ul li:first-child{background:#ff4c54;width:90%} #PopularPosts1 ul li:first-child:after{content:"1"} #PopularPosts1 ul li:first-child + li{background:#ff764c;width:87%} #PopularPosts1 ul li:first-child + li:after{content:"2"} #PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:84%} #PopularPosts1 ul li:first-child + li + li:after{content:"3"} #PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:81%} #PopularPosts1 ul li:first-child + li + li + li:after{content:"4"} #PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:78%} #PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"} #PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:75%} #PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"} #PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:72%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"} #PopularPosts1 ul li:first-child + li + li + li + li + li + li +li{background:#f59095;width:69%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#c7f25f;width:66%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"} #PopularPosts1 ul li:first-child:after, #PopularPosts1 ul li:first-child + li:after, #PopularPosts1 ul li:first-child + li + li:after, #PopularPosts1 ul li:first-child + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{position:absolute;top:20px;right:-15px;border-radius:50%;background:#353535;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff} #PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:70px;height:70px;} #PopularPosts1 ul li a{font-size:12px;color:#444;text-decoration:none} #PopularPosts1 ul li a:hover{color:#222;text-decoration:none} #PopularPosts3 img{ -moz-border-radius: 130px; -webkit-border-radius: 130px; border-radius: 130px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; padding:4px; border:1px solid #fff !important; background: #F2F2F2;}#PopularPosts1 img:hover { -moz-transform: scale(1.2) rotate(-560deg) ; -webkit-transform: scale(1.2) rotate(-560deg) ; -o-transform: scale(1.2) rotate(-560deg) ; -ms-transform: scale(1.2) rotate(-560deg) ; transform: scale(1.2) rotate(-560deg) ; }

မိမိတို့  တက်ပလက်ကို ဆေ့လိုက်လို့ရပါပြီ....နော်..

နောက်တဆင့်အနေနဲ့ကတော့...

ဘလော့ကာဝ်ငလိုက်ပါ....  Layout  ကိုဝင်ပါ    Add a Gadget ကိုကလစ်ပါ...

အဲထဲက  Popular Post  ကိုကလစ်ပါ.... ပို့အရေအတွက် တွေ ရွေးချယ်ပါ..."display up to 9 posts"

 ဆေ့လိုက်ပါ...ပြီးဆုံးပါပြိနော်... လှလှပပ လေးရပြီပေါ့..အဆင်ပြေပါစေ...နော်....

ခုလိုအားပေးတဲ့အတွက် အထူးကျေးဇူးတင်ပါတယ်... လိုအပ်တာများရှိပါက.. C-Box မှာပြောခဲ့ကြနိုင်ပါတယ်... အတတ်နိုင်ဆုံး ကြိုးစား ကူညီ မျှဝေသွားပါမည်...

ဘလော့ခရီးသည်
www.ledimye.blogspot.com
www.aungsanmks.com
www.ninilayy.blogspot.com
တို့မှာ လည်ပါတ်နိုင်ပါတယ်.....နော်

Blogger နည်းပညာများ,

Rate this posting:

{[['']]}

Posted in: Blogger နည်းပညာများ