Popular Post Style လှလှလေးဖန်တီးကြမယ်နော်

 

မင်္ဂလာပါ  သည်နေ့ရေးဖြစ်တာလေးကတော့ မိမိတို့ဘလော့မှာ POPULAR POST လေးတွေကို

စတိုင် ကျကျလှလှ  ပပကာလာခြွလေးတွေနဲ့  အလှဆင်ခြင်သေူတွအတွက်ပါ  အရင်ကလည်း သည်နည်းကိုဘဲ တင်ပေးခဲ့ဘူးပါတယ်.. ဒါကတော့ နောက် တကြိမ် ဆိုပါတော့ စမ်းသတ် အောင်မြင်

ထားပြီး ဖြစ်ပါတယ်နော်... စိတ်တိုင်းကျ သုံးဆွဲ လိုက်ပါနော်

လုပ်နည်းနဲ့ လိုအပ်သော ကုဒ်တွေကတော့
======================

ပထမဆုံးအနေနဲ့
=========
   ►1.  Login လုပ်လိုက်ပါ ဘလော့ကာကို
   ►2.  Layout ကိုကလစ်ရပါ့မယ် မိမိတို့  Dashboard ကနေပေါ့
   ►3.  Add a Gadget ကိုကလစ်ပေးလိုက်ပါ
 အဲမှာ ကျလာတဲ့ ဇယားထဲမှာဘဲ... popular post ဆိုတာရှိပါတယ်.. နော် အဲတာကိုကလစ်ပါ
အောက်က ပုံလေးမှာ ပြထားသလိုပေါ့နော်..ဆက်လုပ်လိုက်ပါ...

ဒုတိယ အဆင့်အနေနဲ့ကတော့
================

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

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

              <!-- Popular posts multi colored UI theme -->#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:97%} #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;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:13px;color:#444;text-decoration:none} #PopularPosts1 ul li a:hover{color:#222;text-decoration:none} #PopularPosts1 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; } #PopularPosts1 img:hover { border-radius: 0 0 0 0; -moz-transform: scale(1.2) rotate(-711deg) ; -webkit-transform: scale(1.2) rotate(-711deg) ; -o-transform: scale(1.2) rotate(-711deg) ; -ms-transform: scale(1.2) rotate(-711deg) ; transform: scale(1.2) rotate(-711deg) ; } <!-- popular posts multicolored UI theme -->

ကဲ  မိမိတို့ တက်ပလက်ကို စိတ်ချယုံကြည်စွာ  ဆေ့လိုက်ပါတော့နော်... မဆေ့ဘဲ preview နဲ့ပြန်စစ်မယ်ဆိုလည်း သေခြာအောင်စစ်ဆေးကြည့်လိုက်ပါနော်...သေခြာပြီဆိုတာနဲံ့ ဆေ့လိုက်ပေါ့..

 အိုကေ... လှပသေသပ်သော ပေါ်ပျူလာပို့စ်လေးတွေ ပိုင်ဆိုင်နေပါပြီ...

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

ဘလော့ခရီးသည်သို့ { ဒီမှာ } သွားလိုက်ပါ

လယ်တီမြေသားသို့{ ဒီမှာ } သွားလိုက်ပါ

စာပေနန်းတော်သို့{ ဒီမှာ } သွားလိုက်ပါ

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

Rate this posting:

{[['']]}

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