វិធីដាក់ Style អត្ថបទពេញនិយម ( Popular Posts Widget )

   ដើម្បីបង្កើននូវភាពស្រស់ស្អាតនៅក្នុងប្លក់ ខ្មែរឡាយសូមលើកយកមេរៀននិយាយអំពីការដាក់
ស្តាយ អត្ថបទពេញនិយម ( Popular Posts Widget ) ដែលមានរូបរាងដូចខាងក្រោម៖

1. - កត់ត្រា​ចូល (Log in) ចូល​ក្នុង​គណនី​ Blogger របស់​អ្នក។
2. - ​ចូល​ទៅ​តាប Layout >> ចុច​លើ​តំណ​​អក្សរ Add a Gadget នៅ​ទីតាំង​ណាមួយ (ឧទាហរណ៍​សូម​មើល​រូប​ខាង​ក្រោម)




- រមូរ​​ចុះ (scroll down) រក​មើល gadget ដែល​មាន​ឈ្មោះ​ថា Popular Posts រួច​ចុច​​លើ​វា​ដើម្បី​បើក (មើល​រូប​ខាង​ក្រោម​នេះ)








- ដាក់ចំណងជើង និងជ្រើសរើសហើយ Save ជាការស្រេច។


3. ចម្លងកូដ CSS ( Copy Style CSS ) ខាងក្រោមនេះ ៖
   
   

   /*--- Khmer-like.blogspot.com --- */
   .popular-posts ul{padding-left:0px;}
   .popular-posts ul li {background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKRQj2S4eV237aZlulvdTakPLdxJp_ojjp_a3gYamKZbzMNMMwX5B2FKdvO3de7ERgzx1Y7fNF8DTz5OcX6ogb79BPSoaNMoqk3NKs8XadykYBmP4GkoiJppWHYC096xOmyStdt-8nedk/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;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
   -webkit-box-shadow: 10px 10px 5px rgba(0, 0, 0, .2);
   -moz-box-shadow: 10px 10px 5px rgba(0, 0, 0, .2);
   box-shadow: 10px 10px 5px rgba(0, 0, 0, .2);
   
   }
   .popular-posts ul
     li:hover {
     border:5px 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);
   width:130px;
        height=110px;
   }
   
   




4. ចូលទៅរកពាកយ Template ហើយជ្រើសរើសយកពាក្យ Customize > Advanced > Add Css ហើយយកទៅបិទភ្ជាប់ ( Paste Style Css ) ទៅខាងក្រោមពាក្យ Add Custom CSS​ សូមមើលរូបខាងក្រោម៖
   
   
   
   
   
   រួចចុចលើប៊ូតុន Apply to Blog ដែលស្ថិននៅស្តាំដៃខាងលើ។

សូមសាកល្បងលើប្លករបស់អ្នក ហើយចាំមើលលិទ្ធិផលដែលទទួលបានទាំងអស់គ្នា