កូដ Sitemap សម្រាប់ Blogger បែប​តារាង​សាមញ្ញ​ ដែល​អាច​កំណត់​ប្រវែង​បាន

ជាទូទៅ គេហទំព័រ ​ឬ​ Blogger តែងតែ​មាន​ម៉ឺនុយ​រង​ដែល​ដាក់​បង្ហាញ​អំពី Home, Contact, About, ហើយ​មាន​រហូត​ដល់ Privacy Policy, Terms of Service, Advertisement ... តែ​អ្វី​ដែល​សំខាន់​សម្រាប់​គេហទំព័រ ឬ​ Blogger ដែល​មាន​អត្ថបទ post ច្រើន ដើម្បី​ឲ្យ​ងាយស្រួល​ដល់​អ្នក​អាច​អាច​ចុច​មើល​អត្ថបទ​នោះ​គឺ Sitemap ដែល​វា​ស្មើ​នឹង​ បញ្ជី​មាតិកា​របស់​សៀវភៅ​ដូច្នេះ​ដែរ ។

ដូច្នេះ​សម្រាប់​ម្ចាស់​ Blogger ដែល​ចង់​ឲ្យ​អ្នក​អាន​អាច​មើល​ចំណងជើង​ post ចាស់ៗ​បាន​ងាយស្រួល គួរ​តែ​ដាក់ Sitemap នេះ​ ដែល​វា​ជា​កូដ​បន្ថែម​ពី​ខាង​ក្រៅ​ ព្រោះ Blogger មាន widget នេះ​ឲ្យ​យើង​ប្រើ​នោះ​ទេ ។

៙ របៀប​ដាក់ ៖

១- ចូល​ទៅ​ក្នុង​​ Blogger របស់​លោក​អ្នក​ជា​មុន​សិន
២- ចូល​ទៅ​កាន់​ផ្នែក Page >>> New page ដើម្បី​បង្កើត ​page ថ្មី​មួយ
៣- ចុច​លើ​តាប HMTL បិទភ្ជាប់​កូដ Sitemap ​ខាង​ក្រោម​នេះ ៖

កូដ

<style scoped="" type="text/css">
#bp_toc {background:#008CDB;color:#666;margin:0 auto;padding:5px;}
span.toc-note {padding:20px;margin:0 auto;display:block;text-align:center;color:#FAFAFA;font-family:'Trebuchet MS';font-weight:700;text-transform:uppercase;font-size:30px;line-height:normal;}
.toc-header-col1 {padding:10px;background-color:#f5f5f5;width:250px;}
.toc-header-col2 {padding:10px;background-color:#f5f5f5;width:75px;}
.toc-header-col3 {padding:10px;background-color:#f5f5f5;width:125px;}
.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {font-size:16px;
text-decoration:none;color:#aaa;font-family:'Trebuchet MS';font-weight:700;letter-spacing: 0.5px;}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
text-decoration:none;}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {background:#fdfdfd;padding:5px;padding-left:5px;font-size:89%}
.toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a{color:#666;font-size:16px;}
.toc-entry-col1 a:hover, .toc-entry-col2 a:hover, .toc-entry-col3 a:hover{color:#e76e66;}
#bp_toc table {width:100%;margin:0 auto;counter-reset:rowNumber;}
.toc-entry-col1 {counter-increment:rowNumber;}
#bp_toc table tr td.toc-entry-col1:first-child::before {content: counter(rowNumber);min-width:1em;margin-right:0.5em;}
td.toc-entry-col2 {background:#fafafa;}
#comments {display:none;}
</style>
<div id="bp_toc" style="max-height:1200px;overflow:scroll;overflow-x:auto;">
</div>
<script src="https://cdn.rawgit.com/BloggerSpice/Sitemap/master/sitemap.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script>

 កែប្រែ​កូដ

- លោកអ្នក​អាច​កំណត់​ប្រវែង​ត្រឹម 1200px ឬ​ឲ្យ​វែ​អស់​ដោយ​មិន​បាច់​ scroll ដោយ​កែ​កូដ​ max-height:1200px ទៅ​ជា max-height:100% ។
- background:#008CDB ជា​កូដ​សម្រាប់​ពណ៌​ផ្ទៃ​ដែល​អាច​កែប្រែ​បាន ។

បន្ថែម​ពី​នេះ ៖

យើង​អាច​ប្រើ​កូដ ​sitemap នេះ សម្រាប់ដាក់​​ឬ​បង្ហាញ​អត្ថបទ blogger របស់​អ្នក​ដទៃ​ក៏​បាន ដោយ​កែប្រែ​នៅ​ត្រង់ URL អាសយដ្ឋាន​របស់​ blogger ពី akbalthom ទៅ​អាសយដ្ឋាន​ដែល​អ្នក​ត្រូវ​ដាក់ ។

កូដ

<script src="https://cdn.rawgit.com/BloggerSpice/Sitemap/master/sitemap.js" type="text/javascript"></script> <script src="https://akbalthom.blogspot.com/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script>

ចប់​ត្រឹម​ប៉ុណ្ណេះ ជួន​គ្នា​នៅ​គន្លឹះ Blogger ​លើក​ក្រោយ​ទៀត ៕