ແບບ CSS ສຳ ລັບລະຫັດໃນ Blog ຂອງທ່ານ

ເພື່ອນຂອງຂ້ອຍໄດ້ຖາມຂ້ອຍວ່າຂ້ອຍສ້າງລະຫັດລະຫັດໃນການເຂົ້າ blog ຄັ້ງສຸດທ້າຍຂອງຂ້ອຍໄດ້ແນວໃດ. ຕົວຈິງຂ້ອຍ 'ປອມແປງ' ລະຫັດພາກພື້ນໂດຍໃຊ້ຮູບແບບ. ພາຍໃນ Blogger ທ່ານສາມາດດັດແກ້ແມ່ແບບຂອງທ່ານ. ຂ້າພະເຈົ້າໄດ້ເພີ່ມແບບດັ່ງຕໍ່ໄປນີ້:

p.code {font-family: Courier New; font-size: 8pt; ແບບຊາຍແດນ: ຊຸດຄຸມ; width-border: 3px; padding: 5px; ພື້ນຫລັງສີ: #FFFFFF; ເສັ້ນສູງ: 100%; ຂອບ: 10px}

ຂັ້ນຕອນຕໍ່ໄປແມ່ນການດັດແກ້ແທັກຂອງຂ້ອຍໃນຮູບແບບ 'Edit Html'. ຂ້ອຍພຽງແຕ່ຊີ້ໃຫ້ເຫັນຮູບແບບ ໃໝ່ ຂອງຂ້ອຍໂດຍການເຮັດແທັກ. Voila! ການ ທຳ ລາຍຮູບແບບຕ່າງໆ:

• ຕັ້ງຄ່າຕົວອັກສອນໃຫ້ Courier New …ຄ້າຍຄືກັບບັນນາທິການລະຫັດທົ່ວໄປ
• ກຳ ນົດຂະ ໜາດ ໂຕອັກສອນໃຫ້ 8pt ເພື່ອເບິ່ງຖືກຕ້ອງ
• ຕັ້ງແບບຊາຍແດນວັກໃຫ້ເປັນ 'inset'. ສິ່ງນີ້ສະແດງເຖິງສິ່ງທີ່ ໜ້າ ຕາຄ້າຍຄືຢູ່ໃນ ໜ້າ.
• ກຳ ນົດຄວາມກວ້າງຂອງຊາຍແດນໃຫ້ເປັນ 2 ຫລື 3 ພິກະເຊນ. ສິ່ງດັ່ງກ່າວເຮັດໃຫ້ຮູບແບບຊາຍແດນທີ່ສະແດງໃຫ້ຖືກຕ້ອງ.
• Padding ກຳ ນົດໄລຍະຫ່າງລະຫວ່າງຊາຍແດນແລະຂໍ້ຄວາມພາຍໃນ.
• ພື້ນຫລັງສີ…ຕັ້ງໃຫ້ເປັນສີຂາວ (#FFFFFF)
• Line-height - ຂ້ອຍໄດ້ດັດປັບສິ່ງນີ້ໃຫ້ເປັນ 100% ເພາະວ່າບາງຮູບແບບອື່ນໆໃນຫົວຂໍ້ blogger ຂອງຂ້ອຍເຮັດໃຫ້ລະດັບຄວາມສູງຂອງເສັ້ນຂອງຂ້ອຍປະມານ 200%
• ກຳ ນົດຂອບຂອບໃຫ້ 10 px. ນີ້ຍ້າຍວັກ (ໜ້າ ປ້າຍ) 10 pixels ຫ່າງຈາກທຸກຢ່າງ.

ນັ້ນແມ່ນທັງຫມົດທີ່ມັນມີເຊັ່ນກັນ! ໝາຍ ເຫດ ໜຶ່ງ: ບັນນາທິການທີ່ມາພ້ອມກັບ Blogger ບໍ່ສາມາດສະແດງສິ່ງທີ່ມັນຈະປາກົດໃນ blog ຂອງທ່ານ. ແຕ່ມັນເຮັດວຽກແລະເບິ່ງດີຫຼາຍ!

ໝາຍ ເຫດ ໜຶ່ງ ອີກ…ຫຼັງຈາກທີ່ທ່ານດັດແກ້ແທັກ, ບັນນາທິການ Blogger ມັກທີ່ຈະໃຊ້ມັນຢູ່ບ່ອນອື່ນໃນບ່ອນຕອບຂອງທ່ານ. ມັນເປັນການລົບກວນເລັກນ້ອຍ! ຄຳ ແນະ ນຳ ຂອງຂ້ອຍແມ່ນການຂຽນໂພດທັງ ໝົດ ຂອງເຈົ້າແລະຫຼັງຈາກນັ້ນໃຫ້ດັດແກ້ເລັກໆນ້ອຍໆຫລັງຈາກນັ້ນ.

ໝາຍ ເຫດສຸດທ້າຍ ໜຶ່ງ …ໃຫ້ແນ່ໃຈວ່າໃຊ້ HTML Entities ເພື່ອສະແດງສັນຍາລັກຂອງທ່ານ! ຕົວຢ່າງຂອງຄູ່ຜົວເມຍ:

• ວົງຢືມ (") ແມ່ນ"
• > ແມ່ນ>
• > ແມ່ນ>

ສະບາຍດີລະຫັດ!