កាលពីលើកមុនប្លក Idea For khmer ធ្លាប់បានពាំនាំនូវ "កូដឆ្នុច(button)មានបួនពណ៌និងមានចលនាយ៉ាងស្រស់ស្អាត"
សម្រាប់ដាក់ក្នុងអត្ថបទ
ឥឡូវនេះខ្ញុំសូមបង្ហាញជូនឆ្នុចមួយទៀតដែលមានរូបរាងលំនាំតាមឆ្នុចរបស់ Google វិញ ដែលមានពណ៌ប្រផេះខ្ចី
ផើតឡើងនៅពេលយក cursor
ដាក់ពីលើវា។
ការដាក់ឆ្នុចចុចជំនួសឲ្យការដាក់តំណអក្សរ
ធ្វើឲ្យប្លករបស់យើងមើលទៅទាក់ទាញ ដែលធ្វើឲ្យគេវាយតម្លៃបានថា
ម្ចាស់ប្លកមិនមែនដំឡូងមូលទេ :D, សូមមើលពីរបៀបដាក់ខាងក្រោមនេះ
៖
៙ របៀបដាក់កូដ
Button ដែលមានទ្រង់ទ្រាយដូច Google ក្នុង Template ប្លក
៖
- កត់ត្រាចូល (Log In) ចូលគណនី Blogger របស់លោកអ្នក។
-
លោកអ្នកគួរតែ បម្រុងទុក Template ប្លកលោកអ្នកសិន
បង្ការក្រែងលោដាក់កូដខុស។
- ចូលទៅ Template >> Edit HTML >>
Proceed (សូមមើលរូបខាងក្រោម)
-
ស្វែងរកពាក្យថា ]]></b:skin> (បើចង់លឿនសូមចុច
Ctrl+F រួចវាយពាក្យស្វែងរកក្នុងប្រអប់ស្វែងរករបស់
template Editor)។
- ចម្លងកូដ button ខាងក្រោមយកទៅបិទភ្ជាប់ ពីលើពាក្យ ]]></b:skin> រួចចុចឆ្នុច Save temblate ដើម្បីចងចាំ។ (សូមមើលរូបខាងក្រោម)
កូដ Button ដែលមានទ្រង់ទ្រាយដូច Google
button.ui-button{-webkit-border-radius:2px;-webkit-box-align:stretch;-webkit-box-sizing:content-box;-webkit-transition:all
.2s;-webkit-user-select:none;background:
-webkit-gradient(linear, left top, left bottom, from(whiteSmoke), to(#F1F1F1));border:1px solid rgba(0,0,0,0.1);border-radius:2px;box-sizing:content-box;color:#222;cursor:pointer;font-size:11px;font-weight:700;height:27px;line-height:26px;margin:0;padding:0
10px;position:relative;text-align:center;vertical-align:middle}button.ui-button:hover{-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);-webkit-transition:all 0;background: -webkit-gradient(linear, left top, left bottom,
from(#F8F8F8), to(#F1F1F1));border:1px solid rgba(0,0,0,0.2);box-shadow:0 1px 1px rgba(0,0,0,0.1);color:#222;text-decoration:none}
៙ របៀបប្រើក្នុងអត្ថបទ
៖
-
ចូលទៅក្នុងប្លករបស់លោកអ្នក រួចសាកបើកសរសេរអត្ថបទថ្មីមួយ។
- ដោយឈរលើ HTML Edit តាប ចម្លងទម្រង់កូដ ដែលមានទម្រង់ ៖
<button
class="ui-button"><a href="http://www.example.com"
target="_blank">This is a button</a></button>
យើងត្រូវដូរនៅត្រង់
៖
- href="http://www.example.com"
: ដូរអក្សរពណ៌បៃតងទៅជាតំណរបស់
button ។
- target="_blank">This is
a button</a> : ដូរអក្សរពណ៌បៃតងទៅជាពាក្យផ្សេងៗ
ឧទាហរណ៍ : ទាញយក,
Download ជាដើម។