Cambodia mp3 - cambodia song - cambodia music - Khmer mp3

Showing posts with label For Blogspot. Show all posts

Thursday, March 14, 2013

របៀបដាក់ព្រិលតូចៗ ធ្លាក់ ចេញពី Cursor ពេលអ្នកអូស Mouse អោយមានចលនា

6:13 PM
0 comments

សួស្តី មិត្តទាំងអស់គ្នា ខ្ញុំមិនបាន បង្ហាញអ្នកអំពី គន្លឹះ នឹង ចំណេះដឹងអំពី ផ្នែក ពត៍មានវិទ្យា យូរមកហើយ ថ្ងៃនេះខ្ញុំសូមបង្ហាញ អ្នក អំពី របៀបដាក់ព្រិល តូចៗ ធ្លាក់ ចេញពី Cursor ពេលអ្នកអូស Mouse អោយមានចលនា។ ដោយសារ ខ្ញុំ តែងតែ Post នូវចម្រៀងថ្មី ៗ មិនដែលបានដាក់បង្ហាញ អ្នកអំពី គន្លឹះ និង ចំណេះដឹងសម្រាប់អ្នក ទាងអស់គ្នាដែល បានចូលមកទស្សនា អាយ១ទាញយកចម្រៀង ។ ហើយខ្ញុំបង្ហាញអ្នកអំពី គន្លឹះ ថ្ងៃនេះវាក៍អាចធ្វើអោយ ប្លុករបស់យើងវាមាន ការទាក់ទាញមួយកម្រិតថែមទៀតផងដែរ ៕ ប្រសិនបើអ្នកចង់ស្វែងយល់ និង ចំណេះដឹងផ្នែកពត៍មានវិទ្យាអ្នកអាច ចូលទៅស្វែងយល់ តាមរយះ គេហទំព័រមួយនេះ អាយធី ខ្មែរ ៩ ដតណេត ខ្ញុំសង្ឃឹមថាលោកអ្នកដែលបានមើលរាល់គន្លឹះក្នុងការប្រើ blogger កន្លងមក ប្រាកដជាចេះប្រើច្រើនហើយមើលទៅ។ កាលពីលើកមុខអាយធីខ្មែរ៩ បានបង្ហាញ អ្នកអំពី គន្លឹះមួយដែលនិយាយអំពី "ការបង្កើតផ្កាយតូចៗអោយជ្រុះចេញពី Cursor នៅពេលមានចលនា" នោះរូបផ្កាយតូចៗដែលមានជ្រុងបួន ជាច្រើននឹងធ្លាក់ចេញពី Cursor ឲ្យរយ៉ៃ។ គន្លឹះលើកនេះគឺខុសពីលើកមុនបន្តិច ត្រង់រូបរបស់វាដែលគេឲ្យឈ្មោះថា "ព្រិលធ្លាក់នៅពេលមានចលនា cursor" ស្រដៀងនឹងផ្កាយដែរ។ សូមមើលវិធីដាក់ដ៏ងាយស្រួលខាងក្រោមនេះ៖

- កត់ត្រាចូលក្នុង (Log In) គណនី blogger របស់លោកអ្នក។
- ចូលទៅ Layout រួចចុច Add a Gadget ។

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

- បិទភ្ជាប់កូដ "ព្រិលធ្លាក់នៅពេលមានចលនា Cursor" ខាងក្រោមនេះ ដាក់ក្នុងHTML/JavaScript រួចចុច Save ។

- ចូលដល់ផ្ទាំង Layout វិញ លោកអ្នកអាចចាប់ទាញធាតុក្រាហ្វិក "ព្រិលធ្លាក់នៅពេលមានចលនា Cursor" យកទៅដាក់នៅទីតាំងណាដែលមិនទើសទែង ឧទាហរណ៍នីខាងក្រោមគេបំផុតជាដើម។
- រួចចុចឆ្នុច save arrangement ជាការស្រេច។

កូដ "ព្រិលធ្លាក់នៅពេលមានចលនា Cursor" សម្រាប់ដាក់ក្នុង HTML/JavaScript

- យើងអាចដូរពណ៌របស់ព្រិលធ្លាក់បានដោយ ៖
var colour="black"; : ដូរពាក្យ black ទៅជាពណ៌ដែលអ្នកត្រូវចិត្ត ឧទាហរណ៍ green, redជាដើម។

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

អត្ថបទដើម ៖ អាក្បាលធំ

របៀបដាក់ Next Page នៅក្នុងប្រព័ន្ធប្លុក

6:09 PM
0 comments

   ថ្ងៃនេះ អាយ១ទាញយកចម្រៀង សូមបង្ហាញអ្នកអំពី គន្លឹះសំខាន់មួយ ក្នុងការកែប្រែ អក្សរ (Older, Home Posts) សម្រាប់ខណ្ឌបង្ហាញអត្ថបទដែលនៅទំព័រមុខ (home) ឬនៅក្នុងជំពូកណាមួយរបស់អត្ថបទ ឲ្យដូរទៅជាលេខរៀង (numberred page navigation) វិញ ដែលងាយស្រួលចុចចូលមើលអត្ថបទទាំងឡាយដែលកប់ជ្រៅបាន ដោយចុចផ្លោះតាមរយៈលេខទំព័រមុខទាំងនោះ។

   ជា default (លំនាំដើម) បើលោកអ្នកកំពុងប្រើប្រាស់ template ប្លក ដែល Google ដាក់ឲ្យប្រើស្រាប់ៗមួយចំនួន ដែលមានក្នុងប្រព័ន្ធ Blogger នោះ លោកអ្នកប្រាកដជាឃើញពាក្យថា "Older, Home Posts" នៅខាងក្រោមអត្ថបទបំផុតនៃទំព័រមុខ (home) និងទំព័រជំពូក (catalog) គឺមិនមានបង្ហាញជាចំនួនលេខដូចរូបខាងលើឧទាហរណ៍ស្រាប់នោះមកទេ។ តែបើលោកអ្នកកំពុងប្រើ tamplate ផ្សេងៗ ដែលលោកអ្នកទាញយកពីគេហទំព័រដែលផ្គត់ផ្គង់ tamplate របស់ Blogger ទាំងឡាយ ខ្ញុំជឿថា! ភាគច្រើនគឺអ្នករចនា tamplate ទាំងនោះ គាត់បានដាក់បញ្ចូល"កូដ"ខណ្ឌលេខទំព័រមកជាមួយស្រាប់ ងាយស្រួលមិនចាំបាច់ឲ្យលោកអ្នក ទៅស្វែងរកកូដយកមកដាក់បន្ថែមឡើយ។

   ខ្ញុំបានស្វែងរកកូដសម្រាប់ដាក់ numberred page navigation ពីគេហទំព័រនានាជាច្រើន តែមិនងាយស្រួលសម្រាប់អ្នកដែលមិនចេះ "កូដ" អាចកែប្រែ និងមិនមានឲ្យជ្រើសរើសច្រើនឡើយ។ ឥឡូវនេះ ខ្ញុំសូមណែនាំឲ្យលោកអ្នកចូលទៅកាន់ប្លក 24work.blogspot.com ដែលមានមុខងារអាចឲ្យយើងដាក់ numberred page navigation បានយ៉ាងងាយស្រួលមិនស្មុគស្មាញ។ ដើម្បីជ្រាបឲ្យកាន់តែច្បាស់ សូមមើលពីរបៀបដាក់ខាងក្រោមនេះទាំងអស់គ្នា ៖

ដើម្បីឲ្យលោកអ្នកយល់បានច្រើន ខ្ញុំសូមចែកដំណាក់កាលដាក់ជា 3 គឺ :

ការកំណត់ចំនួនអត្ថបទបង្ហាញនៅក្នុងមួយខណ្ឌៗ (ផ្ទាំងៗ) ក្នុងប្លក។
ការកំណត់ និងការដាក់ធាតុក្រាហ្វិក numberred page navigation។
ការសម្អាតកូដមិនសំខាន់ ដែលតោងមកជាមួយធាតុក្រាហ្វិកនានា។

1- ការកំណត់ចំនួនអត្ថបទបង្ហាញនៅក្នុងមួយខណ្ឌៗ (ផ្ទាំងៗ)ក្នុងប្លក ៖

ចំណាំ ៖ ការកំណត់ចំនួនបង្ហាញក្នុងមួយខណ្ឌៗ នេះសម្រាប់តែអ្នកកំពុងប្រើ template របស់ Blogger ស្រាប់តែប៉ុណ្ណោះ សម្រាប់អ្នកដែលប្រើ template ដែលមិនមែនជារបស់ Blogger នោះមិនបាច់អនុវត្តន៍ជំហានមួយនេះក៏បានដែរ។
- កត់ត្រាចូល (Log In) ក្នុងគណនី Blogger របស់លោកអ្នកជាមុនសិន។
- ចូលទៅ Setting >> Posts and comments ត្រង់កន្លែង ៖

Show at most : កំណត់ចំនួនបង្ហាញ posts ក្នុងមួយខណ្ឌ (ផ្ទាំង) គិតជា posts ឬ days (ខ្ញុំសូមឲ្យអ្នកកំណត់ចំនួន 10 និងរើសយក "posts")។ (សូមមើលរូបខាងលើ)

- កំណត់រួច សូមកុំភ្លេចចុចឆ្នុច (button) Save settings ដែលមានពណ៌ទឹកក្រូចនៅខាងលើ ដើម្បីឲ្យ Blogger ទទួលស្គាល់ណា :D។ ការកំណត់ចំនួនបង្ហាញអត្ថបទ (posts) ក្នុងមួយខណ្ឌៗ បានរួចរាល់ អ្នកអាចទៅមើលប្លករបស់អ្នក ប្រាកដជាបង្ហាញតែចំនួន 10 អត្ថបទក្នុងមួយផ្ទាំងតែប៉ុណ្ណោះ។

៙ ការកំណត់ និងការដាក់ធាតុក្រាហ្វិក numberred page navigation ៖

- ចូលទៅតំណនេះ www.24Work.blogspot.com ។
- នោះលោកអ្នកនឹងបានឃើញ "គំរូ" numberred page navigation ជាច្រើន មានរូបរាង និងពណ៌ផ្សេងគ្នាទុកឲ្យជ្រើសរើសទៅតាមតម្រូវការ។ មានច្រើនគំរូ តែវិធីដាក់មានតែមួយទេ សូមមើលឧទាហរណ៍មួយនេះ ៖

- Select Color Style : សម្រាប់ជ្រើសម៉ូដណាដែលអ្នកពេញចិត្ត (អាចជ្រើសយកតែមួយគត់)។
- Setting : ការកំណត់

Previous Page Text : ដូរអក្សរពេលចុចមកក្រោយវិញ អាចដាក់ថា "ថយក្រោយ"។
Next Page Text : ដូរអក្សរពេលចុចទីខណ្ឌបន្ទាប់ អាចដាក់ថា "បន្ទាប់"។
Number of Posts Per Page : ចំនួនបង្ហាញអត្ថបទក្នុងមួយខណ្ឌ (ផ្ទាំង) ត្រូវដាក់ដូចចំនួនដែលមានរៀបរាប់ខាងលើគឺ 10 ។
Page Num Count before and after current page : ចំនួនចំនួនខណ្ឌដែលត្រូវបង្ហាញសម្រាប់ចុច ឧទាហរណ៍ 7 ជាដើម។

- កំណត់រួចសូមចុចឆ្នុច Generate រួចចុចឆ្នុច Add to Blogger ដើម្បីដាក់បញ្ចូលទៅក្នុងប្លក។
- នោះអ្នកនឹងឃើញផ្ទាំង Add Page Element សួរបញ្ជាក់ថា "អ្នកពិតជាចង់ដាក់ Widget នេះមែនឬក៏អត់"។
ចំណាំ : បើលោកអ្នកឃើញ Logo របស់គេហទំព័រដែលធ្វើ Widget នោះមានន័យថាអ្នកនឹកដាក់ដោយជោគជ័យ តែបើអត់ឃើញមានទេ សូមបិទរួចចុចដាក់ម្ដងទៀត។
- Select a blog : ជ្រើសប្លកថាអ្នកចង់ដាក់វានៅប្លកណាមួយ នេះបើសិនអ្នកបានបង្កើតប្លកចាប់ពី 2 ឡើងទៅ ចំពោះអ្នកដែលមានប្លកតែមួយ មិនបាច់ខ្វល់ទេ។
- ត្រង់ Title យើងមិនបាច់ដាក់ឈ្មោះឲ្យវាទេ។ ( តែមាន Widget ខ្លះត្រូវដាក់ឈ្មោះទើបងាយស្រួលចំណាំ)
- ចុចឆ្នុច Add Widget ដើម្បីដាក់ចូលប្លករបស់យើង។ (សូមមើលរូបខាងក្រោម)

- ចូលដល់ផ្ទាំង Layout របស់ Blogger វិញ យើងត្រូវចាប់ទាញ Widget នោះយកទៅដាក់នៅក្រោម Blog Post Widget។ (សូមមើលរូបខាងក្រោម)

-រួចចុចឆ្នុច Save arrangement ដែលមានពណ៌ទឹកក្រូច ដើម្បីចងចាំការកំណត់នេះ។
- សាកចូលមើលប្លកលោកអ្នកថាតើ numberred page navigation វាដំណើរការឬក៏អត់?។

សំគាល់ : បន្ទាប់ ពីលើអ្នកបានដាក់កូដចូលហើយនោះធាតុក្រាហ្វិក numberred page navigation ដំណើរការជាធម្មតាគ្មានអ្វីចម្លែកទេ តែបន្ទាន់ពីបានប៉ុន្មានថ្ងៃក្រោមមកនោះលោកអ្នកនឹងឃើញមានបង្ហាញអក្សរតំណចេញមកថា Blogger Tips And Tricks|Latest Tips For Bloggers និង Free Backlinks ដែលនេះជាតំណដែលម្ចាស់អ្នកបង្កើត Widget នោះ គាត់ដាក់ដើម្បីឲ្យអ្នកដទៃអាចចូលទៅដាក់ Widget ដែលគាត់បានបង្កើត ដែលជាភាសាអង់គ្លេសហៅថា (Backlink) នោះ។

៙ ការសម្អាតកូដ ដែលតោងមកជាមួយធាតុក្រាហ្វិកនានា ឧទាហរណ៍ដូចជា Backlink ជាដើម ៖

- ចូលទៅ បើកមើលកូដ Widget ដែលអ្នកចង់លុបអ្វីដែលអ្នកគិតថារំខាន.
- ត្រូវដឹងថាអ្នកចង់លុបអ្វី ឧទាហរណ៍វាបញ្ចេញពាក្យថា Blogger Tips And Tricks|Latest Tips For Bloggers និង Free Backlinks ដូចនេះអ្នកត្រូវចម្លងពាក្យមួយចំនួន ដែលអ្នកគិតថាអាចរកវាឃើញក្នុង "កូដ" របស់ Widget នោះ ដោយប្រអប់ស្វែងរបស់ Browser ដោយចុច Ctrl+F ។

- ជាលទ្ទផលយើងរកឃើញកូដ 2 ជួរដែលធ្វើឲ្យចេញអក្សរ Backlinks នោះគឺ

Blogger Tips And Tricks|Latest Tips For Bloggers

ចេញកូដជា

Free Backlinks

ចេញកូដជា

- លោកអ្នកត្រូវលុបកូដទាំងពីរ ជួរនោះចោលជាការស្រេច។ ឯខ្ញុំវិញក៏លុបដែរ ព្រោះវាចេញមកធ្វើឲ្យប្លកខ្ញុំមើលទៅមិនស្អាត ដូច្នេះខ្ញុំត្រូវតែលុបចេញ សង្ឃឹមថាអ្នកបង្កើតមិនខឹងនឹងខ្ញុំទេ ហេសហេ :D។

៚៚៚៚ចប់៚៚៚៚

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

អត្ថបទដើម ៖ អាក្បាលធំ

Monday, January 21, 2013

របៀប Backup, Restore និងទាញយក Template ប្លក

1:45 AM
0 comments

Template របស់ប្លកប្រៀបដូចជាសំលៀកបំពាក់របស់ប្លក ដែលវាមិនខុសគ្នារវាង Theme របស់ប្រព័ន្ធដំណើរការ Windows ដែលជួយអោយមានរូបរាងផ្សេងៗគ្នាទៅតាមចំណូលចិត្តអ្នកបង្កើត និងអ្នកប្រើប្រាស់។ Blogspot បានអនុញ្ញាតិអោយអ្នកប្រើប្រាស់អាចកែប្រែ បញ្ចូលកូដទៅក្នុង Template ឬក៏ប្ដូរថ្មី ដែលអ្នកប្រើអាចរកបានដោយ Free ឬ គិតលុយ។

របៀប Backup, Restore Template របស់ប្លក៖

មូលហេតុដែលត្រូវធ្វើការ Backup មកពីយើងត្រូវរក្សាទុក Template ដែលកំពុងប្រើទុក មុននឹងបញ្ចូលកូដ (Code) ផ្សេងបង្ការក្រែងលោមានការថ្លោះធ្លោយដោយសារការបញ្ចូលកូដខុស

នានាចូលទៅក្នុង Template។ សូមមើលខាងក្រោមនេះ៖
- ចូលទៅក្នុងគណនី Blogger របស់អ្នកតាម www.blogger.com
- ចូលទៅកាន់ Template >> Backup / Restore (សូមមើលរូបខាងក្រោម)

- នោះលោកអ្នកនឹងឃើញផ្ទាំងអោយអ្នកចាត់ការជាមួយ Template

- Download full template : ចុចដើម្បីទាញយក Template ទុកក្នុងកុំព្យូទ័រ។
- Upload a template from on your hard drive : សម្រាប់ចូលទៅរកឯកសារ Template ដែលអ្នកចង់ដំឡើងពីក្នុងកុំព្យូទ័ររបស់អ្នក ។

ចង់បាន Template ថ្មីៗ ស្អាតៗ?

Wordpress គេមិនអនុញ្ញាតិអោយអ្នកប្រើ Free អាចបញ្ចូល Template ពីខាងក្រៅបានទេវាផ្ទុយពី Blogspot ដែលអនុញ្ញាតិអោយអ្នកប្រើអាចដូរ Template បានដោយសេរី។ Blogspot បានដាក់ Template អោយជ្រើសរើសបួនដប់ដែល តែមិនជាស្អាតទេ ដូចនេះលោកអ្នកប្រាកដជាត្រូវការទាញយក Template ពីគេហទំព័រនានាដើម្បីយកមកកែប្រែរូបរាងប្លក។ ខ្ញុំសូមណែនាំគេហទំព័រមួយដែលមានមុខងារអាចអោយអ្នកស្វែងរក Template ដែលអ្នកពេញចិត្ត ទៅតាមផ្នែក ដូចជា៖ Topic, Layout, Feature និង Color. (សូមមើលរូបខាងក្រោម)

http://www.allblogtools.com/

-Template របស់ Blogspot មានកន្ទុយឯកសារជា *.xml

អត្ថបទដើម ៖ អាក្បាលធំ

របៀបដាក់ Auto Read More Button With Image Thumbnails For Blogger

1:23 AM
0 comments

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

របៀបដាក់ Auto Read More ជាមួយ Thumbnails សម្រាប់ Blogger ?

ចូលទៅកាន់ គណនីប្លករបស់អ្នក www.blogger.com
ចូលទៅកាន់ Blogger Dashboard > Design > Edit HTML.
ហើយស្វែងរកកូដ </head> នៅក្នុង Teamplate របស់អ្នក
សូមអ្នកបញ្ចូលកូដខាងក្រោម ពីលើ </head> មួយបន្ទាត់

<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}

//]]>
</script>

ប្រសិនបើអ្នកចង់ប្តូរទំហំនៃរូបភាពនោះអ្នកអាច image thumbnail អ្នកអាចប្តូរនៅត្រង់នេះ ដោយប្តូរនៅត្រង់លេខនៅក្នុងកូដខាងលើ 100 and 120.

ឥលូវអ្នកស្វែងរកកូដនេះ <data:post.body/> នៅក្នុង Teamplate របស់អ្នក ហើយជំនួសវាដោយកូដនៅខាងក្រោម ៖
ចំណាំ ៖ សូមអ្នកប្រុងប្រយ័ត្ននៅពេលដែលអ្នកជំនួសកូដ ប្រសិនបើអ្នកជំនួសខុសវាអាច មាន បញ្ហា Error នៅក្នុងប្លុករបស់អ្នក

<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb("summary<data:post.id/>");
</script>
<a class='more' expr:href='data:post.url'>Read more ...</a>
</b:if>
</b:if>

ពេលដែលអ្នកជំនួសកូដហើយនោះ សូមអ្នកចុចប៊ូតុង Save Teamplate ជាការស្រេច។

សង្ឃឹមថាអ្នកអាចធ្វើវាបាន សូមអរគុណដែលបានចូលមកទស្សនាប្លុករបស់យើងខ្ញុំ ។

ដាក់ Readmore ស្វ័យប្រវត្តិក្នុងប្លុក

1:07 AM
0 comments

ដើម្បីដាក់ប្រអប់ចុចអានបន្តសូមធ្វើតាមការណែនាំខាងក្រោម៖

ចូលទៅកាន់គណនីប្លករបស់អ្នក www.blogger.com
ចូលTemplate =>Edit HTML =>Proceed រួចគ្រីសលើ Expand Widget Templates
ចុចCtrl+FឬF3ដើម្បីស្វែងរកផ្លាក<data:post.body/> រួចធ្វើការផ្លាស់ប្តូរវាជាមួយនឹងកូដខាងក្រោម៖

<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb("summary<data:post.id/>");
</script>
<div style='clear: both;'/>
<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>អានបន្ត>>></b></a></span>
</b:if>

យើងអាចប្តូរពីអានបន្ត>>> ទៅជាពាក្យអ្វីផ្សេងក៏បាន។

បន្ទាប់មកស្វែងរកផ្លាក</head> រួចធ្វើការចម្លងកូដខាងក្រោមទៅបិទភ្ជាប់ពីមុខវា៖

យើងអាចកែប្រែទំហំរបស់រូបភាពតូចបានដោយប្តូរតម្លៃលេខរបស់កូដ។

img_thumb_height = 100;:កម្ពស់

img_thumb_width = 120;:ទទឹង

ចុចប្រអប់ចុចSave Template។

យើងខ្ញុំជាអ្នកសរសេរប្លកវ័យក្មេងតែងតែមានចំនុចខ្វះខាតមួយចំនួន។

សង្ឃឹមថាអ្នកទាំងអស់គ្នាបានចូលទស្សនាហើយ បានឃើញនូវចំនុចខ្វះខាតរបស់ពួកយើង សូមដាក់ជាវាចារនៅក្នុងប្រអប់ដាក់វាចារខាងក្រោម។ សូមអរគុណដែលបានចូលមកទស្សនាប្លុករបស់យើងខ្ញុំ

Sunday, January 20, 2013

កូដសម្រាប់ដាក់តំណភ្ជាប់បង្ហាញជាម៉ឺនុយទំលាក់ Drop down menus ធ្វើជា Widget ឬដាក់ក្នុងអត្ថបទប្លក

3:53 AM
0 comments

ខ្ញុំសូមបង្ហាញអំពី Code មួយដែរអាចអោយយើងដាក់បង្ហាញតំណភ្ជាប់ផ្សេងៗដែលមានលក្ខណៈជា ម៉ឺនុយទម្លាក់ ដែលជាភាសាអង់គ្លេសហៅថា Drop down menus។ ការដាក់តំណភ្ជាប់សម្រាប់ចុចចូលទៅកាន់ទីតាំងគេហទំព័រ ឬ ប្លកផ្សេងៗ មានសារសំខាន់និងមានប្រយោជន៍ណាស់ ជួយអោយមានការប្រាស្រ័យទាក់ទងគ្នា ហើយណាមួយក៏ដូចជាបញ្ជីអាសយដ្ឋានបណ្ដាញ ទុកសម្រាប់ផ្ទាល់ខ្លួនផងដែរ។ តែបើកាលណាយើងមានតំណភ្ជាប់ច្រើនទៅៗ ធ្វើអោយចំណាយទំហំទីកន្លែងច្រើន ដែលជាហេតុធ្វើអោយអ្នកចូលទស្សនាមួយចំនួនមិនសូវជាពេញចិត្ត ចំពោះម្ចាស់ប្លកណាដែលដាក់តំណពេញទឹកពេញដីនោះទេ។

ដូចនេះយើងត្រូវបញ្ចូលតំណអាសយដ្ឋានប្លកឬគេហទំព័រទាំងអស់នោះ ជាលក្ខណៈសន្សំសំចៃកន្លែងកុំអោយវាចាយទីខ្លាំងពេក ដោយអោយបង្ហាញជាបញ្ជីទម្លាក់ចុះក្រោម (Drop down menus) វិញ។ យើងអាចដាក់បញ្ចូលតំណភ្ជាប់ផ្សេងៗបានច្រើននឹងមិនខ្លាចខាតកន្លែង ទេ ដោយសារតែវាបង្ហាញតែមួយបន្ទាត់និងមានសញ្ញាព្រួញផ្កាប់ចុះបង្ហាញថា មាន Menus។ ម៉្យាងទៀតយើងអាចយកកូដ Drop down menus នេះមកដាក់ក្នុងអត្ថបទក៏បានដែរ។សូមមើលពីរបៀបប្រើការដូចខាង ក្រោមនេះ៖

របៀបចូលទៅដើម្បើដាក់ តំណភ្ជាប់បង្ហាញជាម៉ឺនុយទំលាក់ Drop down menus ធ្វើជា Widget នៅក្នុងប្លុក ៖

1. ដំបូងអ្នកចូលទៅកាន់ Blogger account របស់អ្នក តាមរយះ www.blogger.com,
បន្ទាប់មកចូលទៅកាន់ Design (or Layout) > Page Elements
2. ហើយចុចលើ Add a Gadget Link
3. ជ្រើសយក "HTML/JavaScript"មើលរូបខាងក្រោម ៖

4. បន្ទាប់ ចម្លង (Copy) កូដខាងក្រោម បិទភ្ជាប់ (Past) នៅក្នុងប្រអប់ "HTML/JavaScript" ដែលអ្នកបានបើកនោះ ៖

<select id="Select1" onchange="window.open(this.options[this.selectedIndex].value,'_blank');this.options[0].selected=true" class="text_noresize" name="select" style="width:100%">
<option selected />គេហទំព័រអាយធីខ្មែរ
<option value="http://www.cambodroid.com/" /> CamboDroid អេដ្រយខ្មែរ
<option value="http://camnews.com.kh/" /> CAMNEWS គ្រឿងអេឡិចត្រូនិក
<option value="http://www.dl168.info/" /> DL168 ទាញយកឯកសារគ្រប់ប្រភេទ
<option value="http://www.ioskhmer.com/" /> iOS Khmer ព័ត៌មានពី iPhone ជាភាសាខ្មែរ
<option value="http://it4ug.net/" /> IT4UG | បច្ចេកអាយធីសម្រាប់អ្នក
<option value="http://itkhmer.net/" /> ITKhmer.net
<option value="http://khmerdocs.com/" /> ឃ្លាំងឯកសារខ្មែរ
<option value="http://cm.com.kh/" /> ទស្សនាវដ្ដីវិទ្យាសាស្ត្រកុំព្យូទ័រ
<option value="http://mpmag.com.kh/" /> ទស្សនាវដ្ដីទូរស័ព្ទ
<option value="http://porpok.com/" /> ពពក ផ្សព្វផ្សាយព័ត៌មានឌីជីថលនិងបច្ចេកវិទ្យា
<option value="http://h2egroup.com/" /> h2egroup រួមគ្នាចែករំលែកជាមួយអ្នកដទៃ
<option value="http://sovann2.com/" /> សុវណ្ណ2 បណ្ដុំព័ត៌មានទូរស័ព្ទឆាប់រហ័យ
<option value="http://www.khmerservice.net/" /> សេវាកម្មខ្មែរ (អ្នកស្រឡាញ់កូដចំហ)
</select>

ខាងលើគឺជាកូដ Drop down menus ដែលសម្រាប់ដាក់តំណភ្ជាប់ផ្សេងៗ ដោយយើងត្រូវដូរនៅត្រង់៖
- width:100% : ជាប្រវែងរបស់ Widget គិតជាភាគរយ តែបើអ្នកចង់អោយគិតជា ភិចសែលវិញត្រូវដូរពី 100% ទៅជា 200px ឬក៏ 300px ទៅតាមប្រវែងដែលអ្នកចង់បាន។
- គេហទំព័រអាយធីខ្មែរ : ដាក់ចំណងជើង Menus
- អាស័យដ្ឋានតំណរភ្ជាប់ និង ចំណងជើងរបស់តំណរភ្ជាប់ : ត្រូវប្ដូរទៅជាអាស័យដ្ឋានដែលអ្នកចង់ដាក់ អ្នកអាចបន្ថែមបន្តទៀតបានតាមចិត្តអ្នកចង់។

លទ្ធផល

គន្លឹះខាងលើអាចប្រើធ្វើជា Widget ឬក៏យកដាក់ជាមួយអត្ថបទក៏បានដែរ សូមរីករាយជាមួយកូដ Drop down menus :D៕

របៀបដាក់ Facebook Like Box To Blogger Posts?

3:48 AM
0 comments

របៀបដាក់ Facebook Like Box To Blogger Posts?

ចូលទៅក្នុងគណនី Blogger របស់អ្នកតាម www.blogger.com
ចូលទៅ Blogger Dashboard > Design > Edit HTML
អ្នកគួរតែ បម្រុងទុកនូវ Teamplate របស់អ្នកសិន ប្រសិនបើមានបញ្ហាអ្នកអាចកែប្រែ បាន ប៉ុន្តែបើអ្នកមិន បម្រុងទុកក៍បានដែរ
Tick ប្រអប់ the expand widget check box
ស្វែងរកកូដខាងក្រោមនៅក្នុង template របស់អ្នក

<data:post.body/>

ហើយបន្ទាប់មកអ្នក កូពី កូដខាងក្រោមដាក់ (បិទភ្ជាប់) ពីក្រោមកូដ <data:post.body/> មួយបន្ទាត់

<b:if cond='data:blog.pageType == "item"'><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fi1dlsongs&width=570&height=180&colorscheme=light&show_faces=true&border_color&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:570px; height:180px;" allowTransparency="true"></iframe></b:if>

អ្នកត្រូវជំនួស i1dlsongss ដោយ fan page username របស់អ្នក
ត្រង់នេះសម្រាប់ប្តូរ កម្ពស់ width នៃ like box, adjust the value 570
ត្រង់នេះសម្រាប់ប្តូរ heigh នៃ like box then just edit the value 180

មើលលទ្ធផលដែលទទួលបាន នៅខាងក្រោម ៖

Saturday, January 19, 2013

ដាក់ Facebook Like និង Send Button ខាងក្រោមអត្ថបទ

8:38 PM
0 comments

ដាក់ Facebook Like និង Send Button ខាងក្រោមអត្ថបទ

ការដាក់ Facebook Like និង Send Button ខាងក្រោមអត្ថបទ គឺដើម្បីងាយស្រួលអោយអ្នកចូលទស្សនាប្លកដែលមកពីខាង Facebook អាចចុច Like និងអាចចុចផ្ញើអត្ថបទដែលគេចូលចិត្តទៅអោយមិត្តភ័ក្ដិ ឬក្រុមនៅក្នុង Facebook ។ ចង់ដឹងថាតើដាក់របៀបណា សូមមើលពីរបៀបដាក់ខាងក្រោមនេះ៖

- ចូលទៅក្នុងគណនី Blogger របស់អ្នកតាម www.blogger.com
- បម្រុងទុក Template របស់លោកអ្នកសិន បង្ការហេតុផ្សេងៗ
- ចូលទៅកាន់ Template >> Edit HTML >> Proceed (សូមមើលរូបខាងក្រោម)

- អ្នកត្រូវប្រាកដថាអ្នកបានចុចធីកលើ expand widget teplate
- ស្វែងរកពាក្យថា : <data:post.body/> (បើសិនជាចង់លឿនសូមចុច : F3 ឬ Ctrl+F រួចវាយពាក្យ <data:post.body/> ក្នុងប្រអប់ស្វែងរក
- បិទភ្ជាប់កូដ Facebook Like និង Send Button ដាក់ខាងក្រោមពាក្យ <data:post.body/> (សូមមើលរូបខាងក្រោម)

- រួចចុច Save your template ជាការស្រេច
- ចូលទៅកាន់អត្ថបទណាមួយ អ្នកនឹងបានឃើញប៊ូតុង Like និង Send ឋិតនៅក្រោមអត្ថបទ៕

កូដ Facebook Like និង Send Button ខាងក្រោមអត្ថបទ

ចែករំលែកអត្ថបទនេះទៅកាន់ទីកន្លែងផ្សេង :

Thursday, January 17, 2013

ធ្វើអោយអក្សរចំណងជើងនិងតំណដូរពណ៌ឥន្ទធនូពេលយកព្រួញកណ្ដុរដាក់ពីលើ

6:48 AM
0 comments

នេះគ្រាន់តែជាគំរូ កូដពិតមានចលនារស់រវើក

អ្នកប្រើប្រាស់ Blogspot មានភ័ព្វសំណាងអាចដាក់បញ្ចូលកូដផ្សេងៗដើម្បីបង្កើនប្រសិទ្ធភាព ប្លករបស់លោកអ្នក វាផ្ទុយពីអ្នកប្រើ wordpress.com ដែលគ្មានសិទ្ធបញ្ចូលកូដបានទេ។ ដូចនេះខ្ញុំសូមនាំយក Effiect មួយដែលធ្វើអោយ ចំណងជើងអត្ថបទ និង តំណភ្ជាប់ផ្សេងៗនៅក្នុងប្លកលោកអ្នកដូរពណ៌ឆ្លាស់គ្នា 7 ពណ៌ ដែលមើលទៅគូរអោយចាប់អារម្មណ៍ ខុសពីធម្មតា។ សូមមើលពីវិធីដាក់កូដ (Code) ដូចខាងក្រោមនេះ៖

- កត់ហេតុចូល (Log In) គណនី Blogspot របស់អ្នកដោយចូលតាម www.blogger.com
- មុននឹងបញ្ចូលកូដអ្នកត្រូវ "បម្រុងទុល"(Backup) ពុម្ព(Template) របស់ប្លកលោកអ្នកជាមុនសិន
- ចូលទៅកាន់ Template >> Edit HTML >> Proceed (សូមមើលរូបខាងក្រោម)

Template >> Edit HTML >> Proceed

- ស្វែងរក code ថា : </head> (បើសិនជាចង់លឿនសូមចុច : F3 ឬ Ctrl+F រួចវាយពាក្យ </head> ក្នុងប្រអប់ស្វែងរក)

<script type='text/javascript'>//<![CDATA[ var rate = 20; if (document.getElementById) window.onerror=new Function("return true") var objActive;  // The object which event occured in var act = 0;    // Flag during the action var elmH = 0;   // Hue var elmS = 128; // Saturation var elmV = 255; // Value var clrOrg;     // A color before the change var TimerID;    // Timer ID if (document.all) { document.onmouseover = doRainbowAnchor; document.onmouseout = stopRainbowAnchor; } else if (document.getElementById) { document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT); document.onmouseover = Mozilla_doRainbowAnchor; document.onmouseout = Mozilla_stopRainbowAnchor; } function doRainbow(obj) { if (act == 0) { act = 1; if (obj) objActive = obj; else objActive = event.srcElement; clrOrg = objActive.style.color; TimerID = setInterval("ChangeColor()",100); } } function stopRainbow() { if (act) { objActive.style.color = clrOrg; clearInterval(TimerID); act = 0; } } function doRainbowAnchor() { if (act == 0) { var obj = event.srcElement; while (obj.tagName != 'A' && obj.tagName != 'BODY') { obj = obj.parentElement; if (obj.tagName == 'A' || obj.tagName == 'BODY') break; } if (obj.tagName == 'A' && obj.href != '') { objActive = obj; act = 1; clrOrg = objActive.style.color; TimerID = setInterval("ChangeColor()",100); } } } function stopRainbowAnchor() { if (act) { if (objActive.tagName == 'A') { objActive.style.color = clrOrg; clearInterval(TimerID); act = 0; } } } function Mozilla_doRainbowAnchor(e) { if (act == 0) { obj = e.target; while (obj.nodeName != 'A' && obj.nodeName != 'BODY') { obj = obj.parentNode; if (obj.nodeName == 'A' || obj.nodeName == 'BODY') break; } if (obj.nodeName == 'A' && obj.href != '') { objActive = obj; act = 1; clrOrg = obj.style.color; TimerID = setInterval("ChangeColor()",100); } } } function Mozilla_stopRainbowAnchor(e) { if (act) { if (objActive.nodeName == 'A') { objActive.style.color = clrOrg; clearInterval(TimerID); act = 0; } } } function ChangeColor() { objActive.style.color = makeColor(); } function makeColor() { // Don't you think Color Gamut to look like Rainbow? // HSVtoRGB if (elmS == 0) { elmR = elmV;    elmG = elmV;    elmB = elmV; } else { t1 = elmV; t2 = (255 - elmS) * elmV / 255; t3 = elmH % 60; t3 = (t1 - t2) * t3 / 60; if (elmH < 60) { elmR = t1;  elmB = t2;  elmG = t2 + t3; } else if (elmH < 120) { elmG = t1;  elmB = t2;  elmR = t1 - t3; } else if (elmH < 180) { elmG = t1;  elmR = t2;  elmB = t2 + t3; } else if (elmH < 240) { elmB = t1;  elmR = t2;  elmG = t1 - t3; } else if (elmH < 300) { elmB = t1;  elmG = t2;  elmR = t2 + t3; } else if (elmH < 360) { elmR = t1;  elmG = t2;  elmB = t1 - t3; } else { elmR = 0;   elmG = 0;   elmB = 0; } } elmR = Math.floor(elmR).toString(16); elmG = Math.floor(elmG).toString(16); elmB = Math.floor(elmB).toString(16); if (elmR.length == 1)    elmR = "0" + elmR; if (elmG.length == 1)    elmG = "0" + elmG; if (elmB.length == 1)    elmB = "0" + elmB; elmH = elmH + rate; if (elmH >= 360) elmH = 0; return '#' + elmR + elmG + elmB; } //]]></script>

- ចម្លង code យកទៅ Paste ដាក់ពីខាងលើពាក្យថា ដោយទុកចន្លោះមួយបន្ទាត់ ឬមិនបាច់ក៏បាន (សូមមើលរូបខាងក្រោមនេះ)

- ចុចប៊ូតុង Save template ជាការស្រេច សាកបើកប្លកមើលថាដំណើរការយ៉ាងមេចដែរ :D៕

Saturday, January 12, 2013

បន្ថែម Awesome Jquery Rotate Effect For Blogger Images

3:42 AM
0 comments

ដាក់ Awesome Jquery Rotate Effect For Blogger Images នៅក្នុងប្លុករបស់អ្នកវាក៍ជាផ្នែកមួយដែរដែលអាចធ្វើអោយប្លុករបស់អ្នកមានភាពទាក់ទាញ ហើយកាន់តែមានភាពស្រស់ស្អាតដោយសារ Awesome Jquery Rotate Effect For Blogger Images

ឥលូវអ្នកទាំងអស់គ្នាសាកដាក់ Awesome Jquery Rotate Effect For Blogger Images ជាមួយ (អាយ១ទាញយកចម្រៀង) នៅក្នុងប្លុករបស់អ្នកសិនមើលតើវាមានភាបទាក់ទាញប៉ុនណាដែរ ៕

មើលគម្រូទុកជាមុន

1. ដំបូងអ្នកចូលទៅកាន់ Blogger account របស់អ្នក តាមរយះ www.blogger.com,
បន្ទាប់មកចូលទៅកាន់ Design (or Layout) > Page Elements
2. ហើយចុចលើ Add a Gadget Link
3. ជ្រើសយក "HTML/JavaScript"មើលរូបខាងក្រោម ៖

4. បន្ទាប់ ចម្លង (Copy) កូដខាងក្រោម បិទភ្ជាប់ (Past) នៅក្នុងប្រអប់ "HTML/JavaScript"

<script>
    $(function() {
        var tot = $(".img_c").length;
        var stat = deg = 10;
        var rotate = "";
        var frame, mozframe, webkitframe;
        $("img").each(function(index) {
            $(this).css({
                "transform": "rotate("+deg+"deg)",
                "-moz-transform": "rotate("+deg+"deg)",
                "-webkit-transform": "rotate("+deg+"deg)",
                "-o-transform": "rotate("+deg+"deg)"
            });

            rotate = "100% {" +
                "transform: rotate(360deg);" +
                "-moz-transform: rotate(360deg);" +
                "-webkit-transform: rotate(360deg);" +
                "-o-transform: rotate(360deg);" +
                "} ";

            var imgclass = parseInt(index+1);
            frame = " @keyframe anim" + imgclass + " { " +
                rotate + "}";
            mozframe = " @-moz-keyframes anim" + imgclass + " { " +
                rotate + "}";
            webkitframe = " @-webkit-keyframes anim" + imgclass + " { " +
                rotate + "}";
            $('<style> '+ frame + mozframe + webkitframe +
                ' .img'+imgclass+' { animation: anim'+imgclass+' 3s ease 0s infinite alternate;' +
                                   '-moz-animation: anim'+imgclass+' 3s ease 0s infinite alternate;' +
                                   '-webkit-animation: anim'+imgclass+' 3s ease 0s infinite alternate; }'
                +'</style>').appendTo('head');

            deg = deg + stat;
        });
    });
    </script>
    <style>
        body {
            background: #fff url('wood_pattern.png') repeat top right;
        }
        .content {
            margin: 0 auto;
            padding: 100px;
        }
        img {
            margin: 10px;
            padding: 20px;
            background: #fff;
            -moz-box-shadow: 0px 0px 3px #d3d3d3;
            -webkit-box-shadow: 0px 0px 3px #d3d3d3;
            box-shadow: 0px 0px 3px #000000;
            position: absolute;
        }
    </style>


    <br />
<div class="content">
<div class="img_c">
<img class="img1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBs07Oiv3_xOVYMBBUuN6AzWh1RJTiIqr_hN-761L5-_boE1Dr_3dWPoLi-2WBFKaiM_C60lLZkszn4irONYLT6RbQkSg-pstq_YCAe1Ujz3sDvEdk8JeXjyToaywoi8_GDw6bm3NZ58A/s1600/nature.jpg" /></div>
<div class="img_c">
<img class="img2" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBs07Oiv3_xOVYMBBUuN6AzWh1RJTiIqr_hN-761L5-_boE1Dr_3dWPoLi-2WBFKaiM_C60lLZkszn4irONYLT6RbQkSg-pstq_YCAe1Ujz3sDvEdk8JeXjyToaywoi8_GDw6bm3NZ58A/s1600/nature.jpg" /></div>
<div class="img_c">
<img class="img3" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBs07Oiv3_xOVYMBBUuN6AzWh1RJTiIqr_hN-761L5-_boE1Dr_3dWPoLi-2WBFKaiM_C60lLZkszn4irONYLT6RbQkSg-pstq_YCAe1Ujz3sDvEdk8JeXjyToaywoi8_GDw6bm3NZ58A/s1600/nature.jpg" /></div>
<div class="img_c">
<img class="img4" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBs07Oiv3_xOVYMBBUuN6AzWh1RJTiIqr_hN-761L5-_boE1Dr_3dWPoLi-2WBFKaiM_C60lLZkszn4irONYLT6RbQkSg-pstq_YCAe1Ujz3sDvEdk8JeXjyToaywoi8_GDw6bm3NZ58A/s1600/nature.jpg" /></div>
<div class="img_c">
<img class="img5" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBs07Oiv3_xOVYMBBUuN6AzWh1RJTiIqr_hN-761L5-_boE1Dr_3dWPoLi-2WBFKaiM_C60lLZkszn4irONYLT6RbQkSg-pstq_YCAe1Ujz3sDvEdk8JeXjyToaywoi8_GDw6bm3NZ58A/s1600/nature.jpg" /></div>
<div class="img_c">
<img class="img6" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBs07Oiv3_xOVYMBBUuN6AzWh1RJTiIqr_hN-761L5-_boE1Dr_3dWPoLi-2WBFKaiM_C60lLZkszn4irONYLT6RbQkSg-pstq_YCAe1Ujz3sDvEdk8JeXjyToaywoi8_GDw6bm3NZ58A/s1600/nature.jpg" /></div>
<div class="img_c">
<img class="img7" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBs07Oiv3_xOVYMBBUuN6AzWh1RJTiIqr_hN-761L5-_boE1Dr_3dWPoLi-2WBFKaiM_C60lLZkszn4irONYLT6RbQkSg-pstq_YCAe1Ujz3sDvEdk8JeXjyToaywoi8_GDw6bm3NZ58A/s1600/nature.jpg" /></div>
<div class="img_c">
<img class="img8" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBs07Oiv3_xOVYMBBUuN6AzWh1RJTiIqr_hN-761L5-_boE1Dr_3dWPoLi-2WBFKaiM_C60lLZkszn4irONYLT6RbQkSg-pstq_YCAe1Ujz3sDvEdk8JeXjyToaywoi8_GDw6bm3NZ58A/s1600/nature.jpg" /></div>
<div class="img_c">
<img class="img9" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBs07Oiv3_xOVYMBBUuN6AzWh1RJTiIqr_hN-761L5-_boE1Dr_3dWPoLi-2WBFKaiM_C60lLZkszn4irONYLT6RbQkSg-pstq_YCAe1Ujz3sDvEdk8JeXjyToaywoi8_GDw6bm3NZ58A/s1600/nature.jpg" /></div>
<div class="img_c">
<img class="img10" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBs07Oiv3_xOVYMBBUuN6AzWh1RJTiIqr_hN-761L5-_boE1Dr_3dWPoLi-2WBFKaiM_C60lLZkszn4irONYLT6RbQkSg-pstq_YCAe1Ujz3sDvEdk8JeXjyToaywoi8_GDw6bm3NZ58A/s1600/nature.jpg" /></div>
</div>

ចំណាំ ៖
អ្នកត្រូវជំនួសដោយតំណភ្ជាប់រូបភាពរបស់អ្នកជាមួយអក្សរដែលមានពត៍ក្រហម ៖

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBs07Oiv3_xOVYMBBUuN6AzWh1RJTiIqr_hN-761L5-_boE1Dr_3dWPoLi-2WBFKaiM_C60lLZkszn4irONYLT6RbQkSg-pstq_YCAe1Ujz3sDvEdk8JeXjyToaywoi8_GDw6bm3NZ58A/s1600/nature.jpg

5. ហើយជាចុងក្រោយនោះអ្នក Save HTML/Javascript របស់អ្នកជាការស្រេច

សង្ឃឹមថាអ្នកនិងអាចធ្វើវាបាន។

សូមអរគុណដែលបានចូលមកទស្សនាប្លុករបស់យើងខ្ញុំ សូមអ្នកមេត្តាជួយចុច Like ដើម្បើជួយគាំទ្រ និង ផ្តល់ជាកម្លាំងចិត្តដល់យើងខ្ញុំ សូមអរគុណ ។

ហើយសូមអ្នកចូលរួមជាមួយយើងខ្ញុំ និង ជួយបញ្ចេញមតិយោបល់នៅក្នុងក្រុម Facebook របស់យើងខ្ញុំ

ចុចលើរូបខាងក្រោមដើម្បើចូលទៅក្រុមរបស់យើងខ្ញុំនៅក្នុង Facebook

សូមអរគុណចំពោះការគាំទ្រប្លុករបស់យើងខ្ញុំ ៕

Power BY : wWw.i1dlsongs.blogspot.com

If You think it good please like

...... Facebook i1dlsong

របៀបដាក់ Recommended Post Slide out Widget នៅក្នុងប្លុក

2:28 AM
0 comments

ថ្ងៃនេះខ្ញុំសូមបង្ហាញអ្នកពីរបៀបដាក់ Recommended Post Slide out Widget នៅក្នុងប្លុក ហើយវាក៍អាចធ្វើអៅយប្លុករបស់យើងមានភាពទាក់ទាញមួយកម្រិតទៀតដែរ ។

រូបខាងក្រោម នេះជា Recommended Post Slide out Widget

របៀបចូលទៅដើម្បើដាក់ Recommended Post Slide out Widget នៅក្នុងប្លុក

1. ដំបូងអ្នកចូលទៅកាន់ Blogger account របស់អ្នក តាមរយះ www.blogger.com,
បន្ទាប់មកចូលទៅកាន់ Design (or Layout) > Page Elements
2. ហើយចុចលើ Add a Gadget Link
3. ជ្រើសយក "HTML/JavaScript"មើលរូបខាងក្រោម ៖

<div id="hlslidein" style="display:none;"><div class="help">?</div><div class="expand">+</div><div class="close">X</div><p>Recommended for you</p><div id="hlslidein_image"></div><div  id="hlslidein_title">Loading..</div></div><script> if(document.location.href.split("/").length==6&&document.location.href.indexOf(".html")!=-1){if(typeof hl_onload_queue=='undefined')var hl_onload_queue=[];if(typeof hl_dom_loaded=='boolean')hl_dom_loaded=false;else var hl_dom_loaded=false;if(typeof hl_async_loader!='function'){function hl_async_loader(src,callback,id){var script=document.createElement('script');script.type="text/javascript";script.async=true;script.src=src;script.id=id;var previous_script=document.getElementById(id);if(previous_script)if(previous_script.readyState=="loaded"||previous_script.readyState=="complete"){callback();return}else{script=previous_script}if(script.onload!=null)previous_callback=script.onload;script.onload=script.onreadystatechange=function(){var newcallback;if(previous_script&&previous_callback)newcallback=function(){previous_callback();callback()};else newcallback=callback;if(hl_dom_loaded){newcallback()}else hl_onload_queue.push(newcallback);script.onload=null;script.onreadystatechange=null};var head=document.getElementsByTagName('head')[0];if(!previous_script)head.appendChild(script)}}if(typeof hl_domLoaded!='function')function hl_domLoaded(callback){hl_dom_loaded=true;var len=hl_onload_queue.length;for(var i=0;i<len;i++){hl_onload_queue[i]()}}hl_domLoaded();hl_async_loader("http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js",function(){hl_async_loader("http://helplogger.googlecode.com/svn/trunk/Recommended Post Slide Out For Blogger Blogspot.js",function(){},"hl-out-slide")},"jQueryjs")} </script> <a href="http://helplogger.blogspot.ro/2012/06/recommended-post-slide-out-widget-for.html" target="_blank"></a>

5. ហើយ Save The Widget.
6. ចូលទៅ Template > Edit HTML > Check លើប្រអប់ "Expand Widget Template"
7. ស្វែងរក (CTRL + F) កូដខាងក្រោម ៖

<div class='post-footer-line post-footer-line-1'>

ឫ

<p class='post-footer-line post-footer-line-1'

ឫ

<data:post.body/>

ហើយចម្លងកូដខាងក្រោមនេះ បិទភ្ជាប់ដាក់ខាងក្រោម កូដខាងលើមួយបន្ទាត់ ៖

8. ចុងបញ្ចប់អ្នក Save your template របស់អ្នក ។
ឥលូវនេះអ្នកអាចឃើញ Recommended Post Slide out Widget នៅក្នុងប្លុករបស់អ្នកហើយ

សង្ឃឹមថាអ្នកនិងអាចធ្វើវាបាន។

ចុចលើរូបខាងក្រោមដើម្បើចូលទៅក្រុមរបស់យើងខ្ញុំនៅក្នុង Facebook

សូមអរគុណចំពោះការគាំទ្រប្លុករបស់យើងខ្ញុំ ៕

Power BY : wWw.i1dlsongs.blogspot.com

If You think it good please like

...... Facebook i1dlsong

របៀបដាក់ Recommended Post Slide out Widget នៅក្នុងប្លុក

2:28 AM
0 comments

5. ហើយ Save The Widget.
6. ចូលទៅ Template > Edit HTML > Check លើប្រអប់ "Expand Widget Template"
7. ស្វែងរក (CTRL + F) កូដខាងក្រោម ៖

<div class='post-footer-line post-footer-line-1'>

ឫ

<p class='post-footer-line post-footer-line-1'

ឫ

<data:post.body/>

សង្ឃឹមថាអ្នកនិងអាចធ្វើវាបាន។

ចុចលើរូបខាងក្រោមដើម្បើចូលទៅក្រុមរបស់យើងខ្ញុំនៅក្នុង Facebook

សូមអរគុណចំពោះការគាំទ្រប្លុករបស់យើងខ្ញុំ ៕

Power BY : wWw.i1dlsongs.blogspot.com

If You think it good please like

...... Facebook i1dlsong

Saturday, December 29, 2012

របៀបដាក់ Gadget អោយបង្ហាញចំណងជើងអត្ថបទទាំងអស់សម្រាប់ Blogspot

4:32 AM
0 comments

    សួស្ដី!! ខ្ញុំបានស្គាល់ Gadget មួយដែលអាចអោយបងប្អូនដែលជាអ្នកសរសេរប្លក អាចដាក់បង្ហាញចំណង់ជើងអត្ថបទទាំងអស់បាន។ វាមានលក្ខណៈពិសេសជាង Blog Archive ដូចនេះសូមស្វែងយល់ទាំងអស់គ្នាថាតើវាលក្ខណៈពិសេសត្រង់ណា៖

    Blog Archive គឺជា Gadget មួយប្រភេទដែលអ្នកអាចដាក់បង្ហាញចំណង់ជើងអត្ថបទចាស់ៗ ទៅតាមខែ ឆ្នាំ ងាយស្រួលដល់អ្នកចូលមើល គេអាចចុចមើលទៅតាមខែ តាមលំដាប់លំដោយពេលវេលា ដែលអ្នកបាន Posts ។ វាផ្ដល់លក្ខណៈពិសេសក្នុងការអោយអ្នកអាន ងាយស្រួលសើរើរកមើលអត្ថបទចាស់ បើប្លកណា ឬ គេហទំព័រណា មិនបានដាក់បង្ហាញ Blog Archive ទេ នោះអ្នកអាននឹងជួបការលំបាកក្នុងការស្វែងរកអត្ថបទចាស់ៗ។

   ខ្ញុំសូមលើកយក Code មួយ ដែលវាមានទួនាទី ស្រដៀងនឹង Blog Archive ដែរតែវាអាចដាក់បង្ហាញចំណងជើង បានច្រើននិងចំណេញកន្លែង ដោយសារតែវាមានមុខ Scroll អាចអោយយើងទាញចុះទាញឡើងបានដោយមិនហៀរហូរវែងដូច Blog Archive។ សូមពីវិធីដាក់ដូចខាងក្រោមនេះ៖
- Log ចូលគណនី Blogspot របស់អ្នកជាមុនសិន ដោយចូលតាម www.blogger.com
- ចូលទៅ Layout >> Add a Gadget នៅទីតាំងណាមួយដែរចង់ដាក់ ជាទូទៅដាក់នៅ Gadget ខាងស្តាំ។
- ស្វែងរកមើល Gadget ដែរមានឈ្មោះ HTML/JavaScript (មើលរូបខាងក្រោមនេះ)

- បន្ទាប់មក Copy Code ខាងក្រោមនេះ ដោយដូរដាក់អាសយដ្ឋាន ប្លករបស់អ្នក (សូមមើលត្រង់អក្សរពណ៌ក្រហមខាងក្រោម អ្នកត្រូវដូរជាអាស័យដ្ឋានប្លកអ្នកវិញ)

var numposts = 1000;

var showpostdate = false;

var showpostsummary = false;

var numchars = 100;

var standardstyling = true;

</script>

orderby=published&alt=json-in-script&max-results=999

&callback=showrecentposts"></script>

</div>

- រួច paste Code ខាងលើទៅដាក់ក្នុង Content របស់ Gadget HTML/JavaScript
- ត្រង់កន្លែង Title អ្នកត្រូវដាក់ចំណងជើងមួយ ឧទាហរណ៍ មើលអត្ថបទតាមលេខរៀង
-អ្នកអាចដូរប្រវែងរបស់ Gadget បានដោយដូរតម្លៃលេខត្រង់ height: 250px (សូម មើលរូបខាងក្រោម)

នោះអ្នកនឹងទទួលបានលទ្ធផលដូចខាងក្រោមនេះ

លទ្ធផល

របៀបដាក់ព្រិលតូចៗ ធ្លាក់ ចេញពី Cursor ពេលអ្នកអូស Mouse អោយមានចលនា

របៀបដាក់ Next Page នៅក្នុងប្រព័ន្ធប្លុក

ដើម្បីឲ្យលោកអ្នកយល់បានច្រើន ខ្ញុំសូមចែកដំណាក់កាលដាក់ជា 3 គឺ :

1- ការកំណត់ចំនួនអត្ថបទបង្ហាញនៅក្នុងមួយខណ្ឌៗ (ផ្ទាំងៗ)ក្នុងប្លក ៖

៙ ការកំណត់ និងការដាក់ធាតុក្រាហ្វិក numberred page navigation ៖

៙ ការសម្អាតកូដ ដែលតោងមកជាមួយធាតុក្រាហ្វិកនានា ឧទាហរណ៍ដូចជា Backlink ជាដើម ៖

របៀប Backup, Restore និងទាញយក Template ប្លក

របៀបដាក់ Auto Read More Button With Image Thumbnails For Blogger

របៀបដាក់ Auto Read More ជាមួយ Thumbnails សម្រាប់ Blogger ?

ដាក់ Readmore ស្វ័យប្រវត្តិក្នុងប្លុក

កូដសម្រាប់ដាក់តំណភ្ជាប់បង្ហាញជាម៉ឺនុយទំលាក់ Drop down menus ធ្វើជា Widget ឬដាក់ក្នុងអត្ថបទប្លក

របៀបដាក់ Facebook Like Box To Blogger Posts?

របៀបដាក់ Facebook Like Box To Blogger Posts?

ចូលទៅក្នុងគណនី Blogger របស់អ្នកតាម www.blogger.com

ដាក់ Facebook Like និង Send Button ខាងក្រោមអត្ថបទ

ដាក់ Facebook Like និង Send Button ខាងក្រោមអត្ថបទ

ធ្វើអោយអក្សរចំណងជើងនិងតំណដូរពណ៌ឥន្ទធនូពេលយកព្រួញកណ្ដុរដាក់ពីលើ

បន្ថែម Awesome Jquery Rotate Effect For Blogger Images

របៀបដាក់ Recommended Post Slide out Widget នៅក្នុងប្លុក

របៀបដាក់ Recommended Post Slide out Widget នៅក្នុងប្លុក

របៀបដាក់ Gadget អោយបង្ហាញចំណងជើងអត្ថបទទាំងអស់សម្រាប់ Blogspot

បទចម្រៀងក្តៅ

អាល់ប៊ុមចម្រៀង

ដើម្បី​ឲ្យ​លោក​អ្នក​យល់​បាន​ច្រើន ខ្ញុំ​សូម​ចែក​ដំណាក់​កាល​ដាក់​ជា 3 គឺ :

1- ការ​កំណត់​ចំនួន​អត្ថបទ​បង្ហាញ​នៅ​ក្នុង​មួយ​ខណ្ឌៗ (ផ្ទាំងៗ)​ក្នុង​ប្លក ៖

៙ ការ​កំណត់​ និង​ការ​ដាក់​ធាតុ​ក្រាហ្វិក numberred page navigation ៖

៙ ការ​សម្អាត​កូដ​​ ដែល​តោង​មក​ជាមួយ​ធាតុ​ក្រាហ្វិក​នានា ឧទាហរណ៍​ដូចជា Backlink ជា​ដើម ៖

របៀបដាក់ Auto Read More ជាមួយ Thumbnails សម្រាប់ Blogger ?

របៀបដាក់​ Facebook Like Box To Blogger Posts?

ចូល​ទៅ​ក្នុង​គណនី Blogger របស់អ្នក​តាម www.blogger.com

ដាក់ Facebook Like និង Send Button ខាង​ក្រោម​អត្ថបទ

បទចម្រៀងក្តៅ

អាល់ប៊ុមចម្រៀង

ដើម្បីឲ្យលោកអ្នកយល់បានច្រើន ខ្ញុំសូមចែកដំណាក់កាលដាក់ជា 3 គឺ :

1- ការកំណត់ចំនួនអត្ថបទបង្ហាញនៅក្នុងមួយខណ្ឌៗ (ផ្ទាំងៗ)ក្នុងប្លក ៖

៙ ការកំណត់ និងការដាក់ធាតុក្រាហ្វិក numberred page navigation ៖

៙ ការសម្អាតកូដ ដែលតោងមកជាមួយធាតុក្រាហ្វិកនានា ឧទាហរណ៍ដូចជា Backlink ជាដើម ៖

របៀបដាក់ Facebook Like Box To Blogger Posts?

ចូលទៅក្នុងគណនី Blogger របស់អ្នកតាម www.blogger.com

ដាក់ Facebook Like និង Send Button ខាងក្រោមអត្ថបទ