1.Theme Installation:
- បើក File Theme ដែលមានកន្ទុយ .xml ជាមួយកម្មវិធី Notepad ឬ កម្មវិធីផ្សេងៗទៀត រួចចម្លងកូដទាំងអស់នោះ
- ចូលទៅកាន់ Theme => Edit HTML ធ្វើការ Paste កូដទាំងអស់ដែលអ្នកបានចម្លងដាក់ចូលទៅក្នុងផ្ទាំង Edit HTML
- បំពេញ License Key រួចចុច Save ដើម្បីដំណើរការ Blog
2.Theme Options - Variable:
- theme.license : Theme License Key
- theme.grid.column : Theme Grid Column { 4 | "" }
- max.results : ចំនួន Posts ដែលត្រូវបង្ហាញនៅពេលចុចលើ ( Show More, Pagination, Breadcrumb, Label Widget )
- open.graph.image : តំណភ្ជាប់រូបភាពនៅពេលដែលអ្នក Share Link Blog Homepage របស់អ្នកទៅកាន់ Social Media ដូចជា៖ Facebook, Twitter...
3.Player Options - Variable:
- video.player.container : ឈ្មោះ ID នៃ Video Player
- video.playlist.reload : Video Playlist Reload { true | "" }
- jwplayer.custom.icon : JW Player Custom Icon { true | "" }
- jwplayer.logo : តំណភ្ជាប់ JW Player Logo
- number.of.bns.video.library : ចំនួន Bunny Stream Video Library
- bns.api.key.x : Bunny Stream API Key
- bns.library.id.x : Bunny Stream Library ID
- bns.pull.zone.url.x : Bunny Stream Pull Zone URL
- show.video.ad : បង្ហាញវីដេអូពាណិជ្ជកម្ម { true | "" }
- number.of.video.ad : ចំនួនវីដេអូពាណិជ្ជកម្ម
- video.ad.countdown : ចំនួនវិនាទីរាប់ថយក្រោយដើម្បីបង្ហាញប៊ូតុង Skip
- video.ad.url.x : តំណភ្ជាប់វីដេអូពាណិជ្ជកម្ម
- click.ad.url.x : តំណភ្ជាប់ចុចលើវីដេអូពាណិជ្ជកម្ម
4.Translations - Variable:
- search : Search
- show.more : Show More
- home : Home
- error : Error
- no.results : No results found
- related.posts.widget.title : You may like these posts
- error.404.h3 : 404
- error.404.h4 : There's nothing here!
- error.404.p : Sorry, the page you were looking for in this blog does not exist.
- video.loading.message : Loading...
- seconds : s)
- skip.ad.in : Skip Ad in (
- skip : Skip
5.Video Player ( Movie ):
<div id="" data-embed=""></div>
- JW Player ( No Subtitle )
<div id="" data-video-source=""></div>
- JW Player ( With Subtitle )
<div id="" data-video-source=""></div>
<script>
const subtitles = [
{label: "Khmer", file: "km.vtt"},
{label: "English", file: "en.vtt"},
];
</script>
<div id="" data-bns-video-id=""></div>
6.Video Playlist ( Drama / Series ):
<div id=""></div>
<script>
const playlists = [
"{ok=0123456789101}",
"https://www.youtube.com/embed/XXXXXXXXXXX",
];
</script>
- JW Player ( No Subtitle )
<div id=""></div>
<script>
const playlists = [
{file: "video1.m3u8"},
{file: "video2.m3u8"},
];
</script>
- JW Player ( With Subtitle )
<div id=""></div>
<script>
const playlists = [{
file: "video1.m3u8",
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>
<div id="" data-bns-collection-id=""></div>
7.Custom Label ( Poster / Backdrop ):
- ផ្នែកខាងលើឈៀងខាងឆ្វេងមានចំនួន ២ Labels
data-status="" : ongoing | completed | upcoming -> Ex: data-status="ongoing"
data-khmer-dub="true" : និយាយខ្មែរ
- ផ្នែកខាងក្រោមឈៀងខាងឆ្វេងមានចំនួន ១ Label
data-release="" : ឆ្នាំ -> Ex: data-release="2025"
- ផ្នែកខាងក្រោមឈៀងខាងស្ដាំមានចំនួន ២ Labels
data-episode="" : លេខភាគ -> Ex: data-episode="26"
data-runtime="" : រយៈពេលនៃវីដេអូរឿង -> Ex: data-runtime="1h 45m"
- ផ្នែកខាងលើឈៀងខាងស្ដាំមានចំនួន ១ Label
data-cc-icon="true" : Closed Caption ( CC Icon )
8.Shortcode ( Blog Page ):
<b hidden>{contactForm}</b>
<b hidden>{noSidebar}</b>
9.Change Theme Color:
- ចូលទៅកាន់ Theme --> Customize --> Advanced --> Theme Colors ជ្រើសរើសពណ៌ដែលអ្នកពេញចិត្ត ឬ ចុច Add custom color ( + ) បញ្ចូល Code ពណ៌ Hex Color Code រួចចុច Save ជាការស្រេច៕