ប្លក់សម្រាប់ខ្មែរ

របៀបដាក់ Facebook Authorship នៅក្នុងប្លក់

noreply@blogger.com (អ៊ុំ ច័ន្ទសានិត) — Mon, 04 Jul 2016 14:24:00 +0000

Facebook Authorship វាពិបាក់នឹងពន្យល់បន្តិច។ ខ្ញុំសូមសម្រាយដោយខ្លី ដើម្បីឲ្យអ្នកងាយយល់ ៖ មានន័យថា នៅពេលយើងដាក់ Facebook Authorship រួចហើយនៅលើប្លក់ ឬវេបសាយ ហើយអ្នកធ្វើការចែករំលែក (Share) ដំណភ្ជាប់ណាមួយនៃគេហទំព័រ ឬប្លក់នោះ វានឹងបង្ហាញឈ្មោះអ្នកនិពន្ធ (Author) ហើយពេលដែលអ្នកទស្សនា ធ្វើការរំកិលកូនកណ្ដុរ (ម៉ៅ) ដាក់ពីលើ ដំណភ្ជាប់នោះ វានឹងចេញដំណពិតប្រាកដែលបានកំណត់។
ប្រហែលពិបាកយល់បន្តិច (ព្រោះខ្ញុំក៏មិនសូវចេះពន្យល់) តែអាចមើលគម្រូវខាងក្រោមនេះ។

* របៀបដាក់ គឺងាយបំផុត ៖
- លុកចូលគណនី Blogger របស់អ្នក
- ចូលទៅកាន់ម៉ឺនុយ Template >> Edit HTML (មើលរូប)

- ចម្លងកូដខាងក្រោមដាក់នៅក្រោម Tag <head>

<meta content='https://www.facebook.com/Lab4Khmer' property='article:author'/>

- ជាចុងក្រោយសូម Save Template ជាការស្រេច។

*** សម្គាល់ជាសំខាន់ ៖

- លោកអ្នកត្រូវផ្លាស់ប្តូរត្រង់ដំណ ៖ "https://www.facebook.com/Lab4Khmer" ទៅជាដំណភ្ជាប់ Facebook Profile ឬ Facebook Page របស់លោកអ្នក៕

វិធីប្ដូរដំណប្លក់ពី HTTP ទៅជា HTTPS យ៉ាងងាយស្រួល

noreply@blogger.com (អ៊ុំ ច័ន្ទសានិត) — Wed, 04 May 2016 22:50:00 +0000

ដើម្បីបង្កើនសុវត្ថិភាពប្លក់របស់អ្នក Google បានអភិវឌ្ឍន៍ Blogger ដែលអាចឲ្យអ្នកប្រើប្រាស់ធ្វើការផ្លាស់ប្ដូរដំណភ្ជាប់ពី HTTP មកជា HTTPS បាន។ HTTPS មកពីពាក្យថា Hyper Text Transfer Protocol Secure មានន័យថា ការទំនាក់ទំនងនៅលើបណ្ដាញអ៊ីនធឺណេត មានសុវត្ថិភាព ហើយទិន្នន័យទាំងត្រូវបាន Encrypt និងមិនមានការលេចធ្លាយ។

៙ ដើម្បីផ្លាស់ប្ដូរ Blogger ទៅជា HTTPS បានសូមអនុវត្តន៍តាមវិធីនេះ

១. Login ចូលគណនី Blogger របស់អ្នក។
២. Setting > Basic > រកមើលនៅត្រង់ HTTP និង HTTPS Redirect សូមប្ដូរនៅត្រង់មីនុយធ្លាក់ចុះពីពាក្យថា No មកជា Yes វិញជាការស្រេច។

របៀបបិទរូបដង្កាប់ មិនឲ្យបង្ហាញនៅលើប្លក់របស់អ្នក

noreply@blogger.com (អ៊ុំ ច័ន្ទសានិត) — Sat, 19 Mar 2016 15:50:00 +0000

រូបដង្កាប់ ភាគច្រើនត្រូវបានបង្ហាញនៅពេលដែលអ្នកជា អភិបាល (Admin) គ្រប់គ្រងប្លក់ បានលុកចូលប្លក់របស់ខ្លួន។ មានពេលខ្លះ រូបដង្កាប់នោះមានទំហំធំ និងពេលខ្លះ មានទំហំតូចល្មម។ ទោះជាយ៉ាងណាក្ដី ទាំងអស់នេះមើលទៅគឺមិនស្អាតឡើយ។
ខាងក្រោមនេះ យើងនឹងបង្ហាញពីរបៀបលុបបំបាត់ដង្កាប់នេះចោល ដោយវិធីងាយៗខាងក្រោម។

៙ របៀបបិទរូបដង្កាប់ មិនឲ្យបង្ហាញនៅលើប្លក់ ៖

- កត់ត្រាចូល Log In ក្នុងគណនី Blogger របស់អ្នក។
- ចូលទៅកាន់ម៉ឺនុយ Template >> Edit HTML
- រកមើលស្លាក ]]></b:skin>
- ចម្លងកូដខាងក្រោមដាក់ពីលើស្លាក ]]></b:skin>


.quickedit{
display:none;visibility:hidden;}

- ជាចុងក្រោយសូម Save Template ជាការស្រេច។

សម្រាប់អ្នកដែលចង់បានកូដពណ៌ប្រភេទ Responsive Flat UI Color Picker

noreply@blogger.com (អ៊ុំ ច័ន្ទសានិត) — Thu, 10 Mar 2016 04:52:00 +0000

ប្រសិនបើលោកអ្នកស្រឡាញ់ពណ៌ Flat UI វាមិនមែនជាការខុសឆ្គងឡើយ ព្រោះគេហទំព័រ ឬប្លក់ភាគច្រើននៅប៉ុន្មានឆ្នាំចុងក្រោយនេះ គឺមានការពេញនិយមយ៉ាងខ្លាំង នូវពណ៌ប្រភេទនេះ។ វាមានលក្ខណៈមិនឆើតពេក មិនចាំងពេក។ ខ្ញុំក៏ពេញចិត្តដែរ ព្រោះប្លក់ខ្ញុំនៅពេលនេះ កំពុងប្រើពណ៌ប្រភេទនេះទាំងអស់ ទាំងមីនុយ, ដំណភ្ជាប់ និងផ្សេងៗទៀតជាច្រើន។ ដូច្នេះ ប្រសិនបើលោកអ្នកមិនធ្លាប់បានដឹងកូដវាទេ សូមចុចមើលខាងក្រោមនេះ។

ចុចមើលកូដ

ប៊ូតុងចម្លែក ជាមួយនឹងកូដ CSS រចនាដោយ Derek Morash

noreply@blogger.com (អ៊ុំ ច័ន្ទសានិត) — Thu, 10 Mar 2016 04:03:00 +0000

ប៊ូតុងប្លែកៗ ទាំង ៦ ដែលខ្ញុំលើកយកមកបង្ហាញថ្ងៃនេះ គឺរចនាដោយ Derek Morash ដែលបានចេញផ្សាយនៅលើគេហទំព័រ Codepen។ លោកអ្នកក៏អាចយកប៊ូតុងទាំងនោះ ទៅប្រើប្រាស់នៅលើប្លក់ ឬគេហទំព័របានយ៉ាងងាយស្រួល។ តោះ! មើលកូដទាំងអស់គ្នា

ប្រអប់ស្វែងរក (Search Box) មានចលនា

noreply@blogger.com (អ៊ុំ ច័ន្ទសានិត) — Mon, 07 Mar 2016 13:04:00 +0000

ចលនារបស់ប្រអប់ស្វែងរកមួយនេះអាចទាក់ទាញចំណាប់អារម្មណ៍មួយដែរ ព្រោះនៅពេលធម្មតា រូបតំណាង (Icon) រូបកែវឆ្លុះ នៅខាងឆ្វេង។ តែពេលដាក់កូនកណ្ដុរនៅចំក្នុងប្រអប់នោះទៅ រូបតំណាងកែវឆ្លុះ នឹងរត់មកខាងស្ដាំវិញ ហើយក៏មានបន្ថែមពណ៌នៅពីក្រោយផងដែរ។ សូមមើលគម្រូ និងមើលកូដខាងក្រោម។

Gooey Menu រចនាដោយ Lucas Bebber

noreply@blogger.com (អ៊ុំ ច័ន្ទសានិត) — Sun, 06 Mar 2016 19:39:00 +0000

មីនុយនេះមានឈ្មោះថា Gooey Menu ដែលរចនាដោយ Lucas Bebber។ គេបង្កើតវាដោយប្រើប្រាស់ជាមួយនឹង CSS និង SVG Filters។ យើងអាចប្រើប្រាស់ជាមួយនឹង គេហទំព័រ ឬប្លក់បានយ៉ាងងាយស្រួល។ សូមមើលសាកល្បង និងទាញយកកូដគម្រូខាងក្រោម។

