ဘေလာ့ကာ ေဘာ္ေဘာ္ အေပါင္းးတို႕....ဘေတာ့ရဲ႕ ေပၚပ်ဴလာပို႕စ္ လွလွေလးေတြကို က်ေနာ္ ေတြ႕ရွိသေလာက္ ျပန္လည္ မွ်ေ၀ေနပါတယ္

ကဲ ဗ်ိဳ႕....ဘေလာ့ကာ ေဘာ္ေဘာ္ အေပါင္းးတို႕....ဘေတာ့ရဲ႕ ေပၚပ်ဴလာပို႕စ္ လွလွေလးေတြကို
က်ေနာ္ ေတြ႕ရွိသေလာက္ ျပန္လည္ မွ်ေ၀ေနပါတယ္...

မိမိတို႕ဘေလာ့မွာ လွလွပပ ဆင္ျမန္းဖို႕ဆိုရင္ သည္လို နည္းလမ္းေလးေတြက လိုအပ္ေနမွာ အမွန္ပါ ဒါေၾကာင့္ ရွာေဖြ ေလ့လာရင္းး မွ်ေ၀ေနပါတယ္...

ေအာက္မွာ လုပ္ေဆာင္ခ်က္ေတြကို ေလ့လာရင္း လုပ္လိုက္ၾကပါေနာ္......

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

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

view plainprint?

1. #PopularPosts1  ul{  
2. margin:0;  
3. padding:5px 0;  
4. list-style-type:none  
5. }   
6.   
7. #PopularPosts1 ul li{  
8. position:relative;  
9. margin:5px  0;  
10. border:0;  
11. padding:10px  
12. }   
13.   
14. #PopularPosts1 ul li:first-child{  
15. background:#ff4c54;  
16. width:90%  
17. }   
18.   
19. #PopularPosts1 ul li:first-child:after{  
20. content:"1"  
21. }   
22.   
23. #PopularPosts1 ul li:first-child + li{  
24. background:#ff764c;  
25. width:87%  
26. }   
27.   
28. #PopularPosts1 ul li:first-child + li:after{  
29. content:"2"  
30. }   
31.   
32. #PopularPosts1 ul li:first-child + li + li{  
33. background:#ffde4c;  
34. width:84%  
35. }   
36.   
37. #PopularPosts1 ul li:first-child + li + li:after{  
38. content:"3"  
39. }   
40.   
41. #PopularPosts1 ul li:first-child + li + li +  li{  
42. background:#c7f25f;  
43. width:81%  
44. }   
45.   
46. #PopularPosts1 ul li:first-child + li + li + li:after{  
47. content:"4"  
48. }   
49.   
50. #PopularPosts1 ul li:first-child + li + li + li +  li{  
51. background:#33c9f7;  
52. width:78%  
53. }   
54.   
55. #PopularPosts1 ul li:first-child + li + li + li + li:after{  
56. content:"5"  
57. }   
58.   
59. #PopularPosts1 ul li:first-child + li + li + li + li  +li{  
60. background:#7ee3c7;  
61. width:75%  
62. }   
63.   
64. #PopularPosts1 ul li:first-child + li + li + li + li +  li:after{  
65. content:"6"  
66. }   
67.   
68. #PopularPosts1 ul li:first-child + li + li + li + li + li  +li{  
69. background:#f6993d;  
70. width:72%  
71. }   
72.   
73. #PopularPosts1 ul li:first-child + li + li + li + li + li +  li:after{  
74. content:"7"  
75. }   
76.   
77. #PopularPosts1 ul li:first-child + li + li + li + li + li + li  +li{  
78. background:#f59095;  
79. width:69%  
80. }   
81.   
82. #PopularPosts1 ul li:first-child + li + li + li + li + li + li +  li:after{  
83. content:"8"  
84. }   
85.   
86. #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li  +li{  
87. background:#c7f25f;  
88. width:66%  
89. }   
90.   
91. #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +  li:after{  
92. content:"9"  
93. }   
94.   
95. #PopularPosts1 ul li:first-child:after,   
96. #PopularPosts1 ul li:first-child + li:after,   
97. #PopularPosts1 ul li:first-child + li + li:after,   
98. #PopularPosts1 ul li:first-child + li + li + li:after,   
99. #PopularPosts1 ul li:first-child + li + li + li + li:after,   
100. #PopularPosts1 ul li:first-child + li + li + li + li + li:after,   
101. #PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,   
102. #PopularPosts1 ul li:first-child + li + li + li + li + li + li +  li:after,   
103. #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +  li:after{  
104. position:absolute;  
105. top:20px;  
106. right:-15px;  
107. border-radius:50%;  
108. background:#353535;  
109. width:30px;  
110. height:30px;  
111. line-height:1em;  
112. text-align:center;  
113. font-size:28px;  
114. color:#fff  
115. }   
116.   
117. #PopularPosts1  ul li  .item-thumbnail{  
118. float:left;  
119. border:0;  
120. margin-right:10px;  
121. background:transparent;  
122. padding:0;width:70px;height:70px;  
123. }   
124.   
125. #PopularPosts1  ul li a{  
126. font-size:12px;  
127. color:#444;  
128. text-decoration:none  
129. }   
130.   
131. #PopularPosts1 ul li a:hover{  
132. color:#222;  
133. text-decoration:none  
134. }   
135.   
136. #PopularPosts3 img{  
137.      -moz-border-radius: 130px;  
138.      -webkit-border-radius: 130px;  
139.      border-radius: 130px;  
140.      -webkit-transition: all 0.3s ease;  
141.      -moz-transition: all 0.3s ease;  
142.      transition: all 0.3s ease; padding:4px;  
143.      border:1px solid #fff !important;  
144.      background: #F2F2F2;  
145. }  
146.   
147. #PopularPosts1 img:hover {  
148.      -moz-transform: scale(1.2) rotate(-560deg) ;  
149.      -webkit-transform: scale(1.2) rotate(-560deg) ;  
150.      -o-transform: scale(1.2) rotate(-560deg) ;  
151.      -ms-transform: scale(1.2) rotate(-560deg) ;  
152.      transform: scale(1.2) rotate(-560deg) ;   
153. }  

မိမိတို႔ တန္ပလိတ္ကို ေဆ့လိုက္လို႔ ရပါျပီ....ေနာ္...။

ေနာက္တဆင့္အေနနဲ႕ကေတာ့...
Blogger home page ကို သြားပါ.... Layout ကို၀င္ပါ Add a Gadget ကိုကလစ္ပါ...။
အဲထဲက Popular Post ကိုကလစ္ပါ.... ပို႔စ္ အေရအတြက္ ေတြ ေရြးခ်ယ္ပါ..."display up to 9 posts"
ွွSave လုိက္ပါ...ျပီးဆုံးပါျပိေနာ္... လွလွပပ ေလးရျပီေပါ့..