/fa-font/ ពុម្ពអក្សរ​អាក្បាលធំ​_$type=carousel$cols=3$title=none$cat=0$meta=0$rm=0$snip=0$count=10

បង្កើត​ប្រអប់​សម្រាប់​ដាក់​​កូដ​ងាយៗ / Code box for blogger

ចែកចាយ:

ក្នុង​គន្លឹះ​នេះ​ខ្ញុំ​បាន​បង្ហាញ​អំពី​ការ​បង្កើត​ប្រអប់​សម្រាប់​ដាក់ ​code នានា ពេល​យើង​ចង់​សរសេរ​អត្ថបទ​អំពី​ការ​ប្រើប្រាស់​កូដ​ផ្សេងៗ ...


ក្នុង​គន្លឹះ​នេះ​ខ្ញុំ​បាន​បង្ហាញ​អំពី​ការ​បង្កើត​ប្រអប់​សម្រាប់​ដាក់ ​code នានា ពេល​យើង​ចង់​សរសេរ​អត្ថបទ​អំពី​ការ​ប្រើប្រាស់​កូដ​ផ្សេងៗ  ដើម្បី​ឲ្យ​វា​មាន​របៀប បង្ហាញ​ទៅ​មិន​រញ៉េរញ៉ៃ​​អត្ថបទ​របស់​យើង​ឡើយ ។ ប្រអប់​កូដ​នេះ​ខ្ញុំ​បាន​យក​មក​ពី​គេ​ក្នុង​អ៊ីនធឺណិត ដោយ​មាន​កែ​សម្រួល​ឲ្យ​វា​មាន​គែម​រាង​មូល​ 20px និង​ផ្ទៃ​ខាង​ក្រោយ​ទៅ​ពណ៌​រាង​ងងឹត (#232323) ។ សូម​មើល​រៀប​ដាក់ និង​ប្រើប្រាស់​តាម​ខាង​ក្រោម​នេះ ៖

១- ចូល​ទៅ​ក្នុង​​ Blog របស់​លោក​អ្នក​ជា​មុន​សិន
២- ចូល​ទៅ​ម៉ឺនុយ Theme >> Edit HTML

៣- ចុច​ម៉ៅ​លើ​កូដ​សិន រួច​ចុច​ក្ដារចុច Ctrl +F ដើម្បី បើក​មុខងារ​​ស្វែង​រក​កូដ​ក្នុង template
៤- ស្វែងរក​ពាក្យ ]]></b:skin>
៥- ចម្លង​កូដ​ខាង​ក្រោម​យក​ទៅ​​បិទភ្ជាប់ ឬ​ដាក់​ពី​លើ​កូដ ]]></b:skin> (សូម​មើល​រូប)

ផ្ទៃ​ពណ៌​ខ្មៅ
/*=========Code Box AKbalthom===========*/
.code { background:#232323; background-repeat:no-repeat; border-radius: 20px; color: #ffffff; font-size: 14px; line-height: 18px; margin: 10px 0 10px 10px; max-height: 200px; min-height: 16px; overflow: auto; padding: 20px; width: 98%; } .code:hover { background: #232323; background-repeat:no-repeat; box-shadow: 0 0 7px #999999;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease; transition: all .3s ease;}

ផ្ទៃ​ពណ៌​ប្រផេះ
/*=========Code Box AKbalthom===========*/
.code { background:#f7f7f7; background-repeat:no-repeat; border-radius: 10px; border: 1px solid #f1f1f1 !important; font-size: 15px; line-height: 18px; margin: 0px 0px 0px 0px; max-height: auto; min-height: 16px; overflow: auto; padding: 20px;} .code:hover { background: #f7f7f7; background-repeat:no-repeat;    box-shadow: 0 0 7px #999999;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease; transition: all .3s ease;}

៦- រួច​ចុច Save Theme ។

៙​ របៀប​ប្រើ ៖
១- ចូល​ទៅ​បង្កើត​អត្ថបទ​ថ្មី​មួយ
២- ចម្លង​កូដ​ខាង​ក្រោម
<div class="code">
Paste Code Here
</div>
៣- យក​ទៅ​ដាក់​ក្នុង​អត្ថបទ​ដោយ​ឈរ​លើ​តាប HTML ។
៤- ចម្លង​កូដ​​របស់​អ្នក​​ដែល​ត្រូវ​ដាក់ post យក​ទៅ​ដាក់​​កន្លែង Paste Code Here ជា​ការ​ស្រេច ។
៥- ​យើង​អាច​ចុច​ប៊ូតុង Preview ដើម្បី​មើល​លទ្ធផល​សាកល្បង​បាន ៕

មតិ

Name

Google,1,កង្កែប,3,កញ្ឆែត,1,កំពឹស,1,កម្មវិធី,11,កាពិ,1,ការ៉េម,3,កិច្ចសម្ភាសន៍,7,ក្ដាម,4,ក្បាច់ខ្មែរ,18,ក្រាហ្វិក,32,ក្រាហ្វិក Rastor,3,ក្រាហ្វិក Vector,29,ក្រូច,3,ខ,1,ខាត់ណា,1,ខ្ចៅ,2,ខ្ទឹម,2,ខ្នុរ,4,ខ្យង,1,គន្លឹះ,41,គន្លឹះ Blogger,33,គន្លឹះ Illustrator,1,គន្លឹះ Photoshop,2,គន្លឹះកុំព្យូទ័រ,11,គន្លឹះទូរស័ព្ទ,1,គន្លឹះអ៊ីនធឺណិត,1,គុយទាវ,3,គោ,13,គ្រឿងក្លែម,2,គ្រឿងបុក,4,គ្រឿងសមុទ្រ,7,ងាវ,3,ចំណេះដឹងទូទៅ,2,ចំហុយ,9,ចៀន,9,ចេក,2,ឆា,35,ជ្រក់,5,ជ្រលក់,8,ជ្រូក,26,ឈូក,1,ញាំ,7,ដំណើប,3,ដំឡូង,3,ដំឡូងបារាំង,2,ដុត,2,ដូង,3,តៅហ៊ូ,5,ត្នោត,3,ត្រកួន,1,ត្រប់,2,ត្រយូងចេក,1,ត្រសក់,1,ត្រឡាច,1,ត្រាវ,1,ត្រី,10,ត្រីខ,1,ត្រីងៀត,1,ត្រីឆ្អើរ,1,ទំពាំង,1,ទា,2,ទាញយក,37,ទឹកឃ្មុំ,1,ទូរទស្សន៍,14,ធូរេន,1,នំ,15,បង្គា,15,បង្អែម,15,បន្លែ,1,បំពង,5,ប័រ,1,បាយ,4,បុក,3,ប៊ូតុង,1,ប៉េងបោះ,5,ប្រហិត,4,ប្រហុក,4,ប្រឡាក់,1,ផ្កាខាត់ណា,1,ផ្សិត,3,ផ្អាប់,4,ពងត្រី,1,ព័ត៌មាន,16,ព័ត៌មាន​រចនា,5,ពុម្ពអក្សរ,48,ពុម្ពអក្សរខ្មែរ,47,ពុម្ពអក្សរបរទេស,1,ពុម្ពអក្សរអាក្បាលធំ,85,ពុម្ពអក្សរអាថ៌កំបាំង,1,ពោត,3,ព្រឹត្តិការណ៍,1,ភេសជ្ជ,1,ភ្លា,2,មាន់,16,មី,1,មីសួ,5,មឹក,3,ម្ទេស,11,ម្នាស់,1,ម្រះ,1,ម្រេច,2,ម្សៅមី,2,យូនីកូដខ្មែរ,21,រូបភាព,1,រូបភាពអក្សរ,24,រៀន,2,រៀនរចនាពុម្ពអក្សរខ្មែរ,13,លត,1,ល្ង,1,ល្ពៅ,1,ល្ហុង,1,វចនានុក្រម,1,វិជ្ជាធ្វើម្ហូប,146,វីដេអូ,2,សម្ល,10,សម្លម្ជូរ,2,សារាយ,1,សាលាដ,2,ស៊ុត,9,ស៊ុប,11,សៀវភៅ,5,ស្ងោរ,16,ស្ពៃ,5,ស្លឹកគ្រៃ,6,ស្លឹកតយ,2,ស្អំ,1,ហាងទំនិញ,3,អក្សរ,41,អង្ក្រង,1,អត្ថបទអក្សរសាស្ត្រ,1,អន្ទង់,1,អន្លក់,2,អម្ពិល,4,អាំង,6,អាវក្បាច់ខ្មែរ,1,អាវយឺត,3,អាវរាមកេរ្តិ៍,2,អាវអ៊ុតរូប,3,អ៊ីនធឺណិត,1,ឯកសារ,9,
ltr
item
អាក្បាលធំ: បង្កើត​ប្រអប់​សម្រាប់​ដាក់​​កូដ​ងាយៗ / Code box for blogger
បង្កើត​ប្រអប់​សម្រាប់​ដាក់​​កូដ​ងាយៗ / Code box for blogger
https://1.bp.blogspot.com/-bMtZOgkTSZI/W9l1anIObII/AAAAAAAAsek/RV7tBytbjb0IjpTpsSZc4JSNxQC2TU_iACLcBGAs/s640/Untitled-1.jpg
https://1.bp.blogspot.com/-bMtZOgkTSZI/W9l1anIObII/AAAAAAAAsek/RV7tBytbjb0IjpTpsSZc4JSNxQC2TU_iACLcBGAs/s72-c/Untitled-1.jpg
អាក្បាលធំ
https://akbalthom.blogspot.com/2018/10/code-box-for-blogger.html
https://akbalthom.blogspot.com/
https://akbalthom.blogspot.com/
https://akbalthom.blogspot.com/2018/10/code-box-for-blogger.html
true
5060019090675378648
UTF-8
ផ្ទុក​ប្រកាស​ទាំងអស់ រក​មិន​ឃើញ​ប្រកាស​ទេ មើល​ទាំងអស់ អាន​បន្ថែម ឆ្លើយតប បោះបង់​ការ​ឆ្លើយតប លុប ដោយ ទំព័រ​ដើម ទំព័រ ប្រកាស មើល​ទាំងអស់ ណែនាំ​អត្ថបទសម្រាប់​អ្នក ៖ ចំណាត់​ក្រុម ប័ណ្ណសារ SEARCH អត្ថបទ​ទាំងអស់ រក​មិន​ឃើញ​ការ​ផ្គូផ្គង​​ប្រកាស​ណាមួយ​តាមសំណើ​របស់​អ្នក ត្រលប់​ទៅ​ទំព័រដើម ថ្ងៃ​អាទិត្យ ថ្ងៃ​ចន្ទ ថ្ងៃ​អង្គារ ថ្ងៃ​ពុធ ថ្ងៃ​ប្រហស្បតិ៍ ថ្ងៃ​សុក្រ ថ្ងៃ​សៅរ៍ Sun Mon Tue Wed Thu Fri Sat មករា កុម្ភៈ មីនា មេសា ឧសភា មិថុនា កក្កដា សីហា កញ្ញា តុលា វិច្ឆិកា ធ្នូ Jan Feb Mar Apr ឧសភា Jun Jul Aug Sep Oct Nov Dec ឥឡូវ​នេះ ១ ​នាទីមុន $$1$$ minutes ago ១ ម៉ោងមុន $$1$$ hours ago ម្សិលមិញ $$1$$ days ago $$1$$ weeks ago ច្រើន​ជាង ៥ សប្តាហ៍​មុន អ្នកតាមដាន តាមដាន មាតិកា​នេះ​ត្រូវ​បាន​ចាក់​សោ ជំហានទី១ : ចុច​ចែកចាយ​ទៅ​កាន់​បណ្ដាញ​សង្គម ជំហាន​ទី​២ : ចុច​លើ​តំណ​​ពី​បណ្ដាញ​សង្គម​​ចូល​មក​វិញ ចម្លង​កូដទាំងអស់ ជ្រើសរើស​កូដ​ទាំងអស់ កូដ​ទាំងអស់​ត្រូវ​បាន​ចម្លង​ទៅ​ក្ដារតម្បៀតខ្ទាស់​របស់​អ្នក មិន​អាច​ថតចម្លង​កូដ / អត្ថបទ​បាន​ទេ សូមចុច [CTRL] + [C] (ឬ CMD + C ជាមួយ Mac) ដើម្បី​ចំលង តារាង​មតិកា