នាឡិកាឌីជីថល (Digital Clock) ជាមួយនឹង javascript

noreply@blogger.com (អ៊ុំ ច័ន្ទសានិត) — Sun, 06 Mar 2016 19:18:00 +0000

នារាត្រីទាបភ្លឺពេលនេះ ម៉ោងនេះ ខ្ញុំសូមលើកយកកូដនាឡិកាឌីជីថល មួយដែលសរសេរលើកូដ Javascript។ នាឡិកានេះ ចាប់ម៉ោងពីក្នុងកុំព្យូទ័ររបស់អ្នក ដែលមានន័យថា ប្រសិនបើនៅលើកុំព្យូទ័ររបស់អ្នកម៉ោងប៉ុន្មាន, នាទីប៉ុន្មាន, វិនាទីប៉ុន្មាន... នាឡិកានោះនឹងដូចក្នុងកុំព្យូទ័ររបស់អ្នកដែរ។ លោកអ្នកអាចយកកូដនាឡិកានេះទៅដាក់នៅក្នុងប្លក់ ឬគេហទំព័របាន។

ទាញយក VirtualBox ជំនាន់ទី 5.0

noreply@blogger.com (អ៊ុំ ច័ន្ទសានិត) — Sun, 06 Mar 2016 18:54:00 +0000

ថ្មីៗនេះ Oracle VirtualBox ជំនាន់ទី 5 បានចេញផ្សាយជាផ្លូវការ និងដាក់ឲ្យអ្នកប្រើប្រាស់ទាញយកបាន។ ការចេញផ្សាយនូវជំនាន់ថ្មីរបស់ Oracle VirtualBox នេះ គឺមានលក្ខណៈពិសេសជាច្រើន រួមទាំងការជួសជុលកំហុសឆ្គងនានារបស់កម្មវិធីផងដែរ។ អ្វីដែលយើងធ្លាប់បានដឹងកន្លងមក VirtualBox ជាកម្មវិធីដែលឥតគិតថ្លៃ និងដំណើរការលើប្រព័ន្ធប្រតិបត្តិការទាំង ៣ មាន ៖ Windows, OS X, Linux។

បង្កើតតារាង (Data Table) ដ៏ស្រស់ស្អាត ជាមួយនឹង CSS

noreply@blogger.com (អ៊ុំ ច័ន្ទសានិត) — Sun, 06 Mar 2016 16:24:00 +0000

សម្រាប់អ្នកដែលចង់បានតារាង ដែលមានរូបរាងស្រស់ស្អាត ត្រូវចេះប្រើប្រាស់កូដ CSS មករួមផ្សំជាមួយនឹង HTML ទើបយើងមើលទៅគាប់ភ្នែក។ ពុំដូច្នេះទេ តារាងដែលសរសេរកូដតាម HTML តាមបែបធម្មតា គឺមិនសូវខុសគ្នាជាមួយនឹងតារាងដែលបានបង្កើតនៅក្នុងកម្មវិធីការិយាល័យ (Office Word...) ឡើយ។ សូមមើលគម្រូកូដខាងក្រោម ៖

រូបនាឡិកា រចនាបែប Flat ដោយប្រើ CSS

noreply@blogger.com (អ៊ុំ ច័ន្ទសានិត) — Sun, 06 Mar 2016 16:06:00 +0000

អត្ថបទនេះ ខ្ញុំលើកយក CSS មួយ រូបនាឡិកា មានចលនា។ នាឡិកានេះ ត្រូវបានគេរចនាតាមបែប Flat ដ៏គួរឲ្យចាប់អារម្មណ៍។ អ្នកអាចយកវាទៅប្រើប្រាស់លើគេហទំព័រ និងប្លក់បាន ជាពិសេសអ្នកអាចប្រើលើគេហទំព័រប្រភេទមានតែមួយទំព័រ (One Page)។

Circular Social Network ដ៏រស់រវើក សម្រាប់ប្លក់ និងគេហទំព័រ

noreply@blogger.com (អ៊ុំ ច័ន្ទសានិត) — Sun, 06 Mar 2016 15:43:00 +0000

Circular Social Network គឺជាប៊ូតុងចែករំលែកបណ្ដាញសង្គម ដែលមានដូចជា Facebook, Google Plus, Codepen...។ កូដរបស់វាសរសេរឡើងដោយពឹងផ្អែកទៅលើ HTML, CSS និង jQuery ហើយក៏មាន Framework របស់ Awesome fonts ផងដែរ។

Folder Tree ជាមួយនឹង HTML, CSS និង jQuery

noreply@blogger.com (អ៊ុំ ច័ន្ទសានិត) — Sun, 06 Mar 2016 15:23:00 +0000

Folder Tree គឺជាមីនុយ ដែលមានរូបតំណាងជាកញ្ចប់ Folder បែប List។ វាមានលក្ខណៈស្រស់ស្អាតមួយបែប ដែលអ្នកអាចយកទៅប្រើប្រាស់នៅចំហៀងប្លក់ ឬគេហទំព័រ។ ខាងក្រោមនេះ គឺជាកូដដែលអ្នកអាចយកទៅប្រើប្រាស់បាន។

បម្លែងឯកសារ PDF ទៅជាឯកសាររូបភាព JPG ដោយមិនចាំបាច់ប្រើប្រាស់កម្មវិធី

noreply@blogger.com (អ៊ុំ ច័ន្ទសានិត) — Thu, 03 Mar 2016 09:30:00 +0000

ថ្ងៃនេះប្លក់ខ្ញុំសូមលើកយកវិធីសាស្ត្រតូចមួយ សម្រាប់អ្នកដែលចង់បម្លែងឯកសារ PDF របស់ខ្លួនទៅជាឯកសាររូបភាព ដោយយើងមិនចាំបាច់ដំឡើងកម្មវិធីអ្វីនោះទេ លោកអ្នកគ្រាន់តែប្រើប្រាស់នូវគេហទំព័រឥតគិតថ្លៃមួយចំនួនប៉ុណ្ណោះ។ ខាងក្រោមនេះ ជាគេហទំព័រដែលខ្ញុំតែងតែប្រើប្រាស់ក្នុងការបម្លែងឯកសារ PDF របស់ខ្ញុំ ទៅជាឯកសារប្រភេទរូបភាព (JPG, PNG...)។

- PDF Converter
- PDF2JPG
- PDF to PNG

ទាញយកវីដេអូម្ដងមួយ Channel ដោយប្រើប្រាស់កម្មវិធី 4K Video Downloader

noreply@blogger.com (អ៊ុំ ច័ន្ទសានិត) — Wed, 02 Mar 2016 03:41:00 +0000

4K Video Downloader ជាកម្មវិធីទាញយកវីដេអូពីគេហទំព័រ Youtube ដ៏ពេញនិយមមួយ។ ក្រៅពីសមត្ថភាពពិសេសនេះ 4K Video Downloader អាចឲ្យអ្នកទាញយកវីដេអូបានទាំងអស់ក្នុង 1 Channel។ វាក៏ជាកម្មវិធីតូចមួយដែលងាយស្រួលប្រើ, ងាយតម្លើង និងមានទំហំតូច។

លោកអ្នកអាចទាញយកកម្មវិធីនេះបាន ដោយចុចលើប៊ូតុងទាញយកខាងក្រោម។ ខ្ញុំសូមបញ្ជាក់ផងដែរថា 4K Video Downloader មិនមានជាកម្មវិធីឥតគិតថ្លៃ (Freeware) នោះទេ គឺវាជាប្រភេទ Shareware ដែលអ្នកត្រូវការប្រាក់មួយចំនួន ដើម្បីឧបត្ថម្ភដល់អ្នកបង្កើត។

បង្រួមដំណភ្ជាប់ឲ្យខ្លីដោយប្រើប្រាស់ជាមួយនឹង Goo.gl

noreply@blogger.com (អ៊ុំ ច័ន្ទសានិត) — Wed, 02 Mar 2016 03:13:00 +0000

ដំណភ្ជាប់នៅលើប្លក់ ឬគេហទំព័រមួយចំនួន មានលក្ខណៈវែងអន្លាយ។ ដូច្នេះហើយ Shortening URL គឺជាវិធីដ៏ល្អបំផុត ដែលអ្នកអាចបង្រួមដំណភ្ជាប់ (URL) របស់អ្នក ឲ្យខ្លី មុននឹងចែករំលែក។ មានគេហទំព័រជាច្រើនបានផ្ដល់សេវាឥតគិតថ្លៃ ដើម្បីឲ្យអ្នកបង្រួម URL របស់អ្នកបាន ដូចជា AdF.ly ជាដើម។ មិនតែប៉ុណ្ណោះ អ្នកក៏អាចសរសេរកូដ PHP ដើម្បីបង្កើតគេហទំព័របង្រួមដំណភ្ជាប់ដោយខ្លួនឯងបានផងដែរ។

