នៅក្នុងគន្លឹះនេះនឹងបង្ហាញពីរបៀបដាក់ឆ្នុច ដែលមានចលនាលៀន ហើយឆ្នុចនោះមាន 6 ពណ៌តម្រូវតាមចំណូលចិត្តលោអ្នកផងដែរ ។ សូមមើលពីរបៀបដាក់ខាងក្រោម ៖
៙ របៀបដាក់កូដឆ្នុច CSS3 មានចលនា មាន3ទំហំ មាន6ពណ៌ ៖
- កត់ត្រាចូល (Log In) ចូលគណនី Blogger របស់លោកអ្នក។- លោកអ្នកគួរតែ បម្រុងទុក Template ប្លកលោកអ្នកសិន បង្ការក្រែងលោដាក់កូដខុស។
- ចូលទៅ Template >> Edit HTML >> Proceed (សូមមើលរូបខាងក្រោម)
- ស្វែងរកពាក្យថា <head> (បើចង់លឿនសូមចុច Ctrl+F រួចវាយពាក្យស្វែងរកក្នុងប្រអប់ស្វែងរករបស់ template Editor)។
- ចម្លងកូដ button ខាងក្រោមយកទៅបិទភ្ជាប់ ពីក្រោមពាក្យ <head> រួចចុចឆ្នុច Save temblate ដើម្បីចងចាំ។ (សូមមើលរូបខាងក្រោម)
កូដឆ្នុច CSS3 មានចលនា មាន3ទំហំ មាន6ពណ៌
<link type="text/css" href="https://rafiblog.googlecode.com/svn/branches/colorcssdemo.css" rel="stylesheet" />
៙ របៀបប្រើក្នុងអត្ថបទ ៖
- ចូលទៅក្នុងប្លករបស់លោកអ្នក រួចសាកបើកសរសេរអត្ថបទថ្មីមួយ។- ដោយឈរលើ HTML Edit តាប ចម្លងទម្រង់កូដ ដែលមានទម្រង់ ៖
សម្រាប់ឆ្នុចទំហំធំ
<a href="LINK" class="large awesome">LINK NAME</a>
<a href="LINK" class="large blue awesome">LINK NAME</a>
<a href="LINK" class="large pink awesome">LINK NAME</a>
<a href="LINK" class="large magenta awesome">LINK NAME</a>
<a href="LINK" class="large green awesome">LINK NAME</a>
<a href="LINK" class="large red awesome">LINK NAME</a>
<a href="LINK" class="large orange awesome">LINK NAME</a>
<a href="LINK" class="large yellow awesome">LINK NAME</a>
<a href="LINK" class="large blue awesome">LINK NAME</a>
<a href="LINK" class="large pink awesome">LINK NAME</a>
<a href="LINK" class="large magenta awesome">LINK NAME</a>
<a href="LINK" class="large green awesome">LINK NAME</a>
<a href="LINK" class="large red awesome">LINK NAME</a>
<a href="LINK" class="large orange awesome">LINK NAME</a>
<a href="LINK" class="large yellow awesome">LINK NAME</a>
សម្រាប់ឆ្នុចទំហំមធ្យម
<a href="LINK" class="medium awesome">LINK NAME</a>
<a href="LINK" class="medium blue awesome">LINK NAME</a>
<a href="LINK" class="medium pink awesome">LINK NAME</a>
<a href="LINK" class="medium magenta awesome">LINK NAME</a>
<a href="LINK" class="medium green awesome">LINK NAME</a>
<a href="LINK" class="medium red awesome">LINK NAME</a>
<a href="LINK" class="medium orange awesome">LINK NAME</a>
<a href="LINK" class="medium yellow awesome">LINK NAME</a>
<a href="LINK" class="medium blue awesome">LINK NAME</a>
<a href="LINK" class="medium pink awesome">LINK NAME</a>
<a href="LINK" class="medium magenta awesome">LINK NAME</a>
<a href="LINK" class="medium green awesome">LINK NAME</a>
<a href="LINK" class="medium red awesome">LINK NAME</a>
<a href="LINK" class="medium orange awesome">LINK NAME</a>
<a href="LINK" class="medium yellow awesome">LINK NAME</a>
សម្រាប់ឆ្នុចទំហំតូច
<a href="LINK" class="small awesome">LINK NAME</a>
<a href="LINK" class="small blue awesome">LINK NAME</a>
<a href="LINK" class="small pink awesome">LINK NAME</a>
<a href="LINK" class="small magenta awesome">LINK NAME</a>
<a href="LINK" class="small green awesome">LINK NAME</a>
<a href="LINK" class="small red awesome">LINK NAME</a>
<a href="LINK" class="small orange awesome">LINK NAME</a>
<a href="LINK" class="small yellow awesome">LINK NAME</a>
<a href="LINK" class="small blue awesome">LINK NAME</a>
<a href="LINK" class="small pink awesome">LINK NAME</a>
<a href="LINK" class="small magenta awesome">LINK NAME</a>
<a href="LINK" class="small green awesome">LINK NAME</a>
<a href="LINK" class="small red awesome">LINK NAME</a>
<a href="LINK" class="small orange awesome">LINK NAME</a>
<a href="LINK" class="small yellow awesome">LINK NAME</a>
យើងត្រូវដូរកូដនៅត្រង់ ៖
- LINK : សម្រាប់តំណភ្ជាប់។
- LINK NAME : ឈ្មោះតំណភ្ជាប់ ឬ ពាក្យក្នុងឆ្នុច (button)។
- class=" : គឺជាប្រភេទឆ្នុច (3 ទំហំ និង 6 ពណ៌)។ ឧទាហរណ៍ ៖
No comments:
Post a Comment