ដាក់ Popular Posts ដែលមានរាងមូល

ថ្ងៃនេះប្លក់ Play Learns សូមបង្ហាញជូនលោកអ្នកនូវរបៀបវិធីថ្មី មួយគឺការដាក់ អត្ថបទពេញនិយម (POPULAR POST) ដែលភាគច្រើននៅក្នុងប្លក់ ឬគេហទំព័រផ្សេងៗភាគច្រើនមិនដែលរំលងនូវការដាក់នេះទេ ព្រោះថា ដើម្បីឲ្យអ្នកទស្សនាដឹងថា តើអត្ថបទណាមួយដែលយើងដាក់ប្រកាសមានប្រសិទ្ធភាព (មើលច្រើន) ជាងគេ។ ហើយគ្រាន់តែប្លែកត្រង់ថា ការនោះមានម៉ូតយ៉ាងណាយ៉ាងណីនោះស្រេចតែគេចង់។
Popular Posts gadget គឺ សម្រាប់ដាក់បង្ហាញអត្ថបទដែលមានអ្នកអានច្រើនជាងគេ (គិតជាប្រចាំសប្ដាហ៍, ខែ និងគ្រប់ពេល) ដែលមានស្រាប់ក្នុងប្រព័ន្ធBlogger
ហើយវាក័អាចបន្ថែបកូដមួយចំនួនបាន
ផងដែរទៅតាមអ្មកដែលគេចង់ដាក់ហើយពេលនេះខ្ញុំនិងបង្ហាញ
ពីរបៀបដាក់ Popular Posts ដែលមានរាងមូលនូវក្នុងប្លុក សូមអនុវត្តដូវខាងក្រោមនេះៈ

ជាដំបូងយើងត្រូវបន្ថែមប្រកាសពេញនិយមលំនាំដើមធាតុក្រាហ្វិកទៅក្នុងកំណត់ហេតុបណ្ដាញរបស់យើង។ អនុវត្តជំហានដ៏សាមញ្ញដូចខាងក្រោមដើម្បីបន្ថែមវា។
១ ចូលទៅ Blogger របស់អ្នក។
២ ចុច Add a gadget ហើយជ្រើស popular posts gadget

៣ ឥឡូវនេះធ្វើការកំណត់ដូចខាងក្រោម:

Title : ជាឈ្មោះ Gadget អ្នកអាចដាក់ជាភាសាខ្មែរបាន (ប្រកាសពេញនិយម)
Most viewed : បង្ហាញចំណងជើងប្រកាសដែលមានអ្នកអានច្រើនជាងគេ គិតជា ក្នុងសប្ដាហ៍, ក្នុងខែ ឬក៏ គ្រប់ពេល។
Show : កំណត់ការបង្ហាញចំណងជើងប្រកាស ភ្ជាប់មកជាមួយ ៖
image thumbnail : កំណត់អោយបង្ហាញរូបភាពតូចក្នុងប្រកាសបើមាន (សូមកុំធីក)
snippet : បង្ហាញអត្ថបទសង្ខេបបន្តិចពីក្រោមចំណងជើង (សូមកុំធីក)
Display up to ... post(s) : កំណត់ចំនួនបង្ហាញចំណង់ជើងប្រកាស
កំណត់រួចសូមចុចប៊ូតុង Save ដើម្បីរក្សាទុក។ រួចអ្នកអាចចាប់ទាញ Popular Posts Gadget ទៅដាក់នៅទីតាំងសមរម្យ ដែលអ្នកចង់បាន។

របៀបដាក់កូដ Popular Posts ដែលមានរាងមូល

១ ចូលទៅកាន់ Template >> Edit HTML >> Proceed
២ ស្វែងរក ]]></b:skin>
៣ ឥឡូវនេះគ្រាន់តែកូដដូចខាងក្រោមបិទភ្ជាប់បិទភ្ជាប់ ]]></b:skin>

/*--- MyBloggerBuzz.Com --- */
.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZSWJ9Fnjp7ONoJsFyKfHRgKjE_RyZ3nHcKMCiI4CqSIBtPcvnxMjcAYZnZKJJf84FL63NapwAy35cjkchGg7zRR-3h71TUbl2RgoU6PGv5EY6BUjybEUfc_YRXqthxKm6NsXTiLInHA/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);
}