ប៉ុន្តែតើអ្នកធ្លាប់បានដឹងទេថា ក្រុមហ៊ុន Google ក៏បានមានផ្ដល់នូវគេហទំព័រមួយដែលអាចបង្រួមដំណភ្ជាប់បាន? ពីពេលនេះទៅអ្នកអាចចាប់ផ្ដើមដឹងបានហើយ!!!...

ដើម្បីបង្រួមដំណភ្ជាប់អ្នកឲ្យខ្លីបាន ដោយចូលទៅកាន់គេហទំព័រ Goo.gl ខាងក្រោមនេះ។

ចុចទីនេះ

របៀបបង្កើតអក្សរស្រមោលបែបសាមញ្ញៗ នៅក្នុងកម្មវិធី Gimp 2

noreply@blogger.com (អ៊ុំ ច័ន្ទសានិត) — Mon, 22 Feb 2016 03:49:00 +0000

ខ្ញុំបានឃ្លាតឆ្ងាយពីកូនប្លក់មួយនេះ យូរគួរសមដែរ តែពេលនេះ រកបានគន្លឹះមួយដើម្បីមកបង្ហាញជូនអ្នកទាំងអស់គ្នា ដែលទាក់ទងទៅនឹងការធ្វើអក្សរស្រមោលតាមបែបសាមញ្ញនៅក្នុង កម្មវិធី Gimp 2។ Gimp គឺជាកម្មវិធីមួយដ៏អស្ចារ្យ ព្រោះយើងអាចទាញយកវាមកប្រើបានដោយឥតគិតថ្លៃ និងងាយស្រួលប្រើ។ ឥឡូវនេះ សូមធ្វើតាមខ្ញុំ ៖

របៀបបង្កើតអក្សរស្រមោលបែបសាមញ្ញៗ នៅក្នុងកម្មវិធី Gimp 2 ៖

1. សូមបើកម្មវិធី Gimp 2 ហើយបង្កើតឯកសារថ្មីមួយ ដោយចុច Ctrl + N ឬចូលទៅកាន់ File => New ហើយកំណត់ទំហំ និងចុច OK
2. ពេលបានឯកសារថ្មីនោះ សូមចាក់ពណ៌ផ្ទៃក្រោយ តាមដែលអ្នកចង់បាន។
3. បន្ទាប់មក សរសេរអក្សរដែលអ្នកចង់ឲ្យមានស្រមោល ដោយប្រើប្រាស់ពណ៌ឲ្យខុសពីផ្ទៃក្រោយ។
4. ពេលធ្វើ ឬកែតម្រូវរួចហើយ សូមចូលទៅកាន់ Filter => Light and Shadow => Drop Shadow

5. សូមកំណត់ពណ៌ស្រមោល និងទំហំនានាតាមដែលអ្នកចង់បាន រួចចុច Ok

6. ជាចុងក្រោយអ្នកគ្រាន់តែរក្សាទុកអក្សរស្រមោលដែលអ្នកបានធ្វើជាការស្រេច។ សូមអរគុណ ជួបគ្នាក្នុងគន្លឹះ ក្រោយៗទៀត៕

៥ ចំណុចដែលយើងគួរបង្កើត Blogger ផ្ទាល់ខ្លួនមួយ

noreply@blogger.com (អ៊ុំ ច័ន្ទសានិត) — Sun, 29 Nov 2015 10:08:00 +0000

    នេះជាអត្ថបទមួយសម្រាប់បណ្តុះគំនិតឲ្យ ស្រឡាញ់នឹងការសរសេរប្លក់។ ការសរសេរប្លក់ មិនសូវជាទទួលនូវគុណវិបត្តិសម្រាប់ខ្លួនយើងឡើយ តែផ្ទុយមកវិញយើងបានទទួលនូវចំណេះដឹងកាន់តែកើនឡើងជាលំដាប់។ សូមជម្រាបផងដែរថា ខ្ញុំមិនមែនជាអ្នកជំនាញខាង Blogger អីប៉ុន្មានទេ ខ្ញុំគ្រាន់តែបកប្រែមកពីប្លក់បរទេស និងបន្ថែមគំនិតខ្លួនឯងខ្លះ ព្រោះខ្ញុំក៏មិនសូវចេះភាសាអង់គ្លេសដែរ។ ពេលនេះខ្ញុំសូមបង្ហាញពីហេតុផលទាំង 5 យ៉ាងដែលយើងគួរតែបង្កើត Blogger ផ្ទាល់ខ្លួន។ ការបង្កើតប្លក់ផ្ទាល់ខ្លួន អាចឲ្យលោកអ្នកសរសេរកំណត់ហេតុ, ចំណេះដឹងបច្ចេកវិទ្យា, អត្ថបទនិពន្ធនានា, និងការបង្ហាត់បង្ហាញចំណេះដឹងរបស់យើង ទៅកាន់អ្នកនៅជុំវិញពិភពលោក។ ដូចនេះខ្ញុំសង្ឃឹមថា ក្រោយពីលោកអ្នកបានអានអត្ថបទខាងក្រោមនេះរួចហើយ លោកអ្នកនឹងមានគំនិតពុះកញ្ជ្រោល ក្នុងការសរសេរប្លក់ ដើម្បីជួយសង្គមជាតិរបស់យើង និងជួយដល់ភាសារខ្មែររបស់យើង ឲ្យកាន់តែមានវត្តមានច្រើននៅក្នុងពិភពបច្ចេកវិទ្យា។

1. អ្នកនឹងអាចក្លាយជាអ្នកនិពន្ធ និងសរសេរអត្ថបទបានកាន់តែប្រសើរឡើង ៖
    បើសិនកាលពីមុនអ្នកមិនចូលចិត្តក្នុងការសរសេរ អ្នកអាចនឹងចូលចិត្តសរសេរវិញព្រោះតែប្លក់ ដែលធ្វើឲ្យអ្នកស្ទាត់ជំនាញក្នុងការ សរសេរអត្ថបទនៅពេលអនាគត។ ម្យ៉ាងទៀតវាអាចធ្វើឲ្យអ្នកក្លាយទៅជាអ្នកនិពន្ធអត្ថបទម្នាក់ ដ៏ល្បីល្បាញផងដែរ។ នៅពេលដែលអ្នកមានវ័យចាស់អ្នកនឹងអាចមើលឃើញពីយុវភាពរបស់អ្នក ក្នុងកាលដែរអ្នកប្រឡូកជាមួយនឹងបច្ចេកវិទ្យា។ វាក៏ជាកំណត់ហេតុមួយផងដែរ ប្រសិនបើអ្នកមិនចងចាំឱកាសណាមួយនោះ អ្នកអាចនឹងរំលឹកអនុស្សាវរីយរបស់អ្នក។

2. ធ្វើឲ្យអ្នកមានការគិតពិចារណាបានវែងឆ្ងាយ ៖
   នេះ ក៏ជាចំណុចមួយដ៏សំខាន់ផងដែរ។ បើសិនជាអ្នកសរសេរអត្ថបទណាមួយនៅអ្នកនឹងអាចយល់ពីអត្ថន័យនៃ អត្ថបទនោះកាន់តែច្បាស់លាស់ ហើយស៊ីជម្រៅផងដែរ។ ឧទាហរណ៍អ្នកសរសេរអត្ថបទទាក់ទងទៅនឹងស្នេហា នោះអ្នកនឹងអាចនឹងយល់ពីបញ្ហាស្នេហាកាន់តែច្រើនឡើងហើយមិនងាយ នឹងចាញ់ស្នេហាឡើយ។ (មិនលោតទឹក ចង.ក ...) :D

3. ធ្វើឲ្យអ្នកមានសុខភាពល្អ និងជីវិតរីករាយ ៖
   តើអ្នកជឿទេថា Blogger អាចឲ្យជីវិតរបស់អ្នករីករាយ និងមានសុខភាពល្អ? ចំពោះខ្ញុំបាទ ខ្ញុំពិតជាជឿ 100% ព្រោះថានៅពេលដែលប្លក់យើងមានអ្នកចូលអានច្រើន ហើយការប្រកាស (Post) ក៏មានកាន់តែច្រើនដែរនោះ វាពិតជាធ្វើឲ្យយើងរីករាយពេកក្រៃ ពិសេសគឺនៅពេលមានម្ចាស់ប្លក់ដទៃឬអ្នកដែលនៅជុំវិញខ្លួនយើង បញ្ចេញមតិយោបល់ ឬចម្ងល់ផ្សេងៗឲ្យយើងជួយដោះស្រាយ។ សំខាន់សម្រាប់សុខភាពរបស់យើងដែរនោះគឺទម្លាប់ដដែលៗរបស់យើង។ ឧទាហរណ៍ ៖ ខ្ញុំក្រោកឡើងនៅម៉ោង 5:00AM បន្ទាប់មកខ្ញុំប្រកាសក្នុងប្លក់ឲ្យបានយ៉ាងហើយណាស់ក៏មួយដែរ។ នៅម៉ោង 7:00AM ខ្ញុំទៅបរិភោគអាហារពេលព្រឹក ហើយធ្វើការងារមួយចំនួន។ នៅម៉ោង 10:00AM ខ្ញុំបើក Facebook ............ នៅម៉ោង 02:00PM ទៅ 4:00 PM ខ្ញុំប្រកាសក្នុងប្លក់ទៀត។ :D

