របៀបដាក់របារអក្សររត់ដោយប្រើប្រាស់ Marquee Tag

on
​​   Marquee គឺជា HTML Tag មួយប្រភេទដែលប្រើប្រាស់សម្រាប់ ធ្វើអោយអក្សរមានចលនារត់ ដែលក្នុងភាសា អង់គ្លេស គេតែងតែហៅថា Scrolling Text គេអាចប្រើវាជាលក្ខណៈប្រកាសអ្វីមួយ ដល់អ្នកចូលទស្សនាឲបានដឹង នូវដំណឹងថ្មីៗ ដូចជាការ Announcement, Breaking News ជាដើម។

១-សូមចូលទៅកាន់គណនីប្លក់របស់អ្នក
២-ចូលទៅកាន់ Theme បន្ទាប់មក Edit HTML
៣-ចម្លងកូដខាងក្រោមដាក់ពីខាងក្រោម <head>
ចំណាំ៖ ប្រសិនបើអ្នកមានកូដរបស់ Font Awesome រួចរាល់នៅក្នុងស្បែកប្លក់សូមរំលងចំណុចនេះ
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"/>
៤-ចម្លងកូដខាងក្រោមដាក់ពីខាងលើ </head> 
<style type='text/css'>
.breaknews{position:relative;overflow:hidden;height:40px;line-height:40px;display:block;padding:0;margin:0 0 20px;background:#111;box-shadow:1px 2px 2px 0 rgba(0,0,0,.05), 0 1px 2px 0 rgba(0,0,0,.05), 0 2px 1px -2px rgba(0,0,0,.2)}
.breaknews:before{position:absolute;content:'\f0f3';font-family:'Font Awesome 5 Free';background:blue;color:#fff;font-size:15px;font-weight:600;text-align:center;display:inline-block;width:50px;height:50px;top:0;left:0}
.breaknews:after{position:absolute;content:'\f06d';font-family:'Font Awesome 5 Free';background:blue;color:#fff;font-size:15px;font-weight:600;text-align:center;display:inline-block;width:50px;height:50px;top:0;right:0}
.breaknews marquee{color:#e2e2e2;margin:0 60px;list-style:none}
</style>
៥-ចម្លងកូដខាងក្រោមដាក់កន្លែងដែលអ្នកចង់ឲរបារបង្ហាញ - ការណែនាំ (ដាក់ពីខាងលើនៃ Blog Post) 
<b:if cond='data:view.isHomepage'>
<div class='breaknews'>
<marquee>Your Scrolling Text</marquee>
</div>
</b:if>
ចំណាំ៖ Your Scrolling Text (ជាអក្សរដែលត្រូវរត់នៅលើរបារ)
៦-ចុចពាក្យ Save Theme៕

Comments

Post a Comment