اضافة زمن قراءة المقالات فى بلوجر

اضافة زمن قراءة المقالات فى بلوجر - فى هذه المناسبة موقعكم كوكب التدوين سوف يشارككم عن اداة جديد، وهى جذابة بما فيه الكفاية لتقدير وقت قراءة المقالات فى بلوجر، هذه الخاصية تم إنشاؤها بواسطة مايكل لينش والاداة تعمل على اظهار وقت اللازم والتقديري لقراءة المقالات فى محتوى محدد.

حسنا فقط، هنا او بالاسفل مواصفات صورة اداة معرفة زمن قراءة المقالات.

لاستخدام واضافة خطوط الايقونات، يرجى اضافة الكود التالي فوق </head>

<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'/>

اذا كانت هذه الاضافة مضافة بالفعل، يرجى تخطى الخطوة السابقة.

1. تسجيل الدخول الى بلوجر > اذهب الى تحرير القالب > ضع الكود التالي فوق ]]></b:skin> او </style>

span.left {float:left;display:inline-block;padding:10px 5px;}

2. وبعدها ضع الكود التالي فوق </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:"en",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||"اقل من دقيقة",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>

الاكواد المحددة هى اعدادات لاداة زمن قراءة المقالات

3. قم بوضع هذا الكود فى المكان المناسب فى تحرير القالب ولكن داخل جزء المواضيع.

<span class='left'><i class='fa fa-clock-o'/> <span class='eta'/></span>

4. احفظ القالب.

• معاينة الاضافة