4. អ្នកនឹងជួបមនុស្សថ្មីៗ ជាមួយនឹងចំណេះដឹងថ្មីៗផងដែរ ៖
   ខ្ញុំជឿជាក់យ៉ាងប្រាកដ និងច្បាស់ថា នៅពេលដែលប្លក់របស់លោកអ្នកមានអត្ថបទប្លែកៗច្រើនចំនួនអ្នកទស្សនា ក៏មានកាន់តែច្រើនដែរ។ អ្នកដទៃនឹង Comment មកយើងនូវចម្ងល់របស់គេពិសេសអ្នកអាយធីទាំងឡាយ (មិនមែនអ្នកឆុងតែទឹកកកទេ) នោះយើងកាន់តែមានទំនាក់ទំនងយ៉ាងជិតស្និទ្ធថែមទៀត។ មួយវិញទៀតយើងក៏បានស្គាល់នូវប្លក់ទាំងឡាយដែលមានសភាពប្រសើរជាង យើង ហើយអាចសាកសួរយោបល់ (ពិសេសរបៀបធ្វើ) អ្វីមួយ។

5. អ្នកអាចទទួលបានប្រាក់ ៖
   នៅពេលប្លក់របស់អ្នកមានភាពល្បីល្បាញទទួលការពេញនិយមពីអ្នក ទស្សនាទាំងឡាយនោះ អ្នកដែលមានផលិតផលឬចង់ប្រកាសដំណឹងផ្សេងៗ ច្បាស់ជារត់មករកយើង ពិសេសអាចមានអ្នកសុំដាក់ដំណភ្ជាប់ទៀតផង។ បើយើងបានទិញដូមែន (Domain) ទៀតរឹតតែប្រសើរ។ ដូមែន មានដូចជា ៖ .info .com . Net .info .deu .kh......។

ចំណុចទាំងឡាយដែលខ្ញុំសរសេរខាងលើនេះសង្ឃឹមថា លោកអ្នកអាចយល់ខ្លះៗ និងអាចទទួលយកបាន។ ដូចនេះដើម្បីកុំឲ្យចាញ់គេក្នុងពិភពបច្ចេកវិទ្យាថ្មីៗនេះ យើងជាកូនខ្មែរគប្បីបង្កើតប្លក់ឲ្យបានច្រើន និងមានប្រយោជន៍ចំពោះជនជាតិយើងផងដែរ៕

៣ ជំហានមុនពេលសរសេរប្លក់ ដែលអ្នកគួរដឹង

noreply@blogger.com (អ៊ុំ ច័ន្ទសានិត) — Sun, 29 Nov 2015 09:51:00 +0000

  ការសរសេរប្លក់គឺជាសកម្មភាពមួយដែលខ្ញុំចូលចិត្តជាងសកម្មភាពណាៗទាំងអស់ ព្រោះការសរសេរប្លក់មិនត្រឹមតែផ្តល់អត្ថប្រយោជន៍ដល់យើងនោះទេ គឺជួយដល់អ្នកដែលនៅជុំវិញខ្លួនយើងផងដែរ។ កាលពីមុនខ្ញុំគ្រាន់តែជាអ្នករៀនតាមប្លក់ តែពេលនេះ ខ្ញុំអាចចេះប្លក់ករច្រើន ដែលអាចបង្ហាត់បង្ហាញបន្តដល់អ្នកដទៃបាន។ ខ្ញុំ មានគោលគំនិត៣ជំហាន មុននឹងចាប់ផ្តើមសរសេរប្លក់។

មិនថាខ្ញុំ ឬអ្នកដទៃទេ មុននឹងចាប់ផ្តើមជាមួយនឹងការសរសេរប្លក់ភាគច្រើនគឺគិតដល់ចំណុចទាំង៣ជំហាននេះ។ ការចាប់ផ្តើមតាមដំណាក់កាលធ្វើឲ្យយើងសម្រេចបាននូវភាពជោគជ័យមួយ មិនវិលវល់។ ក្នុងការសរសេរប្លក់ មិនចាំបាច់ទាល់តែអ្នកដែលចេះកូដខ្លាំងនោះទេ អ្នកគ្រាន់តែចេះប្រើកម្មវិធីការិយាល័យទៅក៏អាចធ្វើវាបានដែរ។ ហើយខ្ញុំក៏សង្ឃឹមផងដែរថាអ្វីដែលខ្ញុំចែករំលែកតាមរយៈប្លក់មួយនេះ នឹងអាចជួយលោកអ្នកឲ្យមានចំណេះដឹងលើសពីនេះទៀត ក៏ដូចជាកន្លែងសម្រាប់ផ្ទុកឃ្លាំងឯកសារខ្នាតតូចផងដែរ។ ជំហាន៣យ៉ាងមុននឹងចាប់ផ្តើមសរសេរប្លក់ ដែលខ្ញុំចង់បង្ហាញជូនលោកអ្នកដែលចង់សរសេរប្លក់ឲ្យបានដឹងនោះមានដូចខាងក្រោម ៖

1. ជំហានទីមួយ ៖ "ការកំណត់គោលដៅ" :
   មុននឹងសរសេរប្លក់ យើងតែតែមានគោលដៅរួចហើយ ថាតើយើងនឹងសរសេរអំពីអ្វី? សរសេរដើម្បីអ្វី? ការសរសេរប្លក់មានច្រើនបែបណាស់។ អ្នកអាចសរសេរអំពី កំណត់ហេតុ, សរសេរកែអផ្សុក, សរសេរអំពីចំណេះដឹងផ្នែកពត៌មានវិទ្យា ឬមួយផ្សព្វផ្សាយផលិតផលផ្សេងៗ។ ហើយដើម្បីអ្វីនោះ ក៏លោកអ្នកត្រូវមានគោលដៅដែរ។ អ្នកអាចសរសេរដើម្បី រកលុយ ឬគ្រាន់តែសរសេរដើម្បីចំណេះដឹង។ ចំពោះខ្ញុំ ខ្ញុំប្រហែលសរសេរដើម្បីចែករំលែកចំណេះដឹងច្រើនជាងការរកលុយ។

2. ជំហានទី២ ៖ "ការជ្រើសរើសឈ្មោះ (Domain Name)" :
   ក្រោយពីបានកំណត់គោលដៅ ថាយើងនឹងសរសេរអំពីអ្វីហើយ អ្នកគួរតែជ្រើសរើសឈ្មោះ (URL) ប្លក់របស់អ្នក ឲ្យសមស្របតាមអ្វីដែលអ្នកចង់សរសេរ បង្ហាញនៅក្នុងប្លក់។ អ្នកគួរជ្រើសរើសឈ្មោះ ងាយចាំ ឬខ្លីកាន់តែប្រសើរ សម្រាប់អ្នកទស្សនា។

3. ជំហានទី៣ ៖ "ជ្រើសរើសទ្រង់ទ្រាយ" :
   ការជ្រើសរើសទ្រង់ទ្រាយ ស្បែកប្លក់នេះ ក៏សំខាន់ណាស់ដែរ។ លោកអ្នកត្រូវជ្រើសរើស ស្បែក (Template) ប្លក់ឲ្យសម ទៅនឹងអ្វីដែលអ្នកសរសេរ អ្នកមិនត្រូវបន្ថែមផ្នែកដែលនាំឲ្យអ្នកទស្សនា ពិបាកនៅពេលមើលនោះទេ។ ចំពោះខ្ញុំ គឺខ្ញុំចូលចិត្តទ្រង់ទ្រាយប្លក់សាមញ្ញ ធម្មតាៗ ងាយមើល។

អត្ថបទនេះ ត្រូវបានសរសេរដោយគំនិតខ្ញុំ និងមួយចំនួនទៀតបកប្រែពីប្លក់បរទេស។ រាល់កំហុសឆ្គងទាំងឡាយសូមអធ្យាស្រ័យផង។ សូមអរគុណ ចំពោះការចំណាយពេលអានប្លក់របស់ខ្ញុំ។

