ដាក់ខ្សែបូរនៅលើប្រកាសអត្ថបទដំបូង

តាមដានព័ត៌មានផ្សេងៗពី​​ L1-Template for sale


​​   ចង់​លម្អ​ប្លុក​របស់​អ្នក​ដែរ​ឬ​ទេ​? ក្នុង​គន្លឹះ​ថ្ងៃ​នេះ​ខ្ញុំ​នឹង​បង្ហាញ​អ្នក​ទាំង​អស់​គ្នា​ពី​របៀប​ដាក់​ខ្សែ​បូរ​ដែល​ភាសា​អង់​គ្លេស​គេ​ហៅ​ថា Ribbon នៅ​លើ​ប្រ​កាស​អត្ថ​បទ​ដំបូង ហើយ​ការ​ដាក់​ខ្សែ​បូរ​នេះ​ផង​ដែរ​វា​ក៏​ជា​ជំនួយ​មួយ​សម្រាប់​បង្ហាញ​ដល់​អ្នក​ចូល​មក​ទស្សនា​ឲ្យ​គេ​បាន​ដឹង​ថា​អត្ថបទ​នោះ​ជា​អត្ថ​បទ​ដំបូង​។

១-សូម​ចូល​ទៅ​កាន់​គណនី​ប្លុក​របស់​អ្នក​
២-ចូល​ទៅ​កាន់ Theme បន្ទាប់​មក Edit HTML
៣-ចម្លង​កូដ​ខាង​ក្រោម​ដាក់​ពី​ខាង​លើ ]]></b:skin>
.ribbon{position:absolute;left:-5px;top:-5px;z-index:1;overflow:hidden;width:75px;height:75px;text-align:right;display:block}
.ribbon span{font-size:10px;font-weight:700;color:#fff;text-transform:uppercase;text-align:center;line-height:20px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);width:100px;display:block;background:#009688;box-shadow:0 3px 10px -5px #000;position:absolute;top:19px;left:-21px}
.ribbon span:before{content:"";position:absolute;left:0;top:100%;z-index:-1;border-left:3px solid #009688;border-right:3px solid transparent;border-bottom:3px solid transparent;border-top:3px solid #009688}
.ribbon span:after{content:"";position:absolute;right:0;top:100%;z-index:-1;border-left:3px solid transparent;border-right:3px solid #009688;border-bottom:3px solid transparent;border-top:3px solid #009688}
៤-ចម្លង​កូដ​ខាង​ក្រោម​ដាក់​ក្នុង​តំបន់​នៃ​រូប​ភាព Post របស់អ្នក សូម​ប្រើ Tool Inspect Element ដើម្បី​មើល​
<b:if cond='data:view.isHomepage and data:post.isFirstPost'>
<div class='ribbon'><span><data:messages.newest/></span></div>
</b:if>
៥-ចុច​ពាក្យ Save Theme​៕ 

www.lychai.com

Download This Template