របៀបដាក់លេខទំព័រ (Page Number Navigation) សម្រាប់ Blogger
៙ របៀបដាក់ Page Number Navigation ក្នុង Blogger ៖
- កត់ត្រាចូល (Log In) ក្នុងគណនី Blogger របស់លោកអ្នកជាមុនសិន។
- ចូលទៅកាន់ផ្នែក Layout >> រួចចុចលើតំណអក្សរ Add a Gadget នៅទីតាំងណាមួយ (ឧទាហរណ៍សូមមើលរូបខាងក្រោម)
- រមូរចុះ (scroll down) រកមើល Gadget ដែលមានឈ្មោះថា HTML/JavaScript រួចចុចលើវាដើម្បីបើក (មើលរូបខាងក្រោមនេះ)
- ចម្លងកូដខាងក្រោមនេះ យកទៅបិទភ្ជាប់ក្នុង HTML/JavaScript Gadget ហើយចុចប៊ូតុង Save។
* បន្ថែម ៖ ចំពោះឈ្មោះ widget មិនចាំបាច់ដាក់ទេ!។
- ពេល Save រួចហើយ សូមចាប់អូសវាមកផ្នែកខាងក្រោម Blog Posts (មើលរូបទើបងាយយល់)។
១/. ម៉ូតទី១ ៖
កូដម៉ូតទី១
<style>#blog-pager{clear:both;margin:20px
0 20px;font-size: 12px;padding:10px 0;}#blog-pager-newer-link{float:
left;}#blog-pager-older-link{float: right;}.Profile img{border:3px
solid;float:left;margin:5px 10px 5px
0;padding:2;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.profile-data{color:#999999;font:bold
20px/1.6em
Arial,Helvetica,Tahoma,sans-serif;font-variant:small-caps;margin:0;text-transform:capitalize;}.profile-datablock{margin:0.5em
0;}.profile-textblock{line-height:1.6em;margin:0.5em
0;}a.profile-link{clear:both;display:block;font:80% monospace;padding:10px
0;text-align:center;text-transform:capitalize;}h2.date-header,
.PageList h2{display:none;}#blog-pager-older-link
a,#blog-pager-newer-link a,a.home-link,.showpageNum
a,.showpage a{background:
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaz3LaQn9zw1WZn8E0E2RuYLpL8EGBMUIMb-K-m8XPEiqRKZVkT5gtmLldWV2AleXhqrmShfx1aoso2dkOifRhaUAo08mIf1dxwu-CSWn8wz7JazQu_J1phMqkOarIq6zXvK2CQksED7o/w1-h26-no/ABT+nav1.jpg)
repeat-x;border:1px solid #ae4402;color:#fff;margin:2px;padding:6px
10px 5px;text-decoration:none;text-shadow: 1px 0 1px
#000;}#blog-pager-older-link a:hover,#blog-pager-newer-link
a:hover,a.home-link:hover,.showpageOf,.showpagePoint,.showpageNum
a:hover,.showpage a:hover{background:
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdTOdoRWZZPw0ItAdds1JmRZF9xmrFBWatIabrGDMWocHVJBg58Vagpbn6p7Tt9Lhf7C8EVp6qTvbIcnuWNHkaQiscgMnpVorezn8pj4ucrT7xhim54Cav9s_hNCh6thQGEy6Z9ILmZ4k/w1-h26-no/ABT+nav2.jpg)
repeat-x;border:1px solid #000000;color:#fff;margin:2px;padding:6px
10px 5px;text-shadow: 1px 0 1px #000;}</style><script
type='text/javascript'>var postperpage=7;var numshowpage=6;var
upPageWord="Prev.";var downPageWord="Next";var
urlactivepage=location.href;var home_page="/"</script><script
src='https://allbloggertips.googlecode.com/svn/ABT-Page-Navigation.js'
type='text/javascript'></script>
២/. ម៉ូតទី២ ៖
កូដម៉ូតទី២
<style>#blog-pager{clear:both;margin:20px 0 20px;font-size:
12px;padding:10px 0;}#blog-pager-newer-link{float:
left;}#blog-pager-older-link{float: right;}.Profile img{border:3px
solid;float:left;margin:5px 10px 5px
0;padding:2;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.profile-data{color:#999999;font:bold
20px/1.6em Arial,Helvetica,Tahoma,sans-serif;font-variant:small-caps;margin:0;text-transform:capitalize;}.profile-datablock{margin:0.5em
0;}.profile-textblock{line-height:1.6em;margin:0.5em
0;}a.profile-link{clear:both;display:block;font:80%
monospace;padding:10px
0;text-align:center;text-transform:capitalize;}h2.date-header, .PageList
h2{display:none;}#blog-pager-older-link a,#blog-pager-newer-link
a,a.home-link,.showpageNum a,.showpage a{background:
url(https://lh6.googleusercontent.com/-zvDQ4P4UvtA/UaxWjMa_yNI/AAAAAAAAADI/Sq_08RjZWAE/w1-h26-no/ABT+nav3.jpg)
repeat-x;border:1px solid #ae4402;color:#fff;margin:2px;padding:6px
10px 5px;text-decoration:none;text-shadow: 1px 0 1px
#000;}#blog-pager-older-link a:hover,#blog-pager-newer-link
a:hover,a.home-link:hover,.showpageOf,.showpagePoint,.showpageNum
a:hover,.showpage a:hover{background:
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdTOdoRWZZPw0ItAdds1JmRZF9xmrFBWatIabrGDMWocHVJBg58Vagpbn6p7Tt9Lhf7C8EVp6qTvbIcnuWNHkaQiscgMnpVorezn8pj4ucrT7xhim54Cav9s_hNCh6thQGEy6Z9ILmZ4k/w1-h26-no/ABT+nav2.jpg)
repeat-x;border:1px solid #000000;color:#fff;margin:2px;padding:6px
10px 5px;text-shadow: 1px 0 1px #000;}</style><script
type='text/javascript'>var
postperpage=7;var numshowpage=6;var upPageWord="Prev.";var
downPageWord="Next";var urlactivepage=location.href;var
home_page="/"</script><script
src='https://allbloggertips.googlecode.com/svn/ABT-Page-Navigation.js'
type='text/javascript'></script>
៣/. ម៉ូតទី៣ ៖
កូដម៉ូតទី៣
<style>#blog-pager{clear:both;margin:20px 0 20px;font-size:
12px;padding:10px 0;}#blog-pager-newer-link{float:
left;}#blog-pager-older-link{float: right;}.Profile img{border:3px
solid;float:left;margin:5px 10px 5px
0;padding:2;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.profile-data{color:#999999;font:bold
20px/1.6em
Arial,Helvetica,Tahoma,sans-serif;font-variant:small-caps;margin:0;text-transform:capitalize;}.profile-datablock{margin:0.5em
0;}.profile-textblock{line-height:1.6em;margin:0.5em
0;}a.profile-link{clear:both;display:block;font:80%
monospace;padding:10px
0;text-align:center;text-transform:capitalize;}h2.date-header, .PageList
h2{display:none;}#blog-pager-older-link a,#blog-pager-newer-link
a,a.home-link,.showpageNum a,.showpage a{background:
url(https://lh3.googleusercontent.com/-w9ZA6PoJmXI/UaxcShxGABI/AAAAAAAAAD4/Cm_b0ycvJbg/w1-h26-no/ABT+nav4.jpg)
repeat-x;border:1px solid #ae4402;color:#fff;margin:2px;padding:6px
10px 5px;text-decoration:none;text-shadow: 1px 0 1px
#000;}#blog-pager-older-link a:hover,#blog-pager-newer-link
a:hover,a.home-link:hover,.showpageOf,.showpagePoint,.showpageNum
a:hover,.showpage a:hover{background:
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdTOdoRWZZPw0ItAdds1JmRZF9xmrFBWatIabrGDMWocHVJBg58Vagpbn6p7Tt9Lhf7C8EVp6qTvbIcnuWNHkaQiscgMnpVorezn8pj4ucrT7xhim54Cav9s_hNCh6thQGEy6Z9ILmZ4k/w1-h26-no/ABT+nav2.jpg)
repeat-x;border:1px solid #000000;color:#fff;margin:2px;padding:6px
10px 5px;text-shadow: 1px 0 1px #000;}</style><script
type='text/javascript'>var postperpage=7;var numshowpage=6;var
upPageWord="Prev.";var downPageWord="Next";var
urlactivepage=location.href;var home_page="/"</script><script
src='https://allbloggertips.googlecode.com/svn/ABT-Page-Navigation.js'
type='text/javascript'></script>
*** សម្រាប់ខ្ញុំបាទ! គឺជោគជ័យហើយក្នុងការដាក់ តើលោកអ្នកបានជោគជ័យហើយ ឬនៅ? :D




0 comments:
Post a Comment