កែប្រែស្បែកប្លក់កាន់តែរហ័ស ជាមួយនឹងមុខងារ Search និង Replace ក្នុង Notepad++

noreply@blogger.com (អ៊ុំ ច័ន្ទសានិត) — Sat, 05 Sep 2015 15:10:00 +0000

ខ្ញុំជឿជាក់ថា គ្មាននរណាម្នាក់យកស្បែកប្លក់របស់អ្នកដទៃមកប្រើ ហើយមិនមានការកែប្រែអ្វីបន្តិចនោះទេ ដែលយ៉ាងហោចណាស់ក៏មានការកែប្រែពណ៌ផងដែរ។ សម្រាប់ផ្ទាំងកែកូដរបស់ Blogger ទៀតសោតក៏មិនសូវជាមានមុខងារច្រើនប៉ុន្មានដែរ ព្រោះមានត្រឹមមុខងារ ស្វែងរក (Search) និងផ្សេងៗទៀតតិចតួចប៉ុណ្ណោះ។

ថ្ងៃនេះ យើងនឹងបង្ហាញលោកអ្នកនូវវិធីមួយដ៏ងាយស្រួល ក្នុងការកែប្រែពណ៌ស្បែកប្លក់របស់អ្នក។ ហើយអ្នកក៏អាចប្រើវិធីនេះ ដើម្បីផ្លាស់ប្ដូរ Class Name របស់ CSS ក្នុងនោះបានផងដែរ។ ជាដំបូងយើងត្រូវដឹងថា អ្វីទៅជាពណ៌មេ ដែលបានប្រើប្រាស់នៅក្នុងស្បែកប្លក់នោះ។ គ្មានការឲ្យនិយមន័យណាមួយច្បាស់លាស់ទេ តែខ្ញុំសូមឲ្យនិយមន័យនេះតាមការយល់ឃើញ "ពណ៌មេ គឺជាពណ៌ដែលត្រូវបានប្រើប្រាស់ច្រើន ឬអាចនិយាយបានថា ជាពណ៌ដែលមានការពេញនិយម ដែលមានប្រើនៅក្នុងស្បែកប្លក់ ឬកន្លែងណាមួយ" ។ ឧទាហរណ៍ ៖ ស្បែកប្លក់ខាងក្រោមនេះ ពណ៌មេរបស់វាគឺ ពណ៌ក្រហមស្លេក, ពណ៌ប្រផេះ...។

ដូច្នេះ បើខ្ញុំចង់ធ្វើការកែប្រែស្បែកប្លក់នេះ ឲ្យមានលក្ខណៈប្លែកភ្លាមៗ ខ្ញុំគ្រាន់តែស្គាល់នូវកូដពណ៌មេ ដែលមានដូចជា ៖ ពណ៌ក្រហមព្រឿងៗ (#E73138); ពណ៌ប្រផេះ (#333333)...។ ខ្ញុំនឹងចាប់ផ្ដើមដំណើរការនៃការកែស្បែកប្លក់មួយនេះតែម្ដង។

1. បើកស្បែកប្លក់របស់អ្នក (ជា File *xml) ជាមួយនឹងកម្មវិធី Notepad++។
2. បន្ទាប់មកអ្នកអាចចុច Ctrl + F ឬចូលទៅកាន់មីនុយ Search >> Fine ដើម្បីចូលទៅប្រើប្រាស់ឧបករណ៍ស្វែងរក និងជំនួស។
3. បន្ទាប់មកទៀត យើងត្រូវបិទភ្ជាប់កូដពណ៌ ដែលយើងឲ្យឈ្មោះថាពណ៌មេនោះ នៅក្នុងប្រអប់ Find what : ហើយចុចលើប៊ូតុង Find Next។ ពេលនោះពណ៌ទាំងអស់នឹងត្រូវបានរកឃើញម្ដងមួយៗ។

4. បន្តមកទៀត យើងត្រូវយកកូដពណ៌ណាមួយដែលយើងចង់ជំនួសពណ៌មេដែលយើងកំពុងស្វែងរកនេះ ហើយចូលទៅកាន់ Tab Replace និងបិទភ្ជាប់កូដពណ៌ដែលចង់ជំនួសនៅក្នុងប្រអប់ Replace With : និងបន្តចុចលើប៊ូតុង Replace All ដើម្បីជំនួសពណ៌ទាំងអស់ (មើលរូបខាងក្រោម)។

បើអ្នកបានធ្វើវារួចរាល់អស់ហើយ អ្នកអាច Save ហើយយកវាទៅប្រើប្រាស់ជាមួយនឹងប្លក់របស់អ្នកតែម្ដង នោះអ្នកនឹងអាចឃើញលទ្ធផល ដ៏គួរឲ្យពេញចិត្តជាមិនខាន។ សូមអរគុណ!!!... ជួបគ្នាក្នុងគន្លឹះថ្មីៗ និងប្លែកៗជាមួយនឹងប្លក់ក្រោយៗទៀត។

ប្រកាសពេញនិយម (POPULAR POST) ជាម៉ូតមានចលនាប្លែកភ្នែក

noreply@blogger.com (អ៊ុំ ច័ន្ទសានិត) — Tue, 01 Sep 2015 22:37:00 +0000

ថ្ងៃនេះ យើងហាក់ដូចជាត្រឡប់មកកាន់រឿងចាស់វិញ តែតាមពិតម៉ូតនៃការធ្វើឲ្យប្រកាសពេញនិយម ឬក្នុងភាសាអង់គ្លេស គេហៅថា Popular Post នេះទើបនឹងបង្ហាញខ្លួនថ្មីៗនេះទេ។ ការឆ្នៃម៉ូតប្រកាសពេញនិយមពេលនេះ គឺមានលក្ខណៈប្លែកភ្នែកមិនធម្មតាឡើយ ដោយសារតែវាមានទាំងចលនាដ៏រស់រវើកពេលដែលយើងយកម៉ៅដាក់ពីលើ។

៙ ទីមួយត្រូវដាក់ POPULAR POSTឲ្យហើយមុនសិន ៖
យើងត្រូវដាក់ ប្រកាសពេញនិយម (POPULAR POST) ដែលមានស្រាប់នៅក្នុង Blogger ជាមុន :
- កត់ត្រាចូល (Log In) គណនី Blogger របស់លោកអ្នក។

- ចូលទៅកាន់ផ្នែក Layout >> រួចចុចលើតំណអក្សរ Add a Gadget នៅទីតាំងណាមួយ (ឧទាហរណ៍សូមមើលរូបខាងក្រោម)

- រមូរចុះ (scroll down) រកមើល gadget ដែលមានឈ្មោះថា Popular Posts រួចចុចលើវាដើម្បីបើក (មើលរូបខាងក្រោមនេះ)

- លោកអ្នកនឹងឃើញដូចខាងក្រោម ហើយសូមធ្វើការកំណត់ ៖

- Title : ជាឈ្មោះ Gadget អ្នកអាចដាក់ជាភាសាខ្មែរបាន (ប្រកាសពេញនិយម) ឬក៏មិនបាច់ដូរក៏បាន។

- Most viewed : បង្ហាញចំណងជើងប្រកាសដែលមានអ្នកអានច្រើនជាងគេ គិតជា ក្នុងសប្ដាហ៍, ក្នុងខែ ឬក៏ គ្រប់ពេល។ (ស្រេចតែអ្នក)

- Show : កំណត់ការបង្ហាញចំណងជើងប្រកាស ភ្ជាប់មកជាមួយ ៖

+ image thumbnail : កំណត់អោយបង្ហាញរូបភាពតូចក្នុងប្រកាសបើមាន (សូមធីក)

+ snippet : បង្ហាញអត្ថបទសង្ខេបបន្តិចពីក្រោមចំណងជើង (សូមធីក)

- Display up to ... post(s) : កំណត់ចំនួនបង្ហាញចំណងជើងប្រកាស (ខ្ញុំសូមអោយអ្នកបង្ហាញច្រើនបំផុតតែប្រាំបួន (10) ចំណងជើងប្រកាសល្បីៗបានហើយ (អ្នកអាចដាក់តិចជាងនេះ)។

- កំណត់រួចសូមចុចប៊ូតុង Save ដើម្បីរក្សាទុក។ រួចអ្នកអាចចាប់ទាញ Popular Posts Gadget ទៅដាក់នៅទីតាំងសមរម្យ ដែលអ្នកចង់បាន (ឧទាហរណ៍ នៅខាងក្រោមគេបំផុតក្នុងផ្នែកខាងស្ដាំ)។

៙ ជំហានទីពីរ ជាជំហានដែលត្រូវដាក់កូដ ៖

- ចូលទៅកាន់ម៉ឺនុយ Template >> Edit HTML (មើលរូប)

- រកមើលស្លាក <b:skin>...</b:skin> ដោយចុចលើសញ្ញាព្រួញពណ៌ខ្មៅដែលនៅពីមុខវា បើសិនជាវាមិនទាន់ត្រូវបានពន្លាចេញ។
- រមូលចុះ (scroll down) ទៅដល់ ]]></b:skin>

- ចម្លងកូដខាងក្រោមទៅបិទភ្ជាប់ នៅពីលើស្លាក ]]></b:skin> ។


/* Popular Posts */ 
.PopularPosts .item-thumbnail{float:none;margin:0 0 10px} .PopularPosts .item-title{background:rgba(0,0,0,0.5);position:absolute;display:block;clear:both;z-index:50;top:0;left:0;right:0;bottom:0;padding:15px;transition:all .4s;} .PopularPosts .item-title:hover{background:rgba(0,0,0,.2)} .PopularPosts .item-title a{color:rgba(255,255,255,0);font-weight:700;font-size:120%;text-shadow:0 0 5px rgba(0,0,0,0)} .PopularPosts .item-title:hover a,.PopularPosts .item-title a:hover{color:rgba(255,255,255,1);text-shadow:0 0 5px rgba(0,0,0,.3)} .PopularPosts .widget-content ul li img{translate(0,0) scale(1.0);transition:all .8s linear} .PopularPosts .widget-content ul li:hover img{transform:translate(0,-20px) scale(1.05);transition:all 3.6s linear;} .PopularPosts img{display:block;height:auto;width:100%;padding:0;backface-visibility:hidden;} .PopularPosts .item-snippet{display:none;} .PopularPosts ul li .item-content{position:relative;overflow:hidden;} .PopularPosts ul{padding:0;line-height:normal;counter-reset:count;} .PopularPosts .widget-content ul li{position:relative;padding:10px 0;overflow:hidden;max-height:100px;transition:all .4s;} .PopularPosts .widget-content ul li:before{color:#fff;counter-increment:count;content:counter(count);position:absolute;right:-15px;top:-5px;font:bold 80px/1 Sans-Serif;z-index:51;transition:all .4s;} .PopularPosts .widget-content ul li:hover:before{right:-55px;} .PopularPosts ul li:nth-child(1) .item-title {background:rgba(221,25,29,0.5);} .PopularPosts ul li:nth-child(2) .item-title {background:rgba(141,187,144,0.5);} .PopularPosts ul li:nth-child(3) .item-title {background:rgba(39,169,255,0.5);} .PopularPosts ul li:nth-child(4) .item-title {background:rgba(192,202,51,0.5);} .PopularPosts ul li:nth-child(5) .item-title {background:rgba(26,35,126,0.5);} .PopularPosts ul li:nth-child(6) .item-title {background:rgba(0,188,212,0.5);} .PopularPosts ul li:nth-child(1) .item-title:hover,.PopularPosts ul li:nth-child(2) .item-title:hover,.PopularPosts ul li:nth-child(3) .item-title:hover,.PopularPosts ul li:nth-child(4) .item-title:hover,.PopularPosts ul li:nth-child(5) .item-title:hover,.PopularPosts ul li:nth-child(6) .item-title:hover{background:rgba(0,0,0,0.2);}

- បន្ទាប់មក ស្វែងរកកូដ </body> (សូមចុច Ctrl + F ទើបងាយរក)។
- ពេលរកឃើញហើយ សូមបិទភ្ជាប់ (Past) កូដខាងក្រោមនៅពីលើ </body> ។


<script type='text/javascript'>
// Popular Post Thumb$(document).ready(function() {$(&#39;.PopularPosts img&#39;).attr(&#39;src&#39;, function(i, src) {return src.replace( &#39;s72-c&#39;, &#39;s400&#39; );});});//<![CDATA[// Custom Popular Post$(".popular-posts ul li .item-snippet").each(function(){var t=$(this).text().substr(0,120),s=t.lastIndexOf(" ");s>10&&$(this).text(t.substr(0,s).replace(/[?,!\.-:;]*$/,"..."))});//]]></script>

- ពេលដាក់កូដរួចរាល់អស់ហើយ សូមចុច ប៊ូតុង Save Template ជាការស្រេច។

ធ្វើឲ្យរបាណាមួយនៅចំហៀងប្លក់ មានលក្ខណៈអណ្ដែតដោយប្រើ jQuery

noreply@blogger.com (អ៊ុំ ច័ន្ទសានិត) — Tue, 04 Aug 2015 03:54:00 +0000

គេហទំព័រ ឬប្លក់មួយចំនួនដែលខ្ញុំបានឃើញ គេចូលចិត្តប្រើប្រភេទរបាចំហៀងអណ្ដែតនេះ ចំពោះពណ៌មានសំខាន់ ឬសម្រាប់ផ្ទាំងពាណិជ្ជកម្មណាមួយដែលសំខាន់។ ពេលនេះ ខ្ញុំនឹងបង្ហាញលោកអ្នកនូវរបៀបនៃការធ្វើវានៅក្នុងប្លក់ ហើយដែលលោកអ្នកចង់ឲ្យរបាណាមួយនៅចំហៀងប្លក់អាចអណ្ដែតនៅពេលដែលយើងរមូរចុះក្រោម។

៙ របៀបធ្វើឲ្យរបាណាមួយនៅចំហៀងប្លក់ មានលក្ខណៈអណ្ដែត ៖
- កត់ត្រាចូល Log In ក្នុងគណនី Blogger របស់អ្នក។
- ចូលទៅកាន់ម៉ឺនុយ Template >> Edit HTML (មើលរូប)

- សូមស្វែងរក Tag </head> (Ctrl + F)
- ចម្លងកូដខាងក្រោមដាក់នៅពីខាងលើ Tag </head>


<script src='http://chansanithum.github.io/javascript/sticky.min.js'/>
<script type='text/javascript'>
/*<![CDATA[*/
// Sticky Plugin
// =============
// Author: Anthony Garand
// Improvements by German M. Bravo (Kronuz) and Ruud Kamphuis (ruudk)
// Created: 2/14/2011
// Date: 9/12/2011
// Website: http://labs.anthonygarand.com/sticky
// Description: Makes an element on the page stick on the screen as you scroll
// For Blogger by : http://www.makingdifferent.com

(function($) {
var defaults = {
topSpacing: 0,
bottomSpacing: 0,
className: 'is-sticky',
center: false
},
$window = $(window),
$document = $(document),
sticked = [],
windowHeight = $window.height(),
scroller = function() {
var scrollTop = $window.scrollTop(),
documentHeight = $document.height(),
dwh = documentHeight - windowHeight,
extra = (scrollTop > dwh) ? dwh - scrollTop : 0;
for (var i = 0; i < sticked.length; i++) {
var s = sticked[i],
elementTop = s.stickyWrapper.offset().top,
etse = elementTop - s.topSpacing - extra;
if (scrollTop <= etse) {
if (s.currentTop !== null) {
s.stickyElement.css('position', '').css('top', '').removeClass(s.className);
s.currentTop = null;
}
}
else {
var newTop = documentHeight - s.elementHeight - s.topSpacing - s.bottomSpacing - scrollTop - extra;
if (newTop < 0) {
newTop = newTop + s.topSpacing;
} else {
newTop = s.topSpacing;
}
if (s.currentTop != newTop) {
s.stickyElement.css('position', 'fixed').css('top', newTop).addClass(s.className);
s.currentTop = newTop;
}
}
}
},
resizer = function() {
windowHeight = $window.height();
};

// should be more efficient than using $window.scroll(scroller) and $window.resize(resizer):
if (window.addEventListener) {
window.addEventListener('scroll', scroller, false);
window.addEventListener('resize', resizer, false);
} else if (window.attachEvent) {
window.attachEvent('onscroll', scroller);
window.attachEvent('onresize', resizer);
}

$.fn.sticky = function(options) {
var o = $.extend(defaults, options);
return this.each(function() {
var stickyElement = $(this);
if (o.center)
var centerElement = "margin-left:auto;margin-right:auto;";

stickyId = stickyElement.attr('id');
stickyElement
.wrapAll('<div id="' + stickyId + 'StickyWrapper" style="' + centerElement + '"></div>')
.css('width', stickyElement.width());
var elementHeight = stickyElement.outerHeight(),
stickyWrapper = stickyElement.parent();
stickyWrapper
.css('width', stickyElement.outerWidth())
.css('height', elementHeight)
.css('clear', stickyElement.css('clear'));
sticked.push({
topSpacing: o.topSpacing,
bottomSpacing: o.bottomSpacing,
stickyElement: stickyElement,
currentTop: null,
stickyWrapper: stickyWrapper,
elementHeight: elementHeight,
className: o.className
});
});
};
})(jQuery);
/*]]>*/
</script>

- បន្តស្វែងរក Tag </body>
- ចម្លងកូដខាងក្រោមដាក់នៅពីខាងលើ Tag </body>

<script type='text/javascript'>
$(document).ready(function(){
$(&quot;#mdstickybar&quot;).sticky({topSpacing:0});
});
</script>

- ហើយសូម Save Template របស់លោកអ្នក។

៙ របៀបប្រើប្រាស់ ឬធ្វើឲ្យធាតុក្រាហ្វិកណាមួយនៅរបាចំហៀងអណ្ដែត៖
- ជាដំបូងបង្អស់លោកអ្នកត្រូវដឹងថា តើរបាចំហៀងណាមួយដែលលោកអ្នកចង់ឲ្យអណ្ដែត ហើយធ្វើការកត់សម្គាល់ ID របស់វាទុក។ ដើម្បីដឹង ID របស់វាលោកអ្នកត្រូវ :
+ ចូលទៅកាន់ Edit (ចុចលើធាតុក្រាហ្វិកនៅចំហៀងប្លក់ណាមួយដែលលោកអ្នកចង់ឲ្យអណ្ដែត)
*** ជាឧទាហរណ៍ ខ្ញុំចង់ឲ្យធាតុក្រាហ្វិក "សរុបអ្នកចូលអាន" អណ្ដែត។ ដូច្នេះហើយ ខ្ញុំចុចលើពាក្យ Edit ដូចរូបខាងក្រោម ៖

- ពេលនោះវានឹងបង្ហាញ widgetId=....... (Id ខ្ញុំគឺ Stats1)

- លោកអ្នកត្រូវកត់ចំណាំវាទុក។
- ហើយលោកអ្នកត្រូវចូលទៅកាន់ Edit Template ម្ដងទៀត។

- សូមស្វែងរក Id ដែលលោកអ្នកបានសម្គាល់ទុក (សម្រាប់ខ្ញុំ ខ្ញុំរក Stats1)

- ពេលនោះលោកអ្នកនឹងអាចរកឃើញ ហើយសូមចុចពន្លាវា (រូបខាងក្រោម)

- រកមើលកូដ <b:includable id='main'> ដែលនៅក្នុងនោះ ហើយដាក់កូដ <div id="mdstickybar"> ពីខាងលើវា។ ហើយបន្តរកមើល <b:include name='quickedit'/> និងសរសេរ </div> ដើម្បីបិទ Tag នៅខាងក្រោមវា (មើលរូបខាងក្រោមនេះ)

- ជាចុងក្រោយ សូម Save Template របស់លោកអ្នក។

របៀបដំឡើង Pure CSS Framework នៅក្នុង Blogger

noreply@blogger.com (អ៊ុំ ច័ន្ទសានិត) — Sat, 25 Jul 2015 15:48:00 +0000

ដូចដែលខ្ញុំបាននិយាយកាលពីអត្ថបទមុនៗរួចហើយថា សម័យបច្ចុប្បន្ននេះ ការបង្កើតគេហទំព័រ ឬការប្រើប្រាស់ CSS យើងមិនចាំបាច់ចំណាយពេលច្រើននោះទេ គឺមាន Framework សម្រាប់ជាឧបករណ៍ជំនួយ ឬជាខ្នាតគម្រូនៃកូដ ដែលគេបានបង្កើតឡើង ដើម្បីផ្ដល់ភាពងាយស្រួល និងឆាប់រហ័ស សម្រាប់អ្នកបង្កើតគេហទំព័រ។ CSS Framework ក៏មានច្រើនណាស់ដែរ នៅលើប្រព័ន្ធអ៊ីនធឺណេត។ តែថ្ងៃនេះ ខ្ញុំសូមមើលយក CSS Framework មួយដែលមានឈ្មោះថា Pure.CSS ដែលយើងអាចប្រើប្រាស់វាជាមួយនឹងប្លក់ករ។

Pure CSS Framework មានលក្ខណៈពិសេសច្រើន ព្រោះវាមានទាំង Layout, Button, Menu, Table, Form... ។ល។ ខ្ញុំក៏សូមជម្រាបផងដែលថា ការប្រើប្រាស់នៅលើគេហទំព័រ គឺវាអាចមានលក្ខណៈដើរបានល្អ ១០០ភាគរយ តែសម្រាប់ប្លក់របស់យើង វាអាចមានបញ្ហាតិចតួច ដែលយើងគួរស្វែងយល់ និងជួសជុលវាដោយខ្លួនឯង។ ទោះជាយ៉ាងណា សូមមើលរបៀបដំឡើងខាងក្រោមនេះ ៖

៙ របៀបដំឡើង Pure CSS Framework នៅក្នុង Blogger ៖
- កត់ត្រាចូល Log In ក្នុងគណនី Blogger របស់អ្នក។
- ចូលទៅកាន់ម៉ឺនុយ Template >> Edit HTML (មើលរូប)

- ចម្លងកូដខាងក្រោមដាក់នៅក្រោម Tag <head>

កូដដែលត្រូវដាក់ក្រោម Tag <head>


<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/pure-min.css">

- ហើយសូម Save Template របស់លោកអ្នក។
- ការដំឡើង Pure CSS Framework បានសម្រេចហើយ។

៙ ការប្រើប្រាស់ Pure CSS Button ៖
ខាងក្រោមនេះជាឧទាហរណ៍មួយដែលទាក់ទងនឹងការប្រើប្រាស់ Button។ តែលោកអ្នកអាចប្រើប្រាស់ផ្នែកផ្សេងៗទៀត ដែលបានផ្ដល់ដោយ Pure.CSS ដែលយើងអាចហៅវាមកប្រើក្នុងប្រកាសនៃប្លក់ ហើយយើងគឺឈរនៅលើ HTML Tab:

<a class="pure-button" href="#">A Pure Button</a>
<button class="pure-button">A Pure Button</button>

* លទ្ធផលនឹងឃើញដូចខាងក្រោម ៖

*** ស្វែងយល់បន្ថែម និងស្វែងរក Pure CSS Framework ដែលបានអភិវឌ្ឍន៍ថ្មីៗ សូមចូលទៅកាន់គេហទំព័រផ្លូវការរបស់ Pure.CSS ដោយចូលទៅកាន់ ៖ http://purecss.io/

កូដរាប់ចំនួន Disqus Comment

noreply@blogger.com (អ៊ុំ ច័ន្ទសានិត) — Wed, 08 Jul 2015 22:20:00 +0000

ក្នុង Blogger មានតួនាទីអាចរាប់ចំនួន Comment រួចមកហើយ ដែលវាចាប់យក ចំនួនអ្នកដែល Comment នៅក្នុងប្រអប់បញ្ចេញមតិផ្នែកខាងក្រោមអត្ថបទ ហើយបង្ហាញដល់អ្នកមើលថា អត្ថបទនេះមានចំនួនមតិប៉ុន្មានដែលបានបញ្ចេញ? ក៏ប៉ុន្តែ បើសិនជាលោកអ្នកប្រើប្រាស់ប្រព័ន្ធ Disqus Comment នៅក្នុងប្លក់វិញ វានឹងពុំអាចរាប់ចំនួន Comment បានឡើយ ដោយលោកអ្នកត្រូវប្រើប្រាស់កូដមួយចំនួន ដើម្បីឲ្យវាអាចរាប់ចំនួន Disqus Comment ដូចមុខងារមួយដែលមានស្រាប់នៅក្នុង Blogger អញ្ចឹងដែរ។ សម្រាប់វិធីធ្វើវា សូមមើលការអនុវត្តរបស់ខ្ញុំដូចខាងក្រោម ៖

៙ របៀបដាក់កូដរាប់ចំនួន Disqus Comment ៖
- កត់ត្រាចូល Log In ក្នុងគណនី Blogger របស់អ្នក។
- ចូលទៅកាន់ម៉ឺនុយ Template >> Edit HTML (មើលរូប)

- ស្វែងរកកូដ <div class='post-header-line-1'/>
* បើសិនពុំអាចរកឃើញទេនោះ លោកអ្នកអាចប្រើ Tool Inspect Element ដែលមានស្រាប់នៅលើកម្មវិធីរុករក ហើយរកទីតាំងសមរម្យណាមួយ។

- ចម្លងកូដខាងក្រោមដាក់នៅត្រង់ទីតាំងដែលលោកអ្នកបានរកឃើញ។

កូដដែលត្រូវដាក់


<a class='dsq-comment-count comment-link commentslink' expr:href='data:post.url + "#disqus_thread"'/>


- ហើយសូម Save Template របស់លោកអ្នក។
- រួចហើយ សូមមើលប្លក់របស់អ្នកមើល៍! តើឃើញ ឬអត់? ជួនកាលវាមិនទាន់ឃើញភ្លាមៗទេ! ដូចនេះលោកអ្នកគួរតែចូលទៅសាក Comment មួយពីក្នុងអត្ថបទណាមួយនៃប្លក់របស់អ្នក។ :D

បន្ថែមធាតុក្រាហ្វិកបន្តផ្ទាល់អ្នកបញ្ចេញមតិរបស់ Disqus នៅក្នុង Blogger

noreply@blogger.com (អ៊ុំ ច័ន្ទសានិត) — Sun, 28 Jun 2015 14:09:00 +0000

ក្នុងអត្ថបទមុននេះ ខ្ញុំបានបង្ហាញលោកអ្នករួចមកហើយនូវគន្លឹះនៃការដាក់ប្រព័ន្ធ Disqus Comment នៅក្នុងប្លក់។ តែដោយសារមានភាពលំបាក សម្រាប់អ្នកគ្រប់គ្រងប្លក់ក្នុងការដឹងថានរណាម្នាក់ចូលបញ្ចេញមតិលើប្រធានបទអ្វីមួយ ហើយបើយើងចង់ដឹងនោះទាល់តែចូលទៅបើកគណនី Disqus។ តែថ្ងៃនេះ ខ្ញុំនឹងបង្ហាញជូននូវកូដមួយ ដែលយើងអាចយកវាដាក់នៅចំហៀងប្លក់របស់យើង ដើម្បីឲ្យវាចាប់បន្តផ្ទាល់អ្នកបញ្ចេញមតិនៅលើប្លក់បានយ៉ាងងាយស្រួល។

ធាតុក្រាហ្វិកនេះមិនត្រឹមតែផ្ដល់ឲ្យអ្នកនូវអ្នកបញ្ចេញមតិតែប៉ុណ្ណឹងទេ តែវាអាចឲ្យយើងដឹងថា គេបានបញ្ចេញមតិរយៈពេលប៉ុន្មានម៉ោងមុន ឬប៉ុន្មានថ្ងៃមុន។ យ៉ាងណាក្ដីការបន្តផ្ទាល់អ្នកបញ្ចេញមតិនេះ ទៀតសោត ក៏មានគុណវិបត្តិរបស់វាដែរ គឺវាមានលក្ខណៈយឺតបន្តិចក្នុងការបន្តផ្ទាល់។

គម្រូបន្តផ្ទាល់ Disqus Comment

៙ បន្ថែមធាតុក្រាហ្វិកបន្តផ្ទាល់អ្នកបញ្ចេញមតិរបស់ Disqus នៅក្នុង Blogger ៖
- កត់ត្រាចូល Log In ក្នុងគណនី Blogger របស់អ្នក។
- ចូលទៅកាន់ផ្នែក Layout >> រួចចុចលើតំណអក្សរ Add a Gadget នៅទីតាំងណាមួយ (ឧទាហរណ៍សូមមើលរូបខាងក្រោម)

- រមូរចុះ (scroll down) រកមើល Gadget ដែលមានឈ្មោះថា HTML/JavaScript រួចចុចលើវាដើម្បីបើក (មើលរូបខាងក្រោមនេះ)

- ចម្លងកូដខាងក្រោមនេះ យកទៅបិទភ្ជាប់ក្នុង HTML/JavaScript ។
- បន្ថែម ៖ ចំពោះឈ្មោះ Widget លោកអ្នកដាក់ថា មតិអ្នកចូលអាន។

កូដដែលត្រូវដាក់ក្នុង HTML/JavaScript

** សម្គាល់ជាសំខាន់ ៖
- លោកអ្នកត្រូវផ្លាស់ប្តូរនៅត្រង់ដំណភ្ជាប់ (URL) ៖ " http://lab4khmerblog.disqus.com " ទៅជាដំណភ្ជាប់ (URL) របស់លោកអ្នកវិញ (Domain របស់ Disqus)។ ហើយនៅត្រង់ " 32 " គឺជាទំហំនៃរូបតំណាងរបស់អ្នកបញ្ចេញមតិ (avatar size) ដែលលោកអ្នកអាចផ្លាស់ប្ដូរ ឬមិនបាច់ក៏បាន។ ចំណែកឯ num_items=5 គឺជាចំនួនដែលបង្ហាញ គឺ៥ ដែលមានន័យថា នៅពេលដែលមតិថ្មីៗបានដាក់បង្ហាញនោះ មតិចាស់និងត្រូវលាក់ ពោលគឺមិនអាចមានលើសពី៥ តែបើអ្នកចង់ឲ្យវាបង្ហាញច្រើនជាង ឬតិចជាងនេះ សូមប្ដូរវាទៅតាមអ្វីដែលអ្នកគិតថាសមរម្យ។ :D

ប្លក់សម្រាប់ខ្មែរ

របៀប​ដាក់ Facebook Authorship នៅ​ក្នុង​ប្លក់

វិធី​ប្ដូរ​ដំណប្លក់​ពី HTTP ទៅ​ជា HTTPS យ៉ាង​ងាយ​ស្រួល

៙ ដើម្បី​ផ្លាស់​ប្ដូរ Blogger ទៅ​ជា HTTPS បាន​សូម​អនុវត្តន៍​តាម​វិធី​នេះ

របៀប​បិទ​រូប​ដង្កាប់ មិន​ឲ្យ​បង្ហាញ​នៅ​លើ​ប្លក់​របស់​អ្នក

៙ របៀប​បិទ​រូប​ដង្កាប់ មិន​ឲ្យ​បង្ហាញ​នៅ​លើ​ប្លក់ ៖

សម្រាប់​អ្នក​ដែល​ចង់​បាន​កូដ​ពណ៌​ប្រភេទ Responsive Flat UI Color Picker

ប៊ូតុង​ចម្លែក ជា​មួយ​នឹង​កូដ CSS រចនា​ដោយ Derek Morash

ប្រអប់​ស្វែងរក (Search Box) មាន​ចលនា

Gooey Menu រចនា​ដោយ Lucas Bebber

នាឡិកា​ឌីជីថល (Digital Clock) ជា​មួយ​នឹង javascript

ទាញ​យក VirtualBox ជំនាន់​ទី 5.0

បង្កើត​តារាង (Data Table) ដ៏​ស្រស់​ស្អាត ជា​មួយ​នឹង CSS

រូប​នាឡិកា រចនា​បែប Flat ដោយ​ប្រើ CSS

Circular Social Network ដ៏​រស់​រវើក សម្រាប់​ប្លក់ និង​គេហទំព័រ

Folder Tree ជា​មួយ​នឹង HTML, CSS និង jQuery

បម្លែង​ឯកសារ PDF ទៅ​ជា​ឯកសារ​រូប​ភាព JPG ដោយ​មិន​ចាំ​បាច់​ប្រើប្រាស់​កម្មវិធី

ទាញ​យក​វីដេអូ​ម្ដង​មួយ Channel ដោយ​ប្រើប្រាស់​កម្មវិធី 4K Video Downloader

បង្រួម​ដំណភ្ជាប់​ឲ្យ​ខ្លី​ដោយ​ប្រើប្រាស់​ជា​មួយ​នឹង Goo.gl

របៀប​បង្កើត​អក្សរ​ស្រមោល​បែប​សាមញ្ញៗ នៅ​ក្នុង​កម្មវិធី Gimp 2

របៀប​បង្កើត​អក្សរ​ស្រមោល​បែប​សាមញ្ញៗ នៅ​ក្នុង​កម្មវិធី Gimp 2 ៖

៥ ចំណុច​ដែល​យើង​គួរ​បង្កើត Blogger ផ្ទាល់​ខ្លួន​មួយ

៣ ជំហាន​មុន​ពេល​សរសេរ​ប្លក់ ដែល​អ្នក​គួរ​ដឹង

កែប្រែ​ស្បែក​ប្លក់​កាន់​តែ​រហ័ស ជា​មួយ​នឹង​មុខ​ងារ Search និង Replace ក្នុង Notepad++

ប្រកាស​ពេញ​និយម (POPULAR POST) ជា​ម៉ូត​មាន​ចលនា​ប្លែក​ភ្នែក

ធ្វើ​ឲ្យ​របា​ណា​មួយ​នៅ​ចំហៀង​ប្លក់ មាន​លក្ខណៈ​អណ្ដែត​ដោយ​ប្រើ jQuery

របៀប​ដំឡើង Pure CSS Framework នៅ​ក្នុង Blogger

កូដ​រាប់​​ចំនួន Disqus Comment

បន្ថែម​ធាតុក្រាហ្វិក​បន្ត​ផ្ទាល់​អ្នក​បញ្ចេញ​មតិ​របស់ Disqus នៅ​ក្នុង​ Blogger