របៀបដាក់ អត្ថបទ ចៃដន្យ ឬ Random Post ទៅក្នុង Blogger

ជួបគ្នាជាមួយ Admin ថ្ងៃនេះនិយាយពីរបៀបដាក់ អត្ថបទចៃដន្យ ឲ្យអ្នកទាំងអស់គ្នាបានជ្រៀប។ ហេតុអ្វីបានជាយើងចាំបាច់ត្រូវ ដាក់ Widget មួយនេះ? ចម្លើយគឺ ដោយសារឲ្យអ្នកចូលមើល ប្លុករបស់យើង បានឃើញអត្ថបទជា ច្រើនដោយមិនចាំបាច់ ស្វែងរកដោយខ្លួនឯងម្ដងមួយៗ ដោយរហ័សឃើញភ្លាម នូវ Widget មួយនេះ។ តោះចាំផ្ដើមជាមួយ Admin ទាំងអស់គ្នាបាទ៖

បន្ថែម អត្ថបទចៃដន្យ ឬ អត្ថបទចម្រុះ ជាមួយនឹង អត្ថបទសង្ខេបខ្លីនៅ ពីក្រោម ចំណងជើង ភ្ជាប់ជាមួយនឹង រូបភាពស្រស់ស្អាត នៅខាងឆ្វេង

១-សូមចូលទៅកាន់គណនី Blogger របស់អ្នក
២-ចូលទៅកាន់ Layout បន្ទាប់មក Add a Gadget រួចយក Html/javascript

 

៣-ចម្លងកូដខាងក្រោមដាក់នៅក្នុង Html/javascript នោះ

<style>
#random-posts img {
border-radius: 10px;
float: left;
margin-right: 5px;
width: 75px;
height: 75px;
background-color: #F5F5F5;
padding: 3px;
transition: all 0.2s linear 0s;
}

#random-posts img:hover {
opacity: 0.6;
}

ul#random-posts {
list-style-type: none;
padding: 0px;
}

#random-posts a {
font-size: 12px;
text-transform: uppercase;
padding: 0px auto 5px;
}

#random-posts a:hover {
text-decoration: none;
}

.random-summary {
font-size: 11px;
background: none;
padding: 5px;
margin-right: 8px;
}

#random-posts li {
margin-bottom: 10px;
border-bottom: 1px solid #EEEEEE;
padding: 4px;
}
</style>
<ul id='random-posts'>
<script type='text/javaScript'>
var randomposts_number = 5;
var randomposts_chars = 110;
var randomposts_details = 'yes';
var randomposts_comments = 'Comments';
var randomposts_commentsd = 'Comments Disabled';
var randomposts_current = [];
var total_randomposts = 0;
var randomposts_current = new Arrayundefinedrandomposts_number);

function randompostsundefinedjson) {
total_randomposts = json.feed.openSearch$totalResults.$t
}
document.writeundefined'<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=randomposts\"><\/script>');

function getvalueundefined) {
for undefinedvar i = 0; i < randomposts_number; i++) {
var found = false;
var rndValue = get_randomundefined);
for undefinedvar j = 0; j < randomposts_current.length; j++) {
if undefinedrandomposts_current[j] == rndValue) {
found = true;
break
}
};
if undefinedfound) {
i--
} else {
randomposts_current[i] = rndValue
}
}
};

function get_randomundefined) {
var ranNum = 1 + Math.roundundefinedMath.randomundefined) * undefinedtotal_randomposts - 1));
return ranNum
};
</script>
<script type='text/javaScript'>
function random_postsundefinedjson) {
for undefinedvar i = 0; i < randomposts_number; i++) {
var entry = json.feed.entry[i];
var randompoststitle = entry.title.$t;
if undefined'content' in entry) {
var randompostsnippet = entry.content.$t
} else {
if undefined'summary' in entry) {
var randompostsnippet = entry.summary.$t
} else {
var randompostsnippet = "";
}
};
randompostsnippet = randompostsnippet.replaceundefined/<[^>]*>/g, "");
if undefinedrandompostsnippet.length < randomposts_chars) {
var randomposts_snippet = randompostsnippet
} else {
randompostsnippet = randompostsnippet.substringundefined0, randomposts_chars);
var whitespace = randompostsnippet.lastIndexOfundefined" ");
randomposts_snippet = randompostsnippet.substringundefined0, whitespace) + "&#133;";
};
for undefinedvar j = 0; j < entry.link.length; j++) {
if undefined'thr$total' in entry) {
var randomposts_commentsnum = entry.thr$total.$t + ' ' + randomposts_comments
} else {
randomposts_commentsnum = randomposts_commentsd
}; if undefinedentry.link[j].rel == 'alternate') {
var randompostsurl = entry.link[j].href;
var randomposts_date = entry.published.$t;
if undefined'media$thumbnail' in entry) {
var randompoststhumb = entry.media$thumbnail.url
} else {
randompoststhumb = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTU_dXoLQVCr0OT1pdpfWsTBZOn3EQOsl9JAY9Dc_Hf_PXSKjXMnAAIvx3oZSh8sBsqcGtomXCWA0zBpXzjtqBVBsGZ8IGFeqtA4tIWQKYuIih0x9U8729hpgeAmPzCkaI72ZuegXE-Gs/s1600/no_thumb.png"
}
}
};
document.writeundefined'<li>');
document.writeundefined'<a href="' + randompostsurl + '" rel="nofollow"><img alt="' + randompoststitle + '" src="' + randompoststhumb + '"/></a>');
document.writeundefined'<div><a href="' + randompostsurl + '" rel="nofollow">' + randompoststitle + '</a></div>');
if undefinedrandomposts_details == 'yes') {
document.writeundefined'<span><div class="random-info">' + randomposts_date.substringundefined8, 10) + '.' + randomposts_date.substringundefined5, 7) + '.' + randomposts_date.substringundefined0, 4) + ' - ' + randomposts_commentsnum) + '</div></span>'
};
document.writeundefined'<br/><div class="random-summary">' + randomposts_snippet + '</div><div style="clear:both"></div></li>')
}
};
getvalueundefined);
for undefinedvar i = 0; i < randomposts_number; i++) {
document.writeundefined'<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index=' + randomposts_current[i] + '&max-results=1&callback=random_posts\"><\/script>')
};
</script>
</ul>

 

មុខងាររបស់ Random Posts 

•  វិមាត្ររបស់រូបភាព: ប្ដូរទំហំ រូបភាព នៅក្នុង​ Pixel ដោយជំនួសតំលៃលេខ 75px នៅក្នុងកូដទៅតាមទំហំរូបភាពដែរអ្នកចង់បាន សម្រាប់ប្លុករបស់ខ្លួន។

• ប្រវែងអត្ថបទសង្ខេប៖ អ្នកអាចគ្រប់គ្រងប្រវែង តួអក្សរបាន ដោយត្រូវប្ដូរ តំលៃលេខ​ 110 var randomposts_chars=110;

•  Post info: បើសិនជាអ្នក ចង់លាក់ អត្ថបទថ្ងៃខែ និង ការរាប់បញ្ចេញមតិ ត្រូវប្ដូរ ពាក្យ Yes ពីកន្លែងដែលត្រូវប្ដូរគឺ randomposts_details='yes' ទៅជា 'no'; ជាការស្រេច។

•  ប្ដូរទំហំពុម្ពអក្សរ ចំណងជើង​ និង​ សង្ខេប គឺ ប្ដូរ តំលៃលេខ 11px សម្រាប់ចំណងជើង និង​12px សម្រាប់ សង្ខេប។

ចង់ក្រោយកំភ្លេច​ Save ជាការស្រេច

សូមអរគុណដែលបានចូលអាន អត្ថបទនេះ 

អត្ថបទដោយ Helplogger