Posts

ស្បែកប្លក់ Spring - Spring Blogger Theme

Image
ស្បែកប្លក់ Spring គឺ​ជា​ស្បែកប្លក់​ប្រភេទ​មាតិកា​ដែល​ទាក់ទង​ទៅ​នឹង​រឿងថៃ ខ្មែរ ចិន កូរ៉េ និង​រឿង​បែប​ហូលីវូដ​គ្រប់​ប្រភេទ វា​ត្រូវ​បាន​បែង​ចែក Posts នីមួយៗ​ជា​បួនជួរ​នៅ​លើ​កុំព្យូទ័រ និង​ពីរ​ជួរ​លក្ខណៈ Responsive នៅ​លើ​ទូរស័ព្ទ​ដៃ។ Theme Features 100% Responsive Design Powerful Admin Dashboard Layout Multi Level Dropdown Menu Ticker Posts by Recent or Label Featured Posts by Recent or Label Gallery Posts by Recent or Label 5+ Advertisement Slots Fixed Menu and Sidebar Video Players and Playlists Custom Labels on Thumbnail Sponsor and Telegram Widgets Dark Mode Disqus and Facebook Comment Automatic Contact Form Unlimited Color Changing Fast Loaded / SEO Optimized No Encrypted Scripts Lifetime Theme Updates Lifetime Premium Support ឈ្មោះស្បែកប្លក់ កំណែប្រែ ចេញផ្សាយ Spring ៣.៤.២ ២២.មីនា.២០២០ មើល​គម្រូ​ស្បែកប្លក់/preview/button គម្រូ​ក្បាល...

បញ្ជីចាក់​វីដេអូ OK.ru Video Playlist

Image
១.ចូល​ទៅកាន់ Theme => Edit HTML រួច​ចម្លង​កូដ​ខាងក្រោម​ដាក់​ពី​ខាងលើ </head> ២.ចម្លង​កូដ​ខាងក្រោម​ដាក់​ពី​ខាងលើ </body> បន្ទាប់​មក​ចុច Icon Save រួច​ចាកចេញ​ពី​ផ្ទាំង Edit HTML $('#ok-playlist').each(function () { let $this = $(this), zeroIndex = 0, isDotBlogSpot = false; const okUrl = (isUrl) => { isUrl = isDotBlogSpot === true ? "https://vdoview.tumblr.com/?id=" : "https://ok.ru/videoembed/"; return isUrl; } const autoPlay = (isAutoPlay) => { isAutoPlay = isDotBlogSpot !== true ? "?autoplay=1" : ""; return isAutoPlay; } const buildOkDotRu = () => { let okDotRu = ""; okDotRu += '<div class="ok-container">'; okDotRu += '<div class="ok-responsive">'; okDotRu += '<iframe id="ok-iframe" src="' + okUrl() + window.atob(okVideoID[zer...

ដាក់ Responsive HTML5 Mp4 វីដេអូ

Image
ស្វាគមន៍​សារ​ជា​ថ្មី នៅ​ក្នុង​អត្ថបទ​មុន​ខ្ញុំ​បាន​លើកយក​គន្លឹះ​ក្នុង​ការ Embed វីដេអូ​ជា​លក្ខណៈ Iframe ចំណែក​ក្នុង​អត្ថបទ​នេះ​វិញ​ខ្ញុំ​នឹង​បង្ហាញ​អ្នក​ទាំងអស់​គ្នា​ពី​របៀប​ក្នុង​ការ​ដាក់​វីដេអូ​ជា File .mp4 ម្ដង។ ១.ចូល​ទៅកាន់ Theme => Edit HTML រួច​ចម្លង​កូដ​ខាងក្រោម​ដាក់​ពី​ខាងលើ </head> <style type="text/css"> #video-player{position:relative;overflow:hidden;width:100%;height:100%;border-radius:5px} .video-container{border:4px solid #ff0000} .video-responsive{position:relative;overflow:hidden;width:100%;height:100%;padding-top:56.25%;background-color:rgb(0,0,0)} .video-responsive video{position:absolute;top:0;left:0;width:100%;height:100%} </style> ២.ចម្លង​កូដ​ខាងក្រោម​ដាក់​ពី​ខាងលើ </body> បន្ទាប់​មក​ចុច Icon Save រួច​ចាកចេញ​ពី​ផ្ទាំង Edit HTML <script type="text/javascript"> $('#video-player').each(function () { let $this = $(this), zeroIndex = 0, buildVideo = ""; buildVideo += '<...

របៀប​ដាក់​សំណួរ​សួរញឹកញាប់ - FAQs

Image
សួស្ដី!បាទ ខាន​ជួប​គ្នា​រៀងយូរ​ដែរ​ហើយ ថ្ងៃនេះ​ខ្ញុំ​សូម​លើក​យក​របៀប​ក្នុង​ការ​ដាក់​សំណួរ​សួរ​ញឹកញាប់ ដែល​ភាសា​អង់គ្លេស​ហៅថា Frequently Asked Questions (FAQs)។ FAQs នេះ​ដែរ​ជាទូទៅ​គេ​ប្រើ​សម្រាប់​ដាក់​ជា​សំណួរ​ចម្លើយ​អោយ​បាន​ដឹង​ពី​ផលិតផល​ឬ​សេវាកម្ម​ផ្សេងៗ​របស់​ពួក​គេ​ទៅ​ដល់​អ្នក​ប្រើប្រាស់។ ១.ចូល​ទៅកាន់ Theme => Edit HTML រួច​ចម្លង​កូដ​ខាងក្រោម​ដាក់​ពី​ខាងលើ </head> <style type="text/css"> #faqs{display:grid;grid-template-columns:1fr;gap:20px} .faq-item{border:1px solid rgba(155,155,155,0.19);border-radius:3px} .faq-item h3.faq-question{display:flex;justify-content:space-between;gap:15px;font-size:15px;font-weight:500;cursor:pointer;padding:15px;margin:0;transition:all .17s ease} .faq-item h3.faq-question::after{content:'+'} .faq-item.active h3.faq-question::after{content:'-'} .faq-item h3:hover,.faq-item.active h3{color:#ff0000} .faq-content{display:none;padding:15px;border-top:1px solid rgba(155,155,155,0.19)} .faq-content p.faq-answer{margin...

របៀប Embed Responsive iFrame វីដេអូ

Image
ក្នុង​អត្ថបទ​នេះ​ដែរ​ខ្ញុំ​នឹង​បង្ហាញ​អ្នក​ទាំងអស់​គ្នា​ពី​របៀប Embed Video លក្ខណៈ Responsive ដែល​វា​រីករួម​ទៅ​តាម​ប្រភេទ Devices ផ្សេងៗ​ដូចជា៖ Smart Phone, Tablet, Desktop... ជា​ដើម។ ១.ចូល​ទៅកាន់ Theme => Edit HTML រួច​ចម្លង​កូដ​ខាងក្រោម​ដាក់​ពី​ខាងលើ </head> <style type="text/css"> #iframe-player{position:relative;overflow:hidden;width:100%;height:100%;border-radius:5px} .iframe-container{border:4px solid #ff0000} .iframe-responsive{position:relative;overflow:hidden;width:100%;height:100%;padding-top:56.25%;background-color:rgb(0,0,0)} .iframe-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0} </style> ២.ចម្លង​កូដ​ខាងក្រោម​ដាក់​ពី​ខាងលើ </body> បន្ទាប់​មក​ចុច Icon Save រួច​ចាកចេញ​ពី​ផ្ទាំង Edit HTML <script type="text/javascript"> $('#iframe-player').each(function () { let $this = $(this), zeroIndex = 0, buildIframe = ""; buildIframe += '<div class=...

របៀប​ភ្ជាប់​ តំណរភ្ជាប់​ទៅ​កាន់​ទីតាំង​ផ្សេងៗ

Image
ត្រលប់​មក​ជួប​គ្នា​សារ​ជា​ថ្មី​ម្ដង​ទៀត​ហើយ​បាទ​! ថ្ងៃ​នេះ​ខ្ញុំ​សូម​លើក​យក​គន្លឹះ​សំខាន់​មួយ​ដែល​អ្នក​ទាំង​អស់​គ្នា​តែង​តែ​ជួប​ប្រទះ​ជា​ញឹក​ញាប់​ នោះ​គឺ​ការ​ភ្ជាប់​តំណភ្ជាប់​ប្រកាស​អត្ថបទ​ ឬ ទំព័រប្លុក​ទៅ​កាន់​មឺនុយ ឬ​ក៏​ទីតាំង​ផ្សេងៗ​ទៀត​ មាន​បង​ប្អូន​មួយ​ចំនួន​ក៏​គាត់​បាន​ដឹង​ពី​របៀប​ភ្ជាប់​ហើយ​ ប៉ុន្តែ​ប្រសិន​បើ​អ្នក​មិន​ទាន់​ដឹង​អាច​មើល​របៀប​ភ្ជាប់​ជា​មួយ​ខ្ញុំ​នៅ​ខាង​ក្រោម​ទាំង​អស់​គ្នា​។ + របៀប Link Blog Posts Label: /search/label/[yourlabel] - ឧទាហរណ៍៖ /search/label/Gaming /search/label/[yourlabel]?&max-results=[number] - ឧទាហរណ៍៖ /search/label/Sport?&max-results=9 + របៀប Link Blog Post: /[year]/[month]/[permalink].html - ឧទាហរណ៍៖ /2019/12/my-post.html + របៀប Link Blog Page: /p/[page-url].html - ឧទាហរណ៍៖ /p/contact.html