Popular Posts ေလးကို လန္းလန္းေလးလုပ္ခ်င္တဲ့မိတ္ေဆြမ်ားအတြက္

ဘေလာ့မိတ္ေဆြမ်ားမဂၤလာပါဗ်ာ..
မိမိတို႔ရဲ႕ဘေလာ့မွာ Popular Posts ဆိုတာေလးကို
လန္းလန္းေလးလုပ္ခ်င္တဲ့သူငယ္ခ်င္းမ်ားအတြက္ပါ..
ကၽြန္ေတာ္လည္း ဒီနည္းကိုလက္ရွိသံုးထားပါတယ္..
အေရာင္လည္းတစ္ခုနဲ႔တစ္ခုမတူပါဘူး
ကၽြန္ေတာ္ ေအာက္မွာနမူနာပံုေလးျပထားေပးပါတယ္..

ကဲႀကိဳက္သြားျပီဟုတ္...
( ၁ ) အရင္ဆံုး >>> ဒီကိုဝင္ပါ <<<
( ၂ ) Layout ကိုဝင္ပါ
( ၃ ) Add a Gadget ကိုႏွိပ္ပါ
( ၄ ) Popular Posts ကိုရွာပါေတြ႔ရင္ႏွိပ္လိုက္ပါ ႏွိပ္ျပီးရင္ေတာ့ မိမိထားခ်င္တဲ့ပိုစ့္အေရးအတြက္ကို
ခ်ိန္ပါ ျပီးရင္ Save လိုက္ပါ ။
( ၅ ) Add a Gadget ကိုထပ္ႏွိပ္ပါ
( ၆ ) HTML/JavaScript ကိုႏွိပ္ပါ ျပီးရင္
ေအာက္မွ ကုဒ္မ်ားကို HTML/JavaScript ေဘာက္(စ္)ထဲမွာ
Paste ေပးလိုက္ပါ..

<style type='text/css'>

/*----- popular post  by familyeainlay.blogspot.com/-----*/

#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}

#PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;}

#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px}

#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,

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}

#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:#B041FF;width:90%}

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%}

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}

#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}

#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:90%}

#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}

#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%}

#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}

#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%}

#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}

#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%}

#PopularPosts1 ul li:first-child + li + li:after{content:"3"}

#PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%}

#PopularPosts1 ul li:first-child + li:after{content:"2"}

#PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%}

#PopularPosts1 ul li:first-child:after{content:"1"}

#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}

#PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}

</style>

( ၇ ) ျပီးရင္ Popular Posts နဲ႔ေစာဏထည့္လိုက္တဲ့HTML/JavaScript ကိုအေပၚေအာက္ထားေပးပါ
ဒါဆိုရင္ မိမိတို႔ရဲ႕ Popular Postsေလးလန္းလန္းေလးရသြားပါျပီ
ဒီထက္လန္းတာရွိရင္လည္း ေျပာၾကအံုးေနာ့္...:D

အားလံုးအဆင္ေျပၾကပါေစဗ်ာ မသိေသးေသာသူငယ္ခ်င္းမ်ားအားမွ်ေ ဝေစလိုပါသည္။

 အစဥ္ျမဲခင္မင္ေလးစားလၽွက္ မိသားစုအိမ္ေလး http://familyeainlay.blogspot.com/

မိသားစုအိမ္ေလး လင့္ခ္ကို မိမိတို႔ရဲ႕ဘေလာ့မွာမိတ္ဆက္လိုပါက

ေအာက္မွကုဒ္မ်ားကူး၍ ခ်ိတ္ဆက္ႏိုင္ပါတယ္ခင္ဗ်ာ..။

<center> <a href="http://familyeainlay.blogspot.com/" target="_blank"><img src="http://4.bp.blogspot.com/-4La3U4g7mEk/UhR4lRgbLeI/AAAAAAAABWo/DmwJLU0amkA/s1600/Home.gif" border="0" alt="picoodle.com" /></a></center>

- ခ်ိတ္ဆက္ရန္ Link - ™

URL :

Code For Forum :

HTML Code : <a href='http://familyeainlay.blogspot.com/2013/09/popular-posts.html' target='_blank'>Popular Posts ေလးကို လန္းလန္းေလးလုပ္ခ်င္တဲ့မိတ္ေဆြမ်ားအတြက္</a>

သင္လက္ရွိဖတ္ေနေသာဘေလာ့ပိုစ့္ရဲ႕ေခါင္းစဥ္ Popular Posts ေလးကို လန္းလန္းေလးလုပ္ခ်င္တဲ့မိတ္ေဆြမ်ားအတြက္ ပိုစ့္ရဲ႕ URL Linkhttp://familyeainlay.blogspot.com/2013/09/popular-posts.html အားေပးမႈအတြက္ မိသားစုအိမ္ေလး မွ ေက်းဇူးအထူးတင္ရွိပါတယ္ ။