ជាដំបូងនេះ ខ្ញុំអាចខ្សឹបប្រាប់លោកអ្នកបានថា ការដាក់ប្រកាសថ្មីៗ ដែលនៅក្នុងភាសាអង់គ្លេសថា Recent Posts នេះជាឲ្យប្លុករបស់អ្នកមានសោភណ្ឌភាពស្រស់ស្អាត មិនទុកកន្លែងឲ្យនៅទំនេរអាក្រក់មើល និងជួយឲ្យអ្នកទស្សនា ដឹងថា យើងប្រកាសអត្ថបទណាខ្លះដែលថ្មី។
»»» មើលផងដែរនូវ ៖ របៀបដាក់ប្រកាសថ្មី (Recent Posts) មានផ្ទៃពណ៌ចម្រុះ រាងស្លឹកឈើនៅរបាចំហៀងក្នុងប្លុក។
៙ របៀបដាក់ប្រកាសថ្មី (Recent Posts) ជាកូនរូបតូចៗនៅផ្នែកចំហៀងនៃប្លុក ៖
- កត់ត្រាចូល (Log In) ក្នុងគណនី Blogger របស់លោកអ្នកជាមុនសិន។
- ចូលទៅកាន់ផ្នែក Layout >> រួចចុចលើតំណអក្សរ Add a Gadget នៅទីតាំងណាមួយ (ឧទាហរណ៍សូមមើលរូបខាងក្រោម)
-បន្ថែម ៖ ចំពោះឈ្មោះ widget ដាក់ឈ្មោះអ្វីក៏បាន តែគួរដាក់ថា "ប្រកាសថ្មីៗ ឬប្រកាសចុងក្រោយ"។
*** ចំណាំ ៖ នៅក្នុងកូដលោក អ្នកនឹងឃើញដំណ (URL) ប្លុកទីងមោង [http://www.tingmoung.com] នៅក្នុងនោះ លោកអ្នកត្រូវប្តូរទៅជាដំណរបស់ប្លុកលោកអ្នកវិញ។ ហើយនៅត្រង់កូដ var numberOfPosts = 9; លោកអ្នកអាចប្តូរទៅជាចំនួនប៉ុន្មានក៏បាន ព្រោះជាចំនួនដែលត្រូវឲ្យបង្ហាញ។
កូដប្រកាសថ្មី (Recent Posts) ជាកូនរូបតូចៗនៅផ្នែកចំហៀងនៃប្លុក
<style>
#bp_recent {
width:300px;
padding: 5px;
color: #999;
font-size: 14px;
text-align:justify;
}
#bp_recent img {
width: 70px;
height: auto;
border-top:5px groove #00a4ef !important;
border-bottom:5px groove #ffb900 !important;
border-right:5px groove #7fba00 !important;
border-left:5px groove #f25022 !important;
webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.2);
box-shadow:1px 1px 1px rgba(0,0,0,0.2);
}
#bp_recent a{
color: #fff;
font-size: 15px;
text-transformation: uppercase;
margin-bottom: 10px!important;
}
#bp_recent a:hover {
text-decoration: underline;
}
</style>
<div id='bp_recent'></div>
<script type="text/javascript" src="http://yourjavascript.com/401413211131/recentposts-orig.js"></script>
<script style='text/javascript'>
var numberOfPosts = 9;
var showPostDate = false;
var showSummary = false;
var summaryLength = 0;
var titleLength = 0;
var showCommentCount = false;
var showThumbs = true;
var showNoImage = true;
var imgDim = 55;
var imgFloat = 'left';
var myMargin = 5;
var mediaThumbsOnly = true;
var showReadMore = false;
var readMore = 'Read More';
</script>
<script src='http://www.tingmoung.com/feeds/posts/summary?max-results=10&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script>
#bp_recent {
width:300px;
padding: 5px;
color: #999;
font-size: 14px;
text-align:justify;
}
#bp_recent img {
width: 70px;
height: auto;
border-top:5px groove #00a4ef !important;
border-bottom:5px groove #ffb900 !important;
border-right:5px groove #7fba00 !important;
border-left:5px groove #f25022 !important;
webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.2);
box-shadow:1px 1px 1px rgba(0,0,0,0.2);
}
#bp_recent a{
color: #fff;
font-size: 15px;
text-transformation: uppercase;
margin-bottom: 10px!important;
}
#bp_recent a:hover {
text-decoration: underline;
}
</style>
<div id='bp_recent'></div>
<script type="text/javascript" src="http://yourjavascript.com/401413211131/recentposts-orig.js"></script>
<script style='text/javascript'>
var numberOfPosts = 9;
var showPostDate = false;
var showSummary = false;
var summaryLength = 0;
var titleLength = 0;
var showCommentCount = false;
var showThumbs = true;
var showNoImage = true;
var imgDim = 55;
var imgFloat = 'left';
var myMargin = 5;
var mediaThumbsOnly = true;
var showReadMore = false;
var readMore = 'Read More';
</script>
<script src='http://www.tingmoung.com/feeds/posts/summary?max-results=10&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script>
សូមអរគុណ ចំពោះការទស្សនា របស់លោកអ្នក និងសូមបញ្ចេញមតិរាល់ចម្ងល់ផ្សេងៗ។ :D សូមមើលលទ្ធផលដែលទីងមោងធ្វើបានខាងក្រោមនេះ
0 Response to "របៀបដាក់ប្រកាសថ្មី (Recent Posts) ជាកូនរូបតូចៗនៅផ្នែកចំហៀងនៃប្លុក"
Post a Comment