ដោយមានសំនួរ និងជាការបង្ហាញជូន បងប្អូនខ្មែរយើងអោយបាត់ឆ្ងល់អំពី តើត្រូវធ្វើយ៉ាងម៉េចទើបអោយទំព័រដើម (Home)
បង្ហាញប្រកាសជាសង្ខេបៗ
ដោយមានតំណអោយចុចដើម្បីចូលទៅអានប្រកាសពេញនោះ
ខ្ញុំសូមធ្វើការបង្ហាញជូនដូចខាងក្រោមនេះ។ ភាគច្រើននៃ Theme ឬ Template ដែរ Download ពីវ៉ែបសាយដ៏ទៃ គឺបានបញ្ចូលមុខងារ {{ អានបន្ត Read More }} មកជាមួយស្រាប់ ដែរជា
ហេតុធ្វើអោយអ្នកប្រើ Blogspot
ភាគច្រើនចូលចិត្ត ទាញយកមកដំឡើងណាស់។ តែបើយើងជាអ្នកអភិវឌ្ឍន៍
សូមកែច្នៃដោយដៃយើងផ្ទាល់វិញទើបរីកចំរើន
ដោយយើងត្រូវស្រាវជ្រាវស្វែងរកកូដ (Code) នៅតាមវ៉ែបសាយផ្សេងៗ មកតុបតែងទើបយើងបានចំណេះពិតប្រាកដ មិនមែនយកស្រាប់ៗ។
Blogspot បានបង្កប់មុខងារនេះមកជាមួយដែរតែ
សម្រាប់អ្នកដែរទើបរៀនប្រើដំបូងដូចជាមិនសូវស្គាល់
មកពីមុខងារនោះ មានឈ្មោះខុសពីតួនាទីពិតរបស់វា :D
ដែរជាហេតុធ្វើអោយឆ្ងល់ (កាលពីមុនខ្ញុំក៏ឆ្ងល់ដែរ តើធ្វើយ៉ាងម៉េចទើបអាចបង្ហាញជាសង្ខេបបាន?)
ហាស ហា ឥឡូវមានចំលើយហើយ ហើយថែមទាំងមិនបាច់សរសេរកូដ អីនោះទេ
ងាយៗសំរាប់មនុស្សដូចជាខ្ញុំនេះ និង អ្នកដែរមិនចេះកូដ។
សូមមើលដូចខាងក្រោមនេះ៖
- Log ចូលទៅក្នុងគណនី Blogspot របស់អ្នកដោយចូលតាម www.blogger.com
- សរសេរ អត្ថបទមួយ ឬក៏ បើកយក អត្ថបទចាស់របស់អ្នកយកមកកំណត់អោយបង្ហាញជាលក្ខណៈសង្ខេបនៅទំព័រ Home .
- ចុចដាក់ សញ្ញា Cursor ដែរលោត "ទឹត" ដាក់កន្លែងណាដែរអ្នកចង់អោយបង្ហាញសង្ខេបត្រឹមកន្លែងនោះ រូចចុច ប៊ូតុង
Insert jump break ជាការស្រេច ។ សូមមើលរូបឧទាហណ៍ខាងក្រោមនេះ៖
ពេលដាក់ Insert jump break ហើយលោកអ្នកនឹងឃើញ បន្ទាត់ពណ៌ប្រផេះ
***ចំណាំ៖ លោកអ្នកត្រូវរៀបចំត្រួតពិនិត្យអត្ថបទរួចរាល់អស់សិនទើបប្រើ Insert jump break ជាចុងក្រោយគេ។
ដូរអក្សរ Readmore អោយទៅជា ភាសាខ្មែរវិញ៖
-ចូលទៅ Layout >> ចុចប៊ូតុង Edit ត្រង់កន្លែង Blog Posts (សូមមើលរូបខាងក្រោម)៖
នោះនឹងលេចចេញផ្ទាំង Configure Blog Posts ចេញមកអោយយើងកំណត់ ៖
-Mumber of post on main page: ជាការកំណត់ចំនួន Post អោយបង្ហាញនៅទំព័រ Home
-Post page link text: កំណត់អក្សរដែរយើងចង់បាន ឧទាហណ៍៖ ចុចទីនេះអានបន្ត >>
រួចចុចប៊ូតុង SAVE ជាការស្រេច :D ៕
ដក់ស្រង់ពី ប្លក អាក្បាលធំ
របៀបដាក់អត្ថបទសង្ខេបនៅទំព័រដើមដោយមិនសរសេរកូដ
បើកមើល
Labels:
Blog Tips
ដោយមានសំនួរ និងជាការបង្ហាញជូន បងប្អូនខ្មែរយើងអោយបាត់ឆ្ងល់អំពី តើត្រូវធ្វើយ៉ាងម៉េចទើបអោយទំព័រដើម (Home)
បង្ហាញប្រកាសជាសង្ខេបៗ
ដោយមានតំណអោយចុចដើម្បីចូលទៅអានប្រកាសពេញនោះ
ខ្ញុំសូមធ្វើការបង្ហាញជូនដូចខាងក្រោមនេះ។ ភាគច្រើននៃ Theme ឬ Template ដែរ Download ពីវ៉ែបសាយដ៏ទៃ គឺបានបញ្ចូលមុខងារ {{ អានបន្ត Read More }} មកជាមួយស្រាប់ ដែរជា
ហេតុធ្វើអោយអ្នកប្រើ Blogspot ភាគច្រើនចូលចិត្ត ទាញយកមកដំឡើងណាស់។ តែបើយើងជាអ្នកអភិវឌ្ឍន៍ សូមកែច្នៃដោយដៃយើងផ្ទាល់វិញទើបរីកចំរើន ដោយយើងត្រូវស្រាវជ្រាវស្វែងរកកូដ (Code) នៅតាមវ៉ែបសាយផ្សេងៗ មកតុបតែងទើបយើងបានចំណេះពិតប្រាកដ មិនមែនយកស្រាប់ៗ។
Blogspot បានបង្កប់មុខងារនេះមកជាមួយដែរតែ សម្រាប់អ្នកដែរទើបរៀនប្រើដំបូងដូចជាមិនសូវស្គាល់ មកពីមុខងារនោះ មានឈ្មោះខុសពីតួនាទីពិតរបស់វា :D ដែរជាហេតុធ្វើអោយឆ្ងល់ (កាលពីមុនខ្ញុំក៏ឆ្ងល់ដែរ តើធ្វើយ៉ាងម៉េចទើបអាចបង្ហាញជាសង្ខេបបាន?) ហាស ហា ឥឡូវមានចំលើយហើយ ហើយថែមទាំងមិនបាច់សរសេរកូដ អីនោះទេ ងាយៗសំរាប់មនុស្សដូចជាខ្ញុំនេះ និង អ្នកដែរមិនចេះកូដ។ សូមមើលដូចខាងក្រោមនេះ៖
ហេតុធ្វើអោយអ្នកប្រើ Blogspot ភាគច្រើនចូលចិត្ត ទាញយកមកដំឡើងណាស់។ តែបើយើងជាអ្នកអភិវឌ្ឍន៍ សូមកែច្នៃដោយដៃយើងផ្ទាល់វិញទើបរីកចំរើន ដោយយើងត្រូវស្រាវជ្រាវស្វែងរកកូដ (Code) នៅតាមវ៉ែបសាយផ្សេងៗ មកតុបតែងទើបយើងបានចំណេះពិតប្រាកដ មិនមែនយកស្រាប់ៗ។
Blogspot បានបង្កប់មុខងារនេះមកជាមួយដែរតែ សម្រាប់អ្នកដែរទើបរៀនប្រើដំបូងដូចជាមិនសូវស្គាល់ មកពីមុខងារនោះ មានឈ្មោះខុសពីតួនាទីពិតរបស់វា :D ដែរជាហេតុធ្វើអោយឆ្ងល់ (កាលពីមុនខ្ញុំក៏ឆ្ងល់ដែរ តើធ្វើយ៉ាងម៉េចទើបអាចបង្ហាញជាសង្ខេបបាន?) ហាស ហា ឥឡូវមានចំលើយហើយ ហើយថែមទាំងមិនបាច់សរសេរកូដ អីនោះទេ ងាយៗសំរាប់មនុស្សដូចជាខ្ញុំនេះ និង អ្នកដែរមិនចេះកូដ។ សូមមើលដូចខាងក្រោមនេះ៖
- Log ចូលទៅក្នុងគណនី Blogspot របស់អ្នកដោយចូលតាម www.blogger.com
- សរសេរ អត្ថបទមួយ ឬក៏ បើកយក អត្ថបទចាស់របស់អ្នកយកមកកំណត់អោយបង្ហាញជាលក្ខណៈសង្ខេបនៅទំព័រ Home .
- ចុចដាក់ សញ្ញា Cursor ដែរលោត "ទឹត" ដាក់កន្លែងណាដែរអ្នកចង់អោយបង្ហាញសង្ខេបត្រឹមកន្លែងនោះ រូចចុច ប៊ូតុងInsert jump break ជាការស្រេច ។ សូមមើលរូបឧទាហណ៍ខាងក្រោមនេះ៖
Insert jump break ជាការស្រេច ។ សូមមើលរូបឧទាហណ៍ខាងក្រោមនេះ៖ |
| ពេលដាក់ Insert jump break ហើយលោកអ្នកនឹងឃើញ បន្ទាត់ពណ៌ប្រផេះ |
***ចំណាំ៖ លោកអ្នកត្រូវរៀបចំត្រួតពិនិត្យអត្ថបទរួចរាល់អស់សិនទើបប្រើ Insert jump break ជាចុងក្រោយគេ។
ដូរអក្សរ Readmore អោយទៅជា ភាសាខ្មែរវិញ៖
-ចូលទៅ Layout >> ចុចប៊ូតុង Edit ត្រង់កន្លែង Blog Posts (សូមមើលរូបខាងក្រោម)៖
នោះនឹងលេចចេញផ្ទាំង Configure Blog Posts ចេញមកអោយយើងកំណត់ ៖
-Mumber of post on main page: ជាការកំណត់ចំនួន Post អោយបង្ហាញនៅទំព័រ Home
-Post page link text: កំណត់អក្សរដែរយើងចង់បាន ឧទាហណ៍៖ ចុចទីនេះអានបន្ត >>
រួចចុចប៊ូតុង SAVE ជាការស្រេច :D ៕
សួស្ដី និង សូមអរគុណអ្នកដែលបានគាំទ្រ បានចូលមើល ប្លកអាក្បាលធំ ទាំងអស់ជាទីបាត្រី ខ្ញុំសូមលើកយក មុខងារ Text area យកមកបង្ហាញជូន ជាពិសេសអ្នកសរសេរប្លក ទាំងអស់ អោយបានដឹងអំពីលក្ខណៈពិសេស និងសារៈប្រយោជន៍របស់ Text area ថាតើគេប្រើវាដើម្បីអ្វីដែរ? ហើយនៅពេលណា? សូមយល់ដឹងទាំងអស់គ្នា។
Text area គឺមានមុខងារសម្រាប់អោយយើងអាចដាក់អក្សរ
ដែលមានបន្ទាត់ព័ទ្ធជុំវិញ និងអាចដាក់ពណ៌
និងរាងបន្ទាត់ផ្សេងៗបានផងដែរ។ Text area មានទំរង់
<textarea> tag.
វាមានរូបរាងបន្ទាត់ផ្សេងៗអោយយើងជ្រើសរើសយកទៅប្រើសំរាប់ដាក់
អក្សរ ឬ អត្ថបទក្នុងប្រលោះបួនជ្រុងនោះ។ អ្នកសរសេរប្លក
និងអ្នកសរសេរវ៉ែបសាយភាគច្រើន គេចូលចិត្តប្រើវាសម្រាប់ ដាក់ script
ឬ Code ផ្សេងៗ សម្រាប់បង្ហាញអ្នកមើល។ Text area វាមានរូបរាងខុសគ្នាច្រើនដែរ ដូច្នេះខ្ញុំសូមបង្ហាញ Text area ខ្លះៗដែលខ្ញុំបានដឹង ដូចខាងក្រោមនេះ៖
លក្ខណស្តង់ដាររបស់ Text area ៖
<textarea>សូមស្វាគមន៍ និងសូមអរគុណដែលបានចូលមើលប្លកអាក្បាលធំ</textarea>
Text Area អាចកំណត់ ទំហំទទឹង និង ប្រវែងកំពស់ បាន៖
<textarea cols="18" rows="5">សូមស្វាគមន៍ និងសូមអរគុណដែលបានចូលមើលប្លកអាក្បាលធំ</textarea>
Text Area ដែលមានបន្ទាត់ដាច់ៗព័ទ្ធជុំវិញ (dashed line)៖
<textarea cols="18" rows="5" style="border: 2px dashed ;">សូមស្វាគមន៍ និងសូមអរគុណដែលបានចូលមើលប្លកអាក្បាលធំ</textarea>
Text Area ដែលអាចចុចតែមួយគឺ select អក្សរទាំងអស់ (one click select all)៖
<textarea cols="18" onclick="this.focus(); this.select();" rows="5">សូមស្វាគមន៍ និងសូមអរគុណដែលបានចូលមើលប្លកអាក្បាលធំ</textarea>
Text Area ដែលអាច select អក្សរទាំងអស់ដោយគ្រាន់តែដាក់សញ្ញាព្រួញរបស់ mouse ពីលើ [select all by mouse over (no click)]៖
<div>
<form name="catatancuss">
<div align="left" style="margin-bottom: 0pt; margin-top: 0pt;">
<textarea ;="" cols="55" name="txt" onmouseover="this.form.txt.select()" readonly="readonly" rows="100" style="height: 85px; width: 400px;">សូមស្វាគមន៍ និងសូមអរគុណដែលបានចូលមើលប្លកអាក្បាលធំ</textarea></div>
</form>
</div>
Text Area ដែលមានប៊ូតុងអោយចុចដើម្បី select អក្សរ (Select All button)៖
<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /> </div>
<div align="center">
</div>
<div align="center">
<textarea cols="55" name="txt" rows="100" style="height: 85px; width: 400px;" wrap="VIRTUAL">សូមស្វាគមន៍ និងសូមអរគុណដែលបានចូលមើលប្លកអាក្បាលធំ</textarea></div>
</form>
</div>
Text Area ដែលមានពណ៌បន្ទាត់ពីរ និងពណ៌ផ្ទៃ (Colorful Text Area)៖
<textarea cols="18" name="code" rows="3" style="-moz-border-radius: 10px; background: #BFFAFF; border-bottom: 4px solid #FF9900; border-left: 4px solid #FF9900; border-right: 4px solid #009933; border-top: 4px solid #009933; color: red; line-height: 1.5em; padding: 5px;">សូមស្វាគមន៍ និងសូមអរគុណដែលបានចូលមើលប្លកអាក្បាលធំ</textarea>
Text Area ដែលបន្ទាត់មានគែមមូលពីរ និងពណ៌ផ្ទៃ ៖
<textarea name="code" rows="3" cols="18" style="background: #FFDAAF; color: #7F4500; border: 2px ridge #7F4500; line-height: 1.5em; padding: 5px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomright: 15px;">សូមស្វាគមន៍ និងសូមអរគុណដែលបានចូលមើលប្លកអាក្បាលធំ</textarea>
Text Area ជាប្រភេទធម្មតាមានអក្សរពណ៌ស និងអាចដាក់ពណ៌ផ្ទៃ៖
<textarea name="code" rows="3" cols="18" style="background:#0033FF; color:#fff; border:3px double #ffaf; line-height:1.5em; padding:5px;">សូមស្វាគមន៍ និងសូមអរគុណដែលបានចូលមើលប្លកអាក្បាលធំ</textarea>
Text Area ដែលមានបន្ទាត់ដាច់ៗព័ទ្ធជុំវិញ និងអាចដាក់ពណ៌ផ្ទៃ៖
<textarea name="code" rows="3" cols="18" style="background: #009900; color: #FFEFF9; border: 3px dotted #FFEFF9; line-height: 1.5em; padding: 5px;">សូមស្វាគមន៍ និងសូមអរគុណដែលបានចូលមើលប្លកអាក្បាលធំ</textarea>
Text Area ដែលមានជ្រុងបន្ទាត់មូល និងអាចដាក់ពណ៌ផ្ទៃ៖
<textarea name="code" rows="3" cols="18" style="background: #FBEFFF; color: #CA3DD9; border: 1px solid #CA3DD9; border-left: 20px solid #CA3DD9; line-height: 1.5em; padding: 5px; -moz-border-radius: 7px;">Full Blog Tricks</textarea>
ចំណាំ៖
អ្នកអាចដូរពណ៌បានដោយត្រូវដឹងតម្លៃរបស់ពណ៌ ដោយប្រើកម្មវិធី
Abode Photoshop ឬកម្មវិធីផ្សេងៗ សូមមើលរូបខាងក្រោមនេះ៖
អ្នកអាចយកទៅប្រើជាមួយ Text Area អត្ថបទ (Post) ឬក៏ធ្វើជា Widgets បានទៅតាមការចូលចិត្តរបស់អ្នក នាំគ្នារចនាប្លករបស់អ្នកអោយស្អាត និងទាន់សម័យ៕
ដកស្រង់ពីប្លក http://akbalthom.blogspot.com
យលើដឹងមពីមុខងារ Text Area សម្រាប់អ្នកសរសេរប្លក
បើកមើល
Labels:
Blog Tips
សួស្ដី និង សូមអរគុណអ្នកដែលបានគាំទ្រ បានចូលមើល ប្លកអាក្បាលធំ ទាំងអស់ជាទីបាត្រី ខ្ញុំសូមលើកយក មុខងារ Text area យកមកបង្ហាញជូន ជាពិសេសអ្នកសរសេរប្លក ទាំងអស់ អោយបានដឹងអំពីលក្ខណៈពិសេស និងសារៈប្រយោជន៍របស់ Text area ថាតើគេប្រើវាដើម្បីអ្វីដែរ? ហើយនៅពេលណា? សូមយល់ដឹងទាំងអស់គ្នា។
Text area គឺមានមុខងារសម្រាប់អោយយើងអាចដាក់អក្សរ
ដែលមានបន្ទាត់ព័ទ្ធជុំវិញ និងអាចដាក់ពណ៌
និងរាងបន្ទាត់ផ្សេងៗបានផងដែរ។ Text area មានទំរង់
<textarea> tag.
វាមានរូបរាងបន្ទាត់ផ្សេងៗអោយយើងជ្រើសរើសយកទៅប្រើសំរាប់ដាក់
អក្សរ ឬ អត្ថបទក្នុងប្រលោះបួនជ្រុងនោះ។ អ្នកសរសេរប្លក
និងអ្នកសរសេរវ៉ែបសាយភាគច្រើន គេចូលចិត្តប្រើវាសម្រាប់ ដាក់ script
ឬ Code ផ្សេងៗ សម្រាប់បង្ហាញអ្នកមើល។ Text area វាមានរូបរាងខុសគ្នាច្រើនដែរ ដូច្នេះខ្ញុំសូមបង្ហាញ Text area ខ្លះៗដែលខ្ញុំបានដឹង ដូចខាងក្រោមនេះ៖
លក្ខណស្តង់ដាររបស់ Text area ៖
<textarea>សូមស្វាគមន៍ និងសូមអរគុណដែលបានចូលមើលប្លកអាក្បាលធំ</textarea>
Text Area អាចកំណត់ ទំហំទទឹង និង ប្រវែងកំពស់ បាន៖
<textarea>សូមស្វាគមន៍ និងសូមអរគុណដែលបានចូលមើលប្លកអាក្បាលធំ</textarea>
Text Area អាចកំណត់ ទំហំទទឹង និង ប្រវែងកំពស់ បាន៖
<textarea cols="18" rows="5">សូមស្វាគមន៍ និងសូមអរគុណដែលបានចូលមើលប្លកអាក្បាលធំ</textarea>
Text Area ដែលមានបន្ទាត់ដាច់ៗព័ទ្ធជុំវិញ (dashed line)៖
<textarea cols="18" rows="5" style="border: 2px dashed ;">សូមស្វាគមន៍ និងសូមអរគុណដែលបានចូលមើលប្លកអាក្បាលធំ</textarea>
Text Area ដែលអាចចុចតែមួយគឺ select អក្សរទាំងអស់ (one click select all)៖
<textarea cols="18" onclick="this.focus(); this.select();" rows="5">សូមស្វាគមន៍ និងសូមអរគុណដែលបានចូលមើលប្លកអាក្បាលធំ</textarea>
Text Area ដែលអាច select អក្សរទាំងអស់ដោយគ្រាន់តែដាក់សញ្ញាព្រួញរបស់ mouse ពីលើ [select all by mouse over (no click)]៖
<div>
<form name="catatancuss">
<div align="left" style="margin-bottom: 0pt; margin-top: 0pt;">
<textarea ;="" cols="55" name="txt" onmouseover="this.form.txt.select()" readonly="readonly" rows="100" style="height: 85px; width: 400px;">សូមស្វាគមន៍ និងសូមអរគុណដែលបានចូលមើលប្លកអាក្បាលធំ</textarea></div>
</form>
</div>
Text Area ដែលមានប៊ូតុងអោយចុចដើម្បី select អក្សរ (Select All button)៖
<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /> </div>
<div align="center">
</div>
<div align="center">
<textarea cols="55" name="txt" rows="100" style="height: 85px; width: 400px;" wrap="VIRTUAL">សូមស្វាគមន៍ និងសូមអរគុណដែលបានចូលមើលប្លកអាក្បាលធំ</textarea></div>
</form>
</div>
Text Area ដែលមានពណ៌បន្ទាត់ពីរ និងពណ៌ផ្ទៃ (Colorful Text Area)៖
<textarea cols="18" name="code" rows="3" style="-moz-border-radius: 10px; background: #BFFAFF; border-bottom: 4px solid #FF9900; border-left: 4px solid #FF9900; border-right: 4px solid #009933; border-top: 4px solid #009933; color: red; line-height: 1.5em; padding: 5px;">សូមស្វាគមន៍ និងសូមអរគុណដែលបានចូលមើលប្លកអាក្បាលធំ</textarea>
Text Area ដែលបន្ទាត់មានគែមមូលពីរ និងពណ៌ផ្ទៃ ៖
<textarea name="code" rows="3" cols="18" style="background: #FFDAAF; color: #7F4500; border: 2px ridge #7F4500; line-height: 1.5em; padding: 5px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomright: 15px;">សូមស្វាគមន៍ និងសូមអរគុណដែលបានចូលមើលប្លកអាក្បាលធំ</textarea>
Text Area ជាប្រភេទធម្មតាមានអក្សរពណ៌ស និងអាចដាក់ពណ៌ផ្ទៃ៖
<textarea name="code" rows="3" cols="18" style="background:#0033FF; color:#fff; border:3px double #ffaf; line-height:1.5em; padding:5px;">សូមស្វាគមន៍ និងសូមអរគុណដែលបានចូលមើលប្លកអាក្បាលធំ</textarea>
Text Area ដែលមានបន្ទាត់ដាច់ៗព័ទ្ធជុំវិញ និងអាចដាក់ពណ៌ផ្ទៃ៖
<textarea name="code" rows="3" cols="18" style="background: #009900; color: #FFEFF9; border: 3px dotted #FFEFF9; line-height: 1.5em; padding: 5px;">សូមស្វាគមន៍ និងសូមអរគុណដែលបានចូលមើលប្លកអាក្បាលធំ</textarea>
Text Area ដែលមានជ្រុងបន្ទាត់មូល និងអាចដាក់ពណ៌ផ្ទៃ៖
<textarea name="code" rows="3" cols="18" style="background: #FBEFFF; color: #CA3DD9; border: 1px solid #CA3DD9; border-left: 20px solid #CA3DD9; line-height: 1.5em; padding: 5px; -moz-border-radius: 7px;">Full Blog Tricks</textarea>
ចំណាំ៖ អ្នកអាចដូរពណ៌បានដោយត្រូវដឹងតម្លៃរបស់ពណ៌ ដោយប្រើកម្មវិធី Abode Photoshop ឬកម្មវិធីផ្សេងៗ សូមមើលរូបខាងក្រោមនេះ៖
អ្នកអាចយកទៅប្រើជាមួយ Text Area អត្ថបទ (Post) ឬក៏ធ្វើជា Widgets បានទៅតាមការចូលចិត្តរបស់អ្នក នាំគ្នារចនាប្លករបស់អ្នកអោយស្អាត និងទាន់សម័យ៕
Text Area ដែលមានបន្ទាត់ដាច់ៗព័ទ្ធជុំវិញ (dashed line)៖
<textarea cols="18" rows="5" style="border: 2px dashed ;">សូមស្វាគមន៍ និងសូមអរគុណដែលបានចូលមើលប្លកអាក្បាលធំ</textarea>
Text Area ដែលអាចចុចតែមួយគឺ select អក្សរទាំងអស់ (one click select all)៖
<textarea cols="18" onclick="this.focus(); this.select();" rows="5">សូមស្វាគមន៍ និងសូមអរគុណដែលបានចូលមើលប្លកអាក្បាលធំ</textarea>
Text Area ដែលអាច select អក្សរទាំងអស់ដោយគ្រាន់តែដាក់សញ្ញាព្រួញរបស់ mouse ពីលើ [select all by mouse over (no click)]៖
<div>
<form name="catatancuss">
<div align="left" style="margin-bottom: 0pt; margin-top: 0pt;">
<textarea ;="" cols="55" name="txt" onmouseover="this.form.txt.select()" readonly="readonly" rows="100" style="height: 85px; width: 400px;">សូមស្វាគមន៍ និងសូមអរគុណដែលបានចូលមើលប្លកអាក្បាលធំ</textarea></div>
</form>
</div>
Text Area ដែលមានប៊ូតុងអោយចុចដើម្បី select អក្សរ (Select All button)៖
<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /> </div>
<div align="center">
</div>
<div align="center">
<textarea cols="55" name="txt" rows="100" style="height: 85px; width: 400px;" wrap="VIRTUAL">សូមស្វាគមន៍ និងសូមអរគុណដែលបានចូលមើលប្លកអាក្បាលធំ</textarea></div>
</form>
</div>
Text Area ដែលមានពណ៌បន្ទាត់ពីរ និងពណ៌ផ្ទៃ (Colorful Text Area)៖
<textarea cols="18" name="code" rows="3" style="-moz-border-radius: 10px; background: #BFFAFF; border-bottom: 4px solid #FF9900; border-left: 4px solid #FF9900; border-right: 4px solid #009933; border-top: 4px solid #009933; color: red; line-height: 1.5em; padding: 5px;">សូមស្វាគមន៍ និងសូមអរគុណដែលបានចូលមើលប្លកអាក្បាលធំ</textarea>
Text Area ដែលបន្ទាត់មានគែមមូលពីរ និងពណ៌ផ្ទៃ ៖
<textarea name="code" rows="3" cols="18" style="background: #FFDAAF; color: #7F4500; border: 2px ridge #7F4500; line-height: 1.5em; padding: 5px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomright: 15px;">សូមស្វាគមន៍ និងសូមអរគុណដែលបានចូលមើលប្លកអាក្បាលធំ</textarea>
Text Area ជាប្រភេទធម្មតាមានអក្សរពណ៌ស និងអាចដាក់ពណ៌ផ្ទៃ៖
<textarea name="code" rows="3" cols="18" style="background:#0033FF; color:#fff; border:3px double #ffaf; line-height:1.5em; padding:5px;">សូមស្វាគមន៍ និងសូមអរគុណដែលបានចូលមើលប្លកអាក្បាលធំ</textarea>
Text Area ដែលមានបន្ទាត់ដាច់ៗព័ទ្ធជុំវិញ និងអាចដាក់ពណ៌ផ្ទៃ៖
<textarea name="code" rows="3" cols="18" style="background: #009900; color: #FFEFF9; border: 3px dotted #FFEFF9; line-height: 1.5em; padding: 5px;">សូមស្វាគមន៍ និងសូមអរគុណដែលបានចូលមើលប្លកអាក្បាលធំ</textarea>
Text Area ដែលមានជ្រុងបន្ទាត់មូល និងអាចដាក់ពណ៌ផ្ទៃ៖
<textarea name="code" rows="3" cols="18" style="background: #FBEFFF; color: #CA3DD9; border: 1px solid #CA3DD9; border-left: 20px solid #CA3DD9; line-height: 1.5em; padding: 5px; -moz-border-radius: 7px;">Full Blog Tricks</textarea>
ចំណាំ៖ អ្នកអាចដូរពណ៌បានដោយត្រូវដឹងតម្លៃរបស់ពណ៌ ដោយប្រើកម្មវិធី Abode Photoshop ឬកម្មវិធីផ្សេងៗ សូមមើលរូបខាងក្រោមនេះ៖
អ្នកអាចយកទៅប្រើជាមួយ Text Area អត្ថបទ (Post) ឬក៏ធ្វើជា Widgets បានទៅតាមការចូលចិត្តរបស់អ្នក នាំគ្នារចនាប្លករបស់អ្នកអោយស្អាត និងទាន់សម័យ៕
ដកស្រង់ពីប្លក http://akbalthom.blogspot.com
ការ
ដាក់បង្ហាញចំនួនអ្នកកំពុងចូលទស្សនាគឺមានសារៈប្រយោជន៍ណាស់ដែរ
ដោយអាចអោយយើងដឹងថាពេលនេះមានអ្នកកំពុងចូលទស្សនាប៉ុន្មានអ្នក
ណាមួយក៏អាចអោយអ្នកចូលទស្សនាដឹងថា
ប្លកមួយនេះមានអ្នកកំពុងអានប៉ុណ្ណេះអ្នកដែរ។
ដោយមានអ្នកនៅតែមិនទាន់ដឹង
ដូច្នេះខ្ញុំសូមបង្ហាញជូនពីរបៀបដាក់ បង្ហាញចំនួនអ្នកកំពុងទស្សនាប្លក (Blogspot) ដោយប្រើកូដពីគេហទំព័រ http://whos.amung.us/ សូមមើលពីរបៀបដាក់ដូចខាងក្រោមនេះ៖
- ចូលទៅគេហទំព័រ http://whos.amung.us/
- រើសយកទីតាំងណាមួយដែលអ្នកចង់ដាក់បង្ហាញ (សូមមើលរូបខាងក្រោម)
- ខ្ញុំសូមណែនាំអោយរើសយក Left >> Center
- Copy កូដទុកសិន
- ចូលទៅក្នុងគណនី Blogspot របស់លោកអ្នក រួចចូលទៅ Layout >> Add a Gadget
- ស្វែងរកមើល Gadget ដែរមានឈ្មោះ HTML/JavaScript (មើលរូបខាងក្រោមនេះ)
- Paste កូដដែលអ្នកបានចម្លងទុកខាងលើ ចូលក្នុង Gadget HTML/JavaScript រួចចុច Save
- រើសទីតាំងទុកដាក់ Gadget អោយបានសមរម្យ អ្នកអាចដាក់ខាងក្រោមក្បែរខាង។
របៀបដាក់បង្ហាញចំនួនអ្នកកំពុងទស្សនាប្លក
បើកមើល
Labels:
Blog Tips
ការ
ដាក់បង្ហាញចំនួនអ្នកកំពុងចូលទស្សនាគឺមានសារៈប្រយោជន៍ណាស់ដែរ
ដោយអាចអោយយើងដឹងថាពេលនេះមានអ្នកកំពុងចូលទស្សនាប៉ុន្មានអ្នក
ណាមួយក៏អាចអោយអ្នកចូលទស្សនាដឹងថា
ប្លកមួយនេះមានអ្នកកំពុងអានប៉ុណ្ណេះអ្នកដែរ។
ដោយមានអ្នកនៅតែមិនទាន់ដឹង
ដូច្នេះខ្ញុំសូមបង្ហាញជូនពីរបៀបដាក់ បង្ហាញចំនួនអ្នកកំពុងទស្សនាប្លក (Blogspot) ដោយប្រើកូដពីគេហទំព័រ http://whos.amung.us/ សូមមើលពីរបៀបដាក់ដូចខាងក្រោមនេះ៖
- ចូលទៅគេហទំព័រ http://whos.amung.us/
- រើសយកទីតាំងណាមួយដែលអ្នកចង់ដាក់បង្ហាញ (សូមមើលរូបខាងក្រោម)
- ខ្ញុំសូមណែនាំអោយរើសយក Left >> Center
- Copy កូដទុកសិន
- ចូលទៅក្នុងគណនី Blogspot របស់លោកអ្នក រួចចូលទៅ Layout >> Add a Gadget
- ស្វែងរកមើល Gadget ដែរមានឈ្មោះ HTML/JavaScript (មើលរូបខាងក្រោមនេះ)
- Paste កូដដែលអ្នកបានចម្លងទុកខាងលើ ចូលក្នុង Gadget HTML/JavaScript រួចចុច Save
- រើសទីតាំងទុកដាក់ Gadget អោយបានសមរម្យ អ្នកអាចដាក់ខាងក្រោមក្បែរខាង។
- ស្វែងរកមើល Gadget ដែរមានឈ្មោះ HTML/JavaScript (មើលរូបខាងក្រោមនេះ)
- រើសទីតាំងទុកដាក់ Gadget អោយបានសមរម្យ អ្នកអាចដាក់ខាងក្រោមក្បែរខាង។
