 |
| រូបភាពគំរូ button |
៙ របៀបដាក់កូដ 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 ជាដើម។ (សូមមើលរូបខាងក្រោម)
អត្ថបទនេះដកស្រង់ពី៖ ប្លក់អាក្បាលធំ
No comments:
Post a Comment