ការដាក់ Site Map ជាលក្ខណៈលាក់ឬបង្ហាញនេះមានពីរដំណាក់ គឺទីមួយដាក់កូដចូល template និងទីពីរដាក់កូដចូល page (ទំព័រ)។
ជំហានទី 1 : ដាក់កូដចូល template :
- កត់ត្រាចូល Log In ក្នុងគណនី Blogger របសលោកអ្នក។
- ចូលទៅកាន់ម៉ឺនុយ Template >> Edit HTML
- រកមើលស្លាក <b:skin>...</b:skin> ដោយចុចលើសញ្ញាព្រួញពណ៌ខ្មៅដែលនៅពីមុខវា
- រមូលចុះ (scroll down) ទៅដល់ ]]></b:skin>
- ចម្លងកូដខាងក្រោម យកទៅបិទភ្ជាប់កូដនោះនៅពីលើស្លាក ]]></b:skin> រួចហើយសូមចុច Save template ជាការស្រេច។ មើលរូបខាងក្រោមនេះ
កូដ Site Map សម្រាប់ដាក់ចូល Template
.judul-label{
background-color:#E5ECF9;
font-weight:bold;
line-height:1.4em;
margin-bottom:5px;
overflow:hidden;
white-space:nowrap;
vertical-align: baseline;
margin: 0 2px;
outline: none;
cursor: pointer;
text-decoration: none;
font: 14px/100% Arial, Helvetica, sans-serif;
padding: .5em 2em .55em;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 1px 1px 4px #AAAAAA;
box-shadow: 0 1px 2px rgba(0,0,0,.2);
color: #e9e9e9;
border: 2px solid white !important;
background: #6e6e6e;
background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
background: -moz-linear-gradient(top, #888, #575757);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.data-list{
line-height:1.5em;
margin-left:5px;
margin-right:5px;
padding-left:15px;
padding-right:5px;
white-space:nowrap;
text-align:left;
font-family:"Arial",sans-serif;
font-size:12px;
}
.list-ganjil{
background-color:#F6F6F6;
}
.headactive{
color: #fef4e9;
border: 2px solid white !important;
background: #1C8DFF;
background: -webkit-gradient(linear, left top, left bottom, from(#9dc2e7), to(#438cd2));
background: -moz-linear-gradient(top, #9dc2e7, #438cd2);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dc2e7', endColorstr='#438cd2');
}
background-color:#E5ECF9;
font-weight:bold;
line-height:1.4em;
margin-bottom:5px;
overflow:hidden;
white-space:nowrap;
vertical-align: baseline;
margin: 0 2px;
outline: none;
cursor: pointer;
text-decoration: none;
font: 14px/100% Arial, Helvetica, sans-serif;
padding: .5em 2em .55em;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 1px 1px 4px #AAAAAA;
box-shadow: 0 1px 2px rgba(0,0,0,.2);
color: #e9e9e9;
border: 2px solid white !important;
background: #6e6e6e;
background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
background: -moz-linear-gradient(top, #888, #575757);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.data-list{
line-height:1.5em;
margin-left:5px;
margin-right:5px;
padding-left:15px;
padding-right:5px;
white-space:nowrap;
text-align:left;
font-family:"Arial",sans-serif;
font-size:12px;
}
.list-ganjil{
background-color:#F6F6F6;
}
.headactive{
color: #fef4e9;
border: 2px solid white !important;
background: #1C8DFF;
background: -webkit-gradient(linear, left top, left bottom, from(#9dc2e7), to(#438cd2));
background: -moz-linear-gradient(top, #9dc2e7, #438cd2);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dc2e7', endColorstr='#438cd2');
}
បន្ថែម : យើងអាចកំណត់ទំហំតួអក្សរដែលបង្ហាញក្នុងបញ្ជីទៅតាមទំហំដែលយើងចង់បាន។ ឬមួយក៏លុបកូដទំហំអក្សរ (អក្សរពណ៌បៃតង) ចោលក៏បានដែរដើម្បីឲ្យវាបង្ហាញទំហំនិងប្រភេទតាមប្លករបស់យើង។
ជំហានទី 2 : ដាក់កូដចូល Page ថ្មីមួយ
- បើកយកទំព័រថ្មីមួយដោយចូលទៅកាន់ម៉ឺនុយ Page >> New page >> Blank page .
- ដោយឈរលើតាប HTML , ចម្លងកូដខាងក្រោម យកទៅបិទភ្ជាប់កូដនោះទៅក្នុងផ្នែក HTML និង ត្រូវដូរតំណទៅជារបស់ប្លកលោកអ្នក។ ត្រង់កន្លែងចំណងជើងទំព័រយើងអាចដាក់ថា Site Map ឬ មាតិកា ឬ បញ្ជីអត្ថបទ តាមតែអ្នកយល់ឃើញ។
- រួចរាល់ហើយចុច Publish ។
ឈរលើ HTML រួចបិទភ្ជាប់កូដ និងដូរតំណរបស់ប្លកលោកអ្នក |
កូដ Site Map សម្រាប់ដាក់ក្នុង Page (ទំព័រ)
<script src="http://nurulimaminfo.googlecode.com/files/daftarisiv2-pack.js">
</script>
<script src="http://www.akbalthom.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc">
</script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="http://deroc.googlecode.com/files/accordion-pack.js" type="text/javascript">
</script>
ចំណាំ ៖ កុំភ្លេចដូរតំណដាក់ជាប្លករបស់អ្នក។</script>
<script src="http://www.akbalthom.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc">
</script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="http://deroc.googlecode.com/files/accordion-pack.js" type="text/javascript">
</script>
- ចូលដល់ផ្ទាំងគ្រប់គ្រង Page វិញ លោកអ្នកអាចចាប់ទាញយកទៅដាក់នៅលំដាប់ណាដែកអ្នកចង់បានតាមចិត្ត នេះក្នុងករណីដែលលោកអ្នកបានប្រើ Page Widget ។ តែបើលោកអ្នកប្រើម៉ឺនុយ drop down ផ្សេងវិញ ចំនុចនេះសូមរំលងចោល។
បន្ថែម ៖ បើអ្នកមិនទាន់ចេះដាក់ ឬ មិនទាន់យល់មុខងារ Page ទេ សូមចុចទីនេះដើម្បីមើល ។
No comments:
Post a Comment