أداة أخر المواضيع مع التاريخ وعدد التعليقات- اليوم سنشارك معكم درس عن طريقة أضافة أداة أخر المواضيع مع التاريخ وعدد التعليقات فى مدونتك ,أداة أخر المواضيع فى مدونتك هى أداة تقوم بعرض قائمة بأخر مواضيع مدونتك مع  مصغراة الصورة لكل موضوع  مع عرض أسم الموضوع وعدد التعليقات فى الموضوع.


widget-recent-post-with-date-and-comments

طريقة أضافة أداة أخر المواضيع مع التاريخ وعدد التعليقات


1-أذهب الى لوحة تحكم مدونتك > التخطيط > قم بأختيار مكان وضع الأداة > إضافة أداة > HTML/JavaScript > وقم بوضع الكود التالى .
<style scoped='' type='text/css'>
#recent-posts{color:#999;font-size:12px}
#recent-posts img{background:#fafafa;float:right;height:60px;margin-left:8px;width:60px;border-radius:4px}
#recent-posts ul{margin:0;padding:0}
#recent-posts ul li{margin:0 0 10px 0;padding:0 0 10px 0;border-bottom:1px solid rgba(0,0,0,0.1)}
#recent-posts ul li:last-child{border-bottom:0}
#recent-posts ul li a{display:block;color:#222;font-weight:700;text-decoration:none;font-size:14px;margin:0 0 10px 0;line-height:normal}
</style>
<div id='recent-posts'>
<script type='text/javaScript'>
var rcp_numposts=5;
var rcp_snippet_length=150;
var rcp_info='yes';
var rcp_comment='Comments';
var rcp_disable='لا تعليقات';
function recent_posts(json){var dw='';a=location.href;y=a.indexOf('?m=0');dw+='<ul>';for(var i=0;i<rcp_numposts;i++){var entry=json.feed.entry[i];var rcp_posttitle=entry.title.$t;if('content'in entry){var rcp_get_snippet=entry.content.$t}else{if('summary'in entry){var rcp_get_snippet=entry.summary.$t}else{var rcp_get_snippet="";}};rcp_get_snippet=rcp_get_snippet.replace(/<[^>]*>/g,"");if(rcp_get_snippet.length<rcp_snippet_length){var rcp_snippet=rcp_get_snippet}else{rcp_get_snippet=rcp_get_snippet.substring(0,rcp_snippet_length);var space=rcp_get_snippet.lastIndexOf(" ");rcp_snippet=rcp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rcp_commentsNum=entry.thr$total.$t+' '+rcp_comment}else{rcp_commentsNum=rcp_disable};if(entry.link[j].rel=='alternate'){var rcp_posturl=entry.link[j].href;if(y!=-1){rcp_posturl=rcp_posturl+'?m=0'}var rcp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rcp_thumb=entry.media$thumbnail.url}else{rcp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIB2sIasQ7lelVbuBnBU1Bj_Pyh6QN9CiCZoKyVGYXgG_0UpUVAxyJMsVHiN62MBe3ezrvhPAj3wOU1yDcxq6Dp_ChppvbSi7R1RzILR2TLUsIgGQw24tQSvK_ybD7Qh7nTHUkXJexmBHJ/"};}};dw+='<li>';dw+='<img alt="'+rcp_posttitle+'" src="'+rcp_thumb+'"/>';dw+='<div><a href="'+rcp_posturl+'" rel="nofollow" title="'+rcp_snippet+'">'+rcp_posttitle+'</a></div>';if(rcp_info=='yes'){dw+='<span>'+rcp_postdate.substring(8,10)+'/'+rcp_postdate.substring(5,7)+'/'+rcp_postdate.substring(0,4)+' - '+rcp_commentsNum+'</span>';};dw+='<div style="clear:both"></div></li>';};dw+='</ul>';document.getElementById('recent-posts').innerHTML=dw;};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results='+rcp_numposts+'&callback=recent_posts\"><\/script>');
</script>
</div>
2-قم بحفظ الاداة وشاهد النتائج


rcp_numposts=5; = 5 هو عدد المواضيع المعروضه تستطيع تغيره بما يناسبك.
var rcp_snippet_length=150; = 150 هو عدد الحروف فى عنوان الموضوع
rcp_info='yes'; = أكتب "No" لاخفاء العنوان وعدد التعليقات والتاريخ
rcp_comment='التعليقات'; = كتابة أسم التعليقات.


قم بتخصيص الاداة على حسب شكل عرض مودونتك وشكل قالبك.
نتمنى أن موضوعنا اليوم عن أداة أخر المواضيع مع التاريخ وعدد التعليقات كان مفيد لكم وأنتظرونا فى شرح أخر واداة أخرى.
اقرأ أيضًا: