សួស្ដី
ប្លក Idea for Khmer ធ្លាប់បានបង្ហាញអំពីការដាក់ random post widget ដែលហៅជាភាសាខ្មែរ
"ធាតុក្រាហ្វិកអត្ថបទចៃដន្យ"
ដែលមានតួនាទីបង្ហាញចំរុះនៃចំណងជើងរបស់អត្ថបទក្នុងប្លកលោកអ្នក
មិនថាអត្ថបទកប់ជ្រៅ យូរខែ យូរឆ្នាំ យ៉ាងណានោះទេ
ក៏យកមកបង្ហាញបានដែរ។
វាមានសារៈសំខាន់ត្រង់ថានៅពេលដែលប្លកមួយមានអត្ថបទច្រើន
ហើយអ្នកអានគេមិនដឹងថាយើងសរសេរអីខ្លះនោះទេ
តែគេអាចចូលមើលអត្ថបទនោះ ដោយសារការបង្ហាញរបស់ Widget អត្ថបទចៃដន្យ
ដែលជាអ្នកនាំផ្លូវចូលទៅកាន់អត្ថបទចាស់ៗ បានយ៉ាងមានប្រសិទ្ធភាព។
ហើយលើកនេះដែរ ខ្ញុំសូមបង្ហាញ widget អត្ថបទចៃដន្យដដែលហ្នឹង
តែខុសពីមុនបន្តិចត្រង់មានបង្ហាញជាកូនរូបភាព
អមមកជាមួយចំណងជើងទៀតផង។ បើចង់ដឹង សូមមើលពីរបៀបដាក់ Widget អត្ថបទចៃដន្យ ដែលមានកូនរូបភាពអមមកជាមួយ
ខាងក្រោមនេះ៖
៙
របៀបដាក់ធាតុក្រាហ្វិក អត្ថបទចៃដន្យ ដែលមានកូនរូបភាពអមមកជាមួយ ៖
- ចូលទៅ Layout >> ចុច Add s Gadget ។
- រមូលចុះ (scroll) រកមើល Gadget ដែលមានឈ្មោះថា
HTML/JavaScript រួចចុចពីលើវាដើម្បីបើក។
(សូមមើលរូបខាងក្រោម)
-
បិទភ្ជាប់កូដអត្ថបទចៃដន្យ ខាងក្រោម ទៅក្នុងប្រអប់ HTML/JavaScript Widget ដោយដាក់ចំណងជើង រួចចុច Save ជាការស្រេច។ (សូមមើលរូបខាងក្រោម)
-
ចូលដល់ផ្ទាំង Layout វិញ លោកអ្នកអាចចាប់ទាញ
ធាតុក្រាហ្វិកអត្ថបទចៃដន្យ យកទៅដាក់នៅទីតាំងណាដែលលោកអ្នកពេញចិត្ត។
<style type='text/css'>
#random-posts
img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:89px;height:64px;padding:3px}
#random-posts
a {color: #000000; }
#random-posts
a {font-size: 15px; }
#random-posts
a:hover{color:#cccccc; }
</style>
<ul
id='random-posts'>
<script
type='text/javaScript'>
var
rdp_numposts=7;
var
rdp_snippet_length=0;
var
rdp_info='no';
var
rdp_comment='Comments';
var
rdp_disable='Turn off comments';
var
rdp_current=[];var rdp_total_posts=0;var rdp_current=new
Array(rdp_numposts);function
totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script
type=\"text/javascript\"
src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function
getvalue(){for(var i=0;i<rdp_numposts;i++){var
found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function
get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
</script>
<script
type='text/javaScript'>
function
random_posts(json){a=location.href;y=a.indexOf('?m=0');for(var i=0;i<rdp_numposts;i++){var
entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var
rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var
rdp_get_snippet=entry.summary.$t}else{var
rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var
rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var
space=rdp_get_snippet.lastIndexOf("
");rdp_snippet=rdp_get_snippet.substring(0,space)+"…";};for(var
j=0;j<entry.link.length;j++){if('thr$total'in
entry){var rdp_commentsNum=entry.thr$total.$t+'
'+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var
rdp_posturl=entry.link[j].href;if(y!=-1){rdp_posturl=rdp_posturl+'?m=0'}var rdp_postdate=entry.published.$t;if('media$thumbnail'in
entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="http://lh3.ggpht.com/--Z8SVBQZ4X8/TdDxPVMl_sI/AAAAAAAAAAA/jhAgjCpZtRQ/no-image.png"}}};document.write('<li>');document.write('<img
alt="'+rdp_posttitle+'"
src="'+rdp_thumb+'"/>');document.write('<div><a href="'+rdp_posturl+'"
rel="nofollow"
title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div
style="clear:both"></div></li>')}};getvalue();for(var
i=0;i<rdp_numposts;i++){document.write('<script
type=\"text/javascript\"
src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};
</script>
</ul>
<div
style="text-align: right;"><a
href="http://akbalthom.blogspot.com/2013/02/add-thumbnail-rendom-post-widget-to-Blogger.html">Get
this widget</a></div>
អំពីការកំណត់កូដ
អត្ថបទចៃដន្យ ៖
- width:89px : កំណត់ទំហំ
ទទឹង កូនរូបភាព។
- height:64px : កំណត់ទំហំ
កំពស់ កូនរូបភាព។
- padding:3px : កំណត់ទំហំ
សាច់ផ្ទៃ គម្លាតពីរូបទីស៊ុមរូបភាព។ (កន្លែងនេះមិនកំណត់ក៏បាន)
- {color: #000000; } : កំណត់
ពណ៌ របស់អក្សរចំណងជើងរបស់អត្ថបទ។
- {font-size: 15px; } : កំណត់
ទំហំអក្សរ ចំណងជើងរបស់អត្ថបទ។
- {color:#cccccc; } : កំណត់ ពណ៌
ចំណងជើងរបស់អត្ថបទនៅពេលយកកណ្ដុរដាក់ពីលើ។
- numposts=7 : កំណត់ចំនួនបង្ហាញ ចំណងជើងរបស់អត្ថបទ។
លទ្ធផលដែលទទួលបាន
សង្ឃឹមថាលោកអ្នកដែលមិនដែលស្គាល់កូដអីនោះ អាចអនុវត្តន៍តាមបាន។
ប្លក Idea For khmer នៅតែស្វែងរកគន្លឹះអំពី Blogger ឲ្យបានច្រើន
និងចម្រាញ់យកតែមួយណាមានប្រយោជន៍
យកមកបកប្រែជាភាសាខ្មែរដើម្បីងាយស្រួលអនុវត្តន៍តាមបាន។
"បន្តការចែករំលែក បន្តការអភិវឌ្ឍន៍"