សួស្តី! បាទ!និយាយដល់ការដាក់បញ្ជីអត្ថបទទាំងអស់ ដែលនៅក្នុងភាសាអង់គ្លេសថា Sitemap នេះមានសារៈសំខាន់ណាស់សម្រាប់យើង។ ហើយបើយើងប្រៀបធៀបទៅជា
មួយនឹងសៀវភៅវិញវាប្រៀបបាននឹងមាតិកាអត្ថបទអញ្ចឹង គឺធ្វើឲ្យអ្នកអានដឹងថានៅ
ក្នុងសៀវភៅនោះមានអ្វីខ្លះ? តែដោយឡែកការដាក់បញ្ជីអត្ថបទ Sitemap សម្រាប់ប្លក
ក៏មិនខុសគ្នាពីលក្ខណៈនោះដែរ គឺយើងធ្វើឲ្យអ្នកទស្សនាមានភាពងាយស្រួលចូលមើក ដែលវាបង្ហាញតែជាលក្ខណៈចំណងជើងប៉ុណ្ណោះ។
៙ សូមចូលទៅបង្កើតបញ្ជីអត្ថបទជាមួយខ្ញុំដូចតទៅ ៖ ជាដំបូងអ្នកត្រូវបង្កើត
៙ សូមចូលទៅបង្កើតបញ្ជីអត្ថបទជាមួយខ្ញុំដូចតទៅ ៖ ជាដំបូងអ្នកត្រូវបង្កើត
Blank Page ថ្មីមួយដើម្បីដាក់កូដ ដោយត្រូវចូលទៅកាន់ គណណីប្លកកររបស់អ្នក
>> Page >> New Page >> Blank Page (រូប)
- ឈរលើតាប HTML។
- ចម្លងកូដខាងក្រោមទៅដាក់ក្នុងតាប HTML នោះ។ (ដូចរូបខាងក្រោម)
*** ចំណាំ ៖ លោអ្នកត្រូវកែដំណភ្ជាប់នៅត្រង់កន្លែង itoutschool.blogspot.com
- ឈរលើតាប HTML។
- ចម្លងកូដខាងក្រោមទៅដាក់ក្នុងតាប HTML នោះ។ (ដូចរូបខាងក្រោម)
*** ចំណាំ ៖ លោអ្នកត្រូវកែដំណភ្ជាប់នៅត្រង់កន្លែង itoutschool.blogspot.com
ទៅជាអាស័យដ្ឋានប្លករបស់លោកអ្នក។ ហើយចំពោះ Title អ្នកអាចដាក់ថា ៖
បញ្ជីអត្ថបទ ឬមាតិកា... (អីក៏បានដែរ) :D
- បន្ទាប់ពីធ្វើរួចរាល់ ហើយសូមចុចឆ្នុច Publish ។
- ដើម្បីឲ្យប្រាកដកាន់តែច្បាស់នោះសូមចុចឆ្នុច ដែលមាននៅខាងស្តាំ Show pages as
កូដដែលត្រូវយកទៅដាក់ក្នុងតាម HTML
<style>
#toc{
width:99%;
margin:5px auto;
border:1px solid #2D96DF;
-webkit-box-shadow:4px 4px 8px 2px rgbaundefined0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgbaundefined0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgbaundefined0,0,0, 0.2);
}
.labl{
color:#FF5F00;
font-weight:bold;
margin:0 -5px;
padding:1px 0 2px 11px;
background:-moz-linear-gradientundefinedright,#C2EAFE 0%,#055A85 40%);
background:-webkit-gradientundefinedlinear,left 10,right 80,color-stopundefined0.20,#055A85),color-stopundefined1,#C2EAFE));
border:1px solid #2D96DF;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;
}
.labl a{
color:#009999;
}
.labl:first-letter{t
ext-transform:uppercase;
}
.new{
color:#FF5F00;
font-weight:bold;
font-style:italic;
}
.postname{
font-weight:normal;
background:-moz-linear-gradientundefinedright,#C2EAFE 0%,#fff 40%);
background:-webkit-gradientundefinedlinear,left 80,right 10,color-stopundefined0.60,#fff),color-stopundefined1,#C2EAFE));
}
.postname li{
border-bottom: #ddd 1px dotted;
margin-right:5px
}
#sidebar-wrapper, #midsidebar-wrapper, .gapad2, .blog-pager, .post-header-line-1, .post-footer , #rsidebar-wrapper ,.rolapa,.post h2{ display:none !important;} #main-wrapper { width:98%!important;} .post { width:98%!important; }
</style>
<div id="toc">
<script src="http://bloggerprofessionals.googlecode.com/files/MyTOC.js" type="text/javascript"></script>
<script src="http://www.itoutschool.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>
</div></p>
<div style='clear: both;'></div>
</div>
<div class='rolapa'></div>
#toc{
width:99%;
margin:5px auto;
border:1px solid #2D96DF;
-webkit-box-shadow:4px 4px 8px 2px rgbaundefined0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgbaundefined0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgbaundefined0,0,0, 0.2);
}
.labl{
color:#FF5F00;
font-weight:bold;
margin:0 -5px;
padding:1px 0 2px 11px;
background:-moz-linear-gradientundefinedright,#C2EAFE 0%,#055A85 40%);
background:-webkit-gradientundefinedlinear,left 10,right 80,color-stopundefined0.20,#055A85),color-stopundefined1,#C2EAFE));
border:1px solid #2D96DF;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;
}
.labl a{
color:#009999;
}
.labl:first-letter{t
ext-transform:uppercase;
}
.new{
color:#FF5F00;
font-weight:bold;
font-style:italic;
}
.postname{
font-weight:normal;
background:-moz-linear-gradientundefinedright,#C2EAFE 0%,#fff 40%);
background:-webkit-gradientundefinedlinear,left 80,right 10,color-stopundefined0.60,#fff),color-stopundefined1,#C2EAFE));
}
.postname li{
border-bottom: #ddd 1px dotted;
margin-right:5px
}
#sidebar-wrapper, #midsidebar-wrapper, .gapad2, .blog-pager, .post-header-line-1, .post-footer , #rsidebar-wrapper ,.rolapa,.post h2{ display:none !important;} #main-wrapper { width:98%!important;} .post { width:98%!important; }
</style>
<div id="toc">
<script src="http://bloggerprofessionals.googlecode.com/files/MyTOC.js" type="text/javascript"></script>
<script src="http://www.itoutschool.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>
</div></p>
<div style='clear: both;'></div>
</div>
<div class='rolapa'></div>
- បន្ទាប់ពីធ្វើរួចរាល់ ហើយសូមចុចឆ្នុច Publish ។
- ដើម្បីឲ្យប្រាកដកាន់តែច្បាស់នោះសូមចុចឆ្នុច ដែលមាននៅខាងស្តាំ Show pages as
នោះ ជ្រើសយកពាក្យថា Top tabs ដូចរូបខាងក្រោម ហើយចុច Save arrangement