الخميس، 21 مارس 2019

إضافة آداة تقدير الوقت اللازم لقراءة المقال في بلوجر

اليوم سوف نُشارك معكم إضافة مُثيرة للإهتمام نوعاً. وهذه الإضافة من برمجة المُبرمج (مايكل لينش)
 وظيفة الاداة تعمل على تقدير مدى الوقت اللازم لقراءة المقال في محتوى معين.

إضافة آداة تقدير الوقت اللازم لقراءة المقال في بلوجر وهي من اجل معرفة كم هو الوقت الذي سوف تستغرقه في قراءة المقال

مثال: إذا كان المقال طوله متوسط، سوف يظهر للزائر فوق في المعلومات إن مُدة قراءة المقال
 هي خمسة دقائق او عشر دقائق ...إلخ، و من المُمكن هذه الإضافة ان تُحفز الزائر على قراءة المقال ايضاً سوف تُفيد الكاتب
 في قياس قوة المقال وكم من المُمكن ان يبقى الزائر في مدونته، وطبعاً قوة المقال تُقاس بعدد الكلمات
وتُقاس ايضاً بعدم وجود اخطاء إملائية ولغوية ومدى حصرية المقال (محتوى أصلي او منقول).


أولا: سوف نبحث عن الوسم </head> و نُضيف الكود التالي فوقه، إذا كان موجود لا تقوم بإضافته
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' rel='stylesheet'/>

ثانياً: سوف نبحث عن الوسم ]]></b:skin> و نُضيف الكود التالي فوقه
span.left {float:left ;display:inline-block;padding:10px 5px;}

ثالثاً: سوف نبحث عن الوسم </body> و نُضيف الكود التالي فوقه
<script type='text/javascript'>
//<![CDATA[
// Reading Time Author: Michael Lynch http://michaelynch.com Licensed under the MIT license
!function(e){e.fn.readingTime=function(n){var t={readingTimeTarget:".eta",wordCountTarget:null,wordsPerMinute:270,round:!0,lang:"ar",lessThanAMinuteString:"",prependTimeString:"",prependWordString:"",remotePath:null,remoteTarget:null,success:function(){},error:function(){}},i=this,r=e(this);i.settings=e.extend({},t,n);var a=i.settings;if(!this.length)return a.error.call(this),this;if("it"==a.lang)var s=a.lessThanAMinuteString||"Meno di un minuto",l="دقيقة";else if("fr"==a.lang)var s=a.lessThanAMinuteString||"Moins d'une minute",l="دقيقة";else if("de"==a.lang)var s=a.lessThanAMinuteString||"Weniger als eine Minute",l="دقيقة";else if("es"==a.lang)var s=a.lessThanAMinuteString||"Menos de un minuto",l="دقيقة";else if("nl"==a.lang)var s=a.lessThanAMinuteString||"Minder dan een minuut",l="دقيقة";else if("sk"==a.lang)var s=a.lessThanAMinuteString||"Menej než minútu",l="دقيقة";else if("cz"==a.lang)var s=a.lessThanAMinuteString||"Méně než minutu",l="دقيقة";else if("hu"==a.lang)var s=a.lessThanAMinuteString||"Kevesebb mint egy perc",l="perc";else var s=a.lessThanAMinuteString||"Less than a minute",l="دقيقة";var u=function(n){if(""!==n){var t=n.trim().split(/\s+/g).length,i=a.wordsPerMinute/60,r=t/i;if(a.round===!0)var u=Math.round(r/60);else var u=Math.floor(r/60);var g=Math.round(r-60*u);if(a.round===!0)u>0?e(a.readingTimeTarget).text(a.prependTimeString+u+" "+l):e(a.readingTimeTarget).text(a.prependTimeString+s);else{var o=u+":"+g;e(a.readingTimeTarget).text(a.prependTimeString+o)}""!==a.wordCountTarget&&void 0!==a.wordCountTarget&&e(a.wordCountTarget).text(a.prependWordString+t),a.success.call(this)}else a.error.call(this,"The element is empty.")};r.each(function(){null!=a.remotePath&&null!=a.remoteTarget?e.get(a.remotePath,function(n){u(e("<div>").html(n).find(a.remoteTarget).text())}):u(r.text())})}}(jQuery);
$(function(){$('.post-body').readingTime();});//]]>
</script>

رابعاً: نقوم بإضافة الكود التالي في المكان الذي تُريده، يُمكنك إضافتها بجانب معلومات التدوينة او في نهاية التدوينات ..إلخ.
<span class='right'> <span class='eta'/> <i class='fa fa-clock-o'/></span>

خامساً: نقوم بحفظ القالب
اتمنى ان يكون الموضوع اعجبكم

إضافة تعليق

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *