Blogger ေပၚျပဳလာပို ့စ္ Widget ဒိဇိုင္းထည့္နည္း

ေပၚျပဳလာပို ့စ္ Widget ဒိဇိုင္းထည့္နည္း

 

1.  blogger dashboard ၀င္ပါ
2.  Template သို ့သြားပါ
3.  HTML ကိုႏိုပ္ပါ  >> HTML Box တြင္ကလစ္ေထာက္ပါ
4. :   CTRL+F ႏိုပ္ပါ  ]]></b:skin> ကိုရွာပါ
5.  ]]></b:skin> အေရွတြင္ ေအာက္က Code မ်ားကိုထည့္ပါ

.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC0lDARJc3ocldVPFF59E1_zKSdJwvi5WuWSMUvDhpwIlzTLht-eGsSzO6d8Xvxkec0zmOwgQdFIdxE6gJP9a895o8HFUwUEcOhy5CI1um29YNBm6GBjXuFURA6Ny0Em9mwEOB2WpcK8U/s1600/1.gif) no-repeat scroll 5px 10px;
list-style-type: none;
margin:0 0 5px 0px;
padding:5px 5px 5px 20px !important;
border: 1px solid #ddd;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
.popular-posts ul
li:hover {
border:1px solid #6BB5FF;
}
.popular-posts ul
li a:hover {
text-decoration:none;
}
.popular-posts .item-thumbnail img {
webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}

  အားလံုးျပိးသြားရင္ SAVE ႏိုပ္ပါ ျပိးရင္ ၀က္ဆိုဒ္ျပန္ဖြင့္ၾကည္ပါ ဒိဇိုင္းေျပာင္းသြားပါျပိး

အားေပးမွဳကိုေက်းဇူးတင္ပါတယ္