.gif){kind=avatar}
Blogspot បានអនុញ្ញាតិអោយអ្នកប្រើប្រាស់អាចបន្ថែមកូដ
(Code) ចូលទៅក្នុង Template ដើម្បីអោយប្លក កាន់តែមានលក្ខណៈពិសេស
និងជាការចង់បានរបស់អ្នកប្រើប្រាស់ផ្សេង ជាពិសេសអ្នកដែលចេះកូដ។
ប្លក Idea For khmer សូមនាំយកកូដ CSS ដែលវាធ្វើអោយរូបតំណាងរបស់អ្នកដែលបានដាក់មតិក្នុងប្លកលោកអ្នកមានទំហំធំជាងមុន
ឬដូរពីមានរាងជ្រុងទៅជាមានរាងមូលវិញ។
សូមមើលរបៀបដាក់កូដដូចខាងក្រោមនេះ៖
លោកអ្នកមិនអាចកំណត់ទំហំ
រូបភាពអ្នកបញ្ចេញមតិរបស់ Blogspot បានទេព្រោះមិនមានមុខងារអោយកំណត់បាន
ដែលវាផ្ទុយពីប្លករបស់ Wordpress ដែលមានមុខងារអាចអោយម្ចាស់ប្លកធ្វើការកែទំហំរូបភាពបាន។
ដូចនេះបើចង់កែប្រែយើងត្រូវបញ្ចូលកូដ ទៅក្នុង Template របស់ Blogger របស់អ្នកតាម៖
- ចូលទៅកាន់ Template >> Edit HTML >>
Proceed (សូមមើលរូបខាងក្រោម)
- ស្វែងរកពាក្យថា : ]]></b:skin> (បើសិនជាចង់លឿនសូមចុច : F3 ឬ Ctrl+F រួចវាយពាក្យ
]]></b:skin> ក្នុងប្រអប់ស្វែងរក)
- ចំលង code យកទៅ
Paste ដាក់ពីខាងលើពាក្យថា ]]></b:skin> ដោយទុកចន្លោះមួយបន្ទាត់
ឬមិនបាច់ទុកក៏បានដែរ (សូមមើលរូបខាងក្រោមនេះ)
កូដធ្វើអោយទំហំរូបភាពអ្នកបញ្ចេញមតិអោយធំជាងមុន
.avatar-image-container,
.avatar-image-container img{
max-width:50px !important;
width:50px !important;
max-height:50px !important;
height:50px !important;
padding: 0 !important;
border:0px;
}
របៀបកែទំហំរូបភាពអ្នកបញ្ចេញមតិអោយធំជាងមុន
និងមានរាងមូល៖
.gif){kind=avatar}
មួយវិញទៀត
បើអ្នកចង់អោយរូបភាពតំណាងអ្នកបញ្ចេញមតិមានរាងមូល និងធំជាងមុននោះ
គឺត្រូវប្រើកូដខាងក្រោមនេះវិញ
កូដខាងក្រោមគឺជាការបន្ថែមពីកូដខាងលើដែលធ្វើអោយវាមានរាងមូលនិងមានស៊ុមពណ៌ស
ព័ទ្ធជុំវិញ។ សូមមើលខាងក្រោមនេះ៖
កូដធ្វើអោយទំហំរូបភាពអ្នកបញ្ចេញមតិអោយធំជាងមុន
និងមានរាងមូល
.avatar-image-container,
.avatar-image-container img {
max-width: 50px !important;
width: 50px !important;
max-height: 50px !important;
height: 50px !important;
padding: 0 !important;
border: 0px;
-webkit-border-radius: 999px;
-moz-border-radius: 999px;
border-radius: 999px;
}
.avatar-image-container{
border:3px solid #fff !important;
-webkit-box-shadow: 0 1px 2px #BBB;
-moz-box-shadow: 0 1px 2px #BBB;
box-shadow: 0 1px 2px #BBB;
}
ចំណាំ៖
លោកអ្នកមិនត្រូវប្រើកូដទាំងពីរជាមួយគ្នាទេ ត្រូវប្រើមួយអត់មួយ។
លោកអ្នកអាចកំណត់ទំហំដោយការដូរទំហំពី
50px ទៅទំហំដែលអ្នកចង់ពង្រីក (ឧទាហរណ៍៖
60px, 80px ឬ 100px)
»» max-width:50px
»» width:50px
»» max-height:50px
»» height:50px