1.Theme Installation:
- បើក File Theme ដែលមានកន្ទុយ .xml ជាមួយកម្មវិធី Notepad ឬ កម្មវិធីផ្សេងៗទៀត រួចចម្លងកូដទាំងអស់នោះ
- ចូលទៅកាន់ Theme => Edit HTML ធ្វើការ Paste កូដទាំងអស់ដែលអ្នកបានចម្លងដាក់ចូលទៅក្នុងផ្ទាំង Edit HTML
- បំពេញ License Key រួចចុច Save ដើម្បីដំណើរការ Blog
2.Theme Option - Variables:
- theme.license : Theme License Key
- grid.columns : Theme Style { 4 | 6 | "" }
- custom.language : បកប្រែកន្លែងមួយចំនួនទៅជាភាសាខ្មែរ { km | "" }
- max.results : ចំនួន Posts ដែលត្រូវបង្ហាញនៅពេលចុចលើ ( Show More, Pagination, Breadcrumb, Labels Widget )
- open.graph.image : តំណភ្ជាប់រូបភាពនៅពេលដែលអ្នក Share Link Blog Homepage របស់អ្នកទៅកាន់ Social Media ដូចជា៖ Facebook, Twitter, Telegram...
- login.system : Login System { true | false }
- login.page.url : តំណភ្ជាប់ទំព័រសម្រាប់ចូលគណនី
- register.account.link : តំណភ្ជាប់សម្រាប់ទំនាក់ទំនងបង្កើតគណនី
- autoplay.slide : Slide Autoplay { true | false }
- telegram.description : Telegram Description
- telegram.link : Telegram Link
- telegram.button.text : Telegram Button Text
- alert.text : Alert Text
- related.posts.widget.title : Related Posts Title
- facebook.comment : Facebook Comment { true | false }
- disable.inspect.element : Disable Inspect Element { true | false }
3.Player Option - Variables:
- jwplayer.script : JW Player Script ( សម្រាប់ដំណើរការ JW Player )
- jwplayer.skin : JW Player Skin { 1 | "" }
- player.container : ឈ្មោះ ID នៃ Video Player
- player.url : Blogger URL ( Sting JW Player Blogger Theme )
- loader.message : Loader Message
- reload : Reload Video Playlist { true | false }
- enable.scroll.into.view : Scroll Playlist ទៅខាងលើ { true | false }
- scroll.into.view.offset.top : ចំនួនគម្លាតពីខាងលើនៃ Scroll Playlist
- show.jw.custom.logo : Logo នៅលើ JW Player ខាងលើឈៀងខាងឆ្វេង { true | false }
- logo.image : តំណភ្ជាប់ Logo
- show.qrcode : QR Code នៅលើ Player Password Locker { true | false }
- qrcode.image : តំណភ្ជាប់រូបភាព QR Code
- show.video.ad : វីដេអូពាណិជ្ជកម្ម { true | false }
- number.video.ad : ចំនួនវីដេអូពាណិជ្ជកម្ម
- countdown : ចំនួនវិនាទីរាប់ថយក្រោយដើម្បីបង្ហាញប៊ូតុង Skip
- ad.video.x : តំណភ្ជាប់វីដេអូពាណិជ្ជកម្ម
- ad.click.url.x : តំណភ្ជាប់ចុចលើវីដេអូពាណិជ្ជកម្ម
4.Video Player ( Movie ):
<div id="" data-id="x8fk3rq" data-provider="dailymotion"></div>
<div id="" data-id="4470355921458" data-provider="ok"></div>
<div id="" data-embed=""></div>
- JW Player ( No Subtitle )
<div id="" data-source="video.m3u8"></div>
- JW Player Lock Password ( No Subtitle )
<div id="" data-source-locked="XXXXXXXXXX"></div>
- JW Player ( With Subtitle )
<div id="" data-source="video.m3u8"></div>
<script>
const subtitles = [
{label: "Khmer", file: "km.vtt"},
{label: "English", file: "en.vtt"},
];
</script>
- JW Player Lock Password ( With Subtitle )
<div id="" data-source-locked="XXXXXXXXXX"></div>
<script>
const subtitles = [
{label: "Khmer", file: "km.vtt"},
{label: "English", file: "en.vtt"},
];
</script>
5.Video Playlist ( Drama ):
<div id=""></div>
<script>
const playlists = [
"{dm=x8fk3rq}",
"{ok=4470355921458}",
];
</script>
- Iframe Embed ( Sting JW Player Blogger Theme )
<div id="" data-path="" data-post-id="" data-episode=""></div>
- JW Player ( No Subtitle )
<div id=""></div>
<script>
const playlists = [
{file: "video1.mp4"},
{file: "video2.m3u8"},
];
</script>
- JW Player ( With Subtitle )
<div id=""></div>
<script>
const playlists = [{
file: "video1.mp4",
subtitles: [
{label: "Khmer", file: "km.vtt"},
{label: "English", file: "en.vtt"},
{label: "Thai", file: "th.vtt"},
]
},
{
file: "video2.m3u8",
subtitles: [
{label: "Indonesian", file: "id.vtt"},
{label: "Vietnamese", file: "vi.vtt"},
]
},
];
</script>
6.Video Playlist ( Television ):
<div id=""></div>
<script>
const playlists = [{
name: "",
source: "",
logo: ""
},
{
name: "",
source: "",
logo: ""
},
];
</script>
7.Custom Label ( Password Locker Player ):
data-price="" : តម្លៃ -> Ex: data-price="$2.50"
8.Custom Label ( Poster / Backdrop ):
- ផ្នែកខាងលើឈៀងខាងឆ្វេងមានចំនួន ២ Labels
data-file="" : dub | sub | raw | និយាយខ្មែរ -> Ex: data-file="និយាយខ្មែរ"
data-status="" : completed | ongoing | upcoming | ឆាប់ៗនេះ -> Ex: data-status="ongoing"
- ផ្នែកខាងក្រោមឈៀងខាងឆ្វេងមានចំនួន ២ Labels
data-release="" : ឆ្នាំ -> Ex: data-release="2024"
data-country="" : cambodia | china | indonesia | japan | korea | laos | myanmar | philippines | singapore | thailand | vietnam -> Ex: data-country="china"
- ផ្នែកខាងក្រោមឈៀងខាងស្ដាំមានចំនួន ២ Labels
data-episode="" : លេខភាគ -> Ex: data-episode="26"
data-runtime="" : រយៈពេលនៃវីដេអូរឿង -> Ex: data-runtime="1h 45m"
- ផ្នែកខាងលើឈៀងខាងស្ដាំមានចំនួន ២ Labels
data-quality="" : CAM | HD -> Ex: data-quality="HD"
data-type="" : Drama | Movie | Series | TV -> Ex: data-type="Drama"
9.Description Box:
<div class="description">
<div class="desc-header">
<h3 class="desc-title">Storyline:</h3>
<span class="desc-icon"></span>
</div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry, If you are going to use a passage of Lorem Ipsum you need to be sure there isn't anything embarrassing hidden in the middle of text.<br><br>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form by injected humour or randomised words which don't look even slightly believable and combined with a handful of model sentence structures.</p>
</div>
10.Shortcodes ( Blog Page ):
<div id="login-form"></div>
<div id="encryption"></div>
<b hidden>{noSidebar}</b>
<b hidden>{contactForm}{noSidebar}</b>
11.Change Theme Color:
- ចូលទៅកាន់ Theme --> Customize --> Advanced --> Theme Colors ជ្រើសរើសពណ៌ដែលអ្នកពេញចិត្តរួចចុច Icon Save ជាការស្រេច៕