Celestial Samnang
  • ទំព័រដើម
  • ពុម្ពអក្សរ
  • វិជ្ជាធ្វើម្ហូប
  • Blogger
  • ចំណេះដឹងទូទៅ
  • ទំនាក់ទំនង
  • អំពី

Home Blogger ប៊ូតុង​ដ៏​ស្រស់​ស្អាត​ចំនួន​ប្រាំ​មួយ​ សម្រាប់​ប្លុក​របស់​អ្នក​

ប៊ូតុង​ដ៏​ស្រស់​ស្អាត​ចំនួន​ប្រាំ​មួយ​ សម្រាប់​ប្លុក​របស់​អ្នក​

Celestial Samnang Wednesday, July 17, 2024 0

វិល​មក​ជួប​គ្នា​សារ​ជា​ថ្មី​ទៀត​ហើយ​ ថ្ងៃ​នេះ​ខ្ញុំ​បាទ​សូម​បង្ហាញ​អ្នក​ទាំង​អស់​គ្នា​ពី​វិធី​សាស្រ្ត​ក្នុង​ការ​ដាក់​បង្ហាញ​ប៊ូតុង​ដ៏​ស្រស់​ស្អាត​សម្រាប់​ប្លុក​ ហើយ​ប៊ូតុង​នេះ​មាន​ចំនួន​ប្រាំ​មួយ​ Styles សម្រាប់​ឲ្យ​អ្នក​ជ្រើស​រើស​​បូក​រួម​នឹង​ Icon របស់​ Font Awesome​​ ផង​ដែរ​។​

១-សូម​ចូល​ទៅ​កាន់​គណនី​ប្លុក​របស់​អ្នក​
២-ចូល​ទៅ​កាន់ Theme បន្ទាប់​មក Edit HTML
៣-ចម្លង​កូដ​ខាង​ក្រោម​ដាក់​ពី​ខាង​ក្រោម <head>
ចំណាំ​៖ ប្រ​សិន​បើ​អ្នក​មាន​កូដ Icon Font Awesome Version 5 រួច​រាល់​នៅ​ក្នុង​ស្បែក​ប្លុក​សូម​រំ​លង​ចំណុច​នេះ
កូដ
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.2/css/all.css" integrity="sha256-piqEf7Ap7CMps8krDQsSOTZgF+MU/0MPyPW2enj5I40=" crossorigin="anonymous" />
៤-ចម្លង​កូដ​ខាង​ក្រោម​ដាក់​ពី​ខាង​លើ ]]></b:skin>
កូដ
.post-body a.rst-button{display:inline-block;height:31px;background-color:#2196F3;font-size:13px;color:#ffffff;font-weight:400;line-height:31px;text-align:center;text-decoration:none;cursor:pointer;padding:0 15px;margin:5px;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)}
.rst-button:before{font-family:'Font Awesome 5 Free';font-weight:900;display:inline-block;margin:0 5px 0 0}
a.rst-button.preview{background-color:#009688}
.rst-button.preview:before{content:"\f06e"}
a.rst-button.download{background-color:#2196F3}
.rst-button.download:before{content:"\f019"}
a.rst-button.donate{background-color:#FFC107}
.rst-button.donate:before{content:"\f4c0"}
a.rst-button.cart{background-color:#8BC34A}
.rst-button.cart:before{content:"\f07a"}
a.rst-button.phone{background-color:#FF5722}
.rst-button.phone:before{content:"\f3cd"}
a.rst-button.contact{background-color:#EC407A}
.rst-button.contact:before{content:"\f0e0";font-weight:400}
.post-body a.rst-button:hover{background-color:#222222;color:#ffffff}
៥-ចម្លង​កូដ​ខាង​ក្រោម​ដាក់​ពី​ខាង​លើ </body>
កូដ
<script type='text/javascript'>
//<![CDATA[
$(".post-body a").each(function () {
    var t = $(this),
        a = t.text().trim(),
        o = a.split("/"),
        s = o[0],
        d = o[1];
    o.pop();
    a.match("rst-button") && (t.addClass("rst-button").text(s), "rst-button" != d && t.addClass(d))
});
//]]>
</script>
៦-ចុច​ពាក្យ Save Theme​។

៙  វិធី​ដាក់​បង្ហាញ​ប៊ូតុង​នៅ​ក្នុង​ Blog Post ៖

-ចូល​ទៅ​កាន់​ Post ណា​មួយ​ដែល​អ្នក​ចង់​ដាក់​ប៊ូតុង​
-នៅ​លើ​ផ្ទាំង​ Compose Mode ជ្រើស​រើស​ប៊ូតុង​ណា​មួយ​ដែល​អ្នក​ពេញ​ចិត្ត​នៅ​ខាង​ក្រោម​៖​
  • - ប៊ូតុង Live Preview:​ Live Preview/preview/rst-button
  • - ប៊ូតុង​ Download:​ Download/download/rst-button
  • - ប៊ូតុង​ Buy Now:​ Buy Now/cart/rst-button
  • - ប៊ូតុង​ Donate:​ Donate Us/donate/rst-button
  • - ប៊ូតុង​ Phone Number:​ +85501234567/phone/rst-button
  • - ប៊ូតុង​ Contact:​ Contact Us/contact/rst-button

-ធ្វើ​ការ​ Select កូដ​ប៊ូតុង​ដែល​អ្នក​បាន​ជ្រើស​រើស​ រួច​ចុច​ទៅ​លើ​ Link (សូម​មើល​រូប​)

-បំពេញ​ URL Link Address បន្ទាប់​មក​ចុច​ OK
ជា​ចុង​ក្រោយ​ចុច​ពាក្យ​ Publish ឬ Update ជា​ការ​ស្រេច​៕
Tags: Blogger
Share:
Celestial Samnang
ចូលចិត្ត​ការ​បញ្ចេញ​គំនិត ដូច្នេះ​ក៏​រចនា​ពុម្ព​អក្សរខ្មែរ (តែ​មិន​ផ្លូវការ)​ ការងារ​កាលណោះ​ជា​អ្នក​រត់​តុកតុក​ព្រោះ​មិន​ត្រូវការ​គិត​ច្រើន។ បន្ទាប់​មក​ចូល​ក្នុង​វិស័យ​ការងារ​​ UX/UI ហើយ​ក៏​បន្ត​ទៅ​ការងារ​រចនាក្រាហ្វិក motion ថតរូប​វីដេអូ កាត់​ត​​វីដេអូ ​ក្នុង​តួនាទី​ជា Digital Marketing ដូច្នេះ​ក៏​ចង់​រៀន​កូដតែ​ទៅ​មិន​ទាន់​រួច​ទេ ព្រោះ​ត្រូវ​រៀន​ផ្នែក​ក្រាហ្វិក​ឲ្យ​បាន​ច្រើន​ទៀត​ដើម្បី​ជីវភាព។ ថ្ងៃអនាគត​ចង់​​រចនា​ពុម្ព​អក្សរ​ឲ្យ​បាន​ល្អ និង​ទទួល​សេវាកម្ម​រចនា​។

Post a Comment

៙ គោលការណ៍ក្នុងការផ្តល់យោបល់ ៖
1. យោបល់ត្រូវតែសរសេរជាភាសាខ្មែរ ពាក្យបច្ចេកទេសអាច​សរសេរជាភាសាអង់គ្លេស។
2. យោបល់មិនត្រូវលើសពី 1000 តួអក្សរឡើយ។ ការបំបែកយោបល់មិនត្រូវបានអនុញ្ញាតទេ។
3. យោបល់ដែលចាត់ទុកថាជា Spam ឬមានគោលបំណងផ្សព្វផ្សាយពាណិជ្ជកម្មតែមួយមុខ នឹងត្រូវលុប។
4. ការពិភាក្សាអំពីនយោបាយមិនត្រូវបានអនុញ្ញាតនៅលើគេហទំព័រនេះទេ។
5. ការចែករំលែកតំណភ្ជាប់ដែលពាក់ព័ន្ធត្រូវបានអនុញ្ញាត។ តំណភ្ជាប់និងតម្រងពាក្យ​ខ្លះ​ត្រូវ​បាន​ហាមឃាត់។
6. យោបល់ដែលរអ៊ូរទាំអំពីប្រធានបទនៃការបង្ហោះ ឬប្រភពរបស់វានឹងត្រូវលុប។
7. ការប្រើភាសាប្រមាថក្នុងយោបល់ ឬឈ្មោះអ្នកប្រើប្រាស់នឹងបណ្តាលឱ្យមានការហាមឃាត់។
8. ការវាយប្រហារ/ការបៀតបៀនដោយផ្ទាល់ នឹងបណ្តាលឱ្យមានការហាមឃាត់ភ្លាមៗ។
9. អ្នកសម្របសម្រួលអាចកែប្រែ/លុបយោបល់ដោយមិនចាំបាច់ជូនដំណឹង។

Newer Post Older Post Home
Subscribe to: Post Comments ( Atom )
Designed by Samnang Nouv

អំពី​ទីនេះ!

សេឡេស្ទាល សំណាង

ពុម្ពអក្សរ (អាក្បាលធំ / AKbalthom) បានបិទបញ្ចប់ការលក់ និងផលិត ចាប់ពីចុងឆ្នាំ២០២៥ ដោយសារមានការលួចចម្លង និងចែកចាយដោយអនាធិបេតយ្យ។ លោកអ្នកមិនមានសិទ្ធិប្រើប្រាស់ ចែកចាយ ដាក់លក់ពុម្ពអក្សរ AKbalthom ជាដាច់ខាត! រាល់សកម្មភាពដែលល្មើសកម្មសិទ្ធិបញ្ញាអ្នកបង្កើត នឹងត្រូវបានកត់ត្រាទុក៕
Tel: 069 556 887

ប្រចាំ​សប្ដាហ៍

  • កូដ CSS Progress Bar មាន​ចលនាសម្រាប់​លើ​ជាមួយ Blogger
  • វិធី​ស្ងោរ​ពោត​ឲ្យ​មាន​រសជាតិ​ឆ្ងាញ់ និង​ពណ៌​ល្អ
  • ប៊ូតុង CSS ពណ៌​ខ្មៅ ជាមួយ Effect នៅ​ពេល​ដាក់​ម៉ៅ​ពី​លើ​នឹង​បង្ហាញ​ពន្លឺ​ជះ​ចេញ​ក្រៅ (glow) ពណ៌​ឥន្ទធនូ​មាន​ចលនា
  • របៀប​ដាក់ icon ប្លក់​របស់​លោកអ្នក​ឲ្យ​បង្ហាញ​លើ​ទូរស័ព្ទ iPhone និង Android
  • មគ្គុទ្ទេសក៍​គ្រាប់ចុច​ផ្លូវកាត់កម្មវិធី DaVinci Resolve Keyboard Shortcuts 2026
  • សម្លម្ជូរ​ព្រៃ​សាច់​ទា (ទា​១​ក្បាល)
Powered by Blogger.