26 ديسمبر 2015

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

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

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

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

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


أولا: سوف نبحث عن الوسم </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>

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

مواضيع ذات صلة
إضافة آداة تقدير الوقت اللازم لقراءة المقال في بلوجر
4 / 5
بواسطة

هناك 18 تعليقًا :

  1. وووووو، إضافة مذهلة بحق، تقوم بتقدير الوقت
    للزائر حيث يمكنه عن طريق هذه الإضافة التفكير في
    قراءة المقال من عدمِه، إضافة مذهلة حقًا، بارك الله هذا
    المبرمج، وبطبيعة الحال، باركك الله أيضًا منير كن على التطوير
    تحياتي الخالصة لك، ولم نركَ منذ مدة وهذا أحزننا :| ~

    ردحذف
    الردود
    1. شكراً لك صديقي =r
      دائماً مرورك يُسعدني =s
      وسبب إني اتأخر بكتابة المقالات =x لإنه الان نحن في فترة إمتحانات =v

      حذف
  2. ماشاء الله عليك من اين لك بكل هذا أنت وأخوانك في عالم بلوجر
    كن مدون
    عرب ويب
    جديد بلوجر
    بارك الله فيكم وزادكم الله علما

    ردحذف
    الردود
    1. شكراً لك صديقي على مرورك الجميل
      وبارك الله فيك انت ايضاً
      بالتوفيق =e =r

      حذف
  3. أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
    الردود
    1. اعتذر لمسح التعليق بسبب الروابط
      ولكن على ما اذكر إنه تم حل المشكلة من خلال ردي في التعليقات
      وهذا يكون بسبب مسح حقوق القالب

      حذف
  4. رووووعه اخى شكر لك

    ردحذف
  5. أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
    الردود
    1. اعتذر لمسح التعليق بسبب لراوبط
      و إن شاء الله اقوم بتعريبه

      حذف
    2. أزال أحد مشرفي المدونة هذا التعليق.

      حذف
    3. اهلا صديقي
      والله لا استطيع إفادتك
      لإن القالب ليس موجود عندي
      ولكن اي قالب يوجد معه ملف شرح
      واعتذر لمسح التعليق بسبب الروابط

      حذف
  6. أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
    الردود
    1. اهلا اخي محمود
      انا مسحت التعليق بسبب الرابط
      ولو مسحتو نهائي مش هعرف ارد عليك
      بالنسبة لكلامك فهو صحيح 100%
      تم التواصل مع صاحب الإعلان و إن شاء الله خلال يومين سوف يتم تغيير البنر
      احترامي وتقديري لشخصك الكريم =r

      حذف
  7. اين اضع الكود الاخير لا اعرف اين توجد نهاية التدوينة =x

    ارجو الرد بسرعة

    ردحذف
    الردود
    1. أهلًا أخي حسن
      أضفه فوق المشاركات الشائعة أو مع معلومات التدوينة تستطيع إضافته في المكان الذي تُريده

      حذف

يسعدنا تفاعلكم بالتعليق , لكن يرجى مراعاة الآداب العامة وعدم نشر روابط إشهار حتى ينشر التعليق , ويمكنك ان تستخدم الإبتسامات بالوقوف عليها لمعرفة الكود. اولا تضع الـ = بعدها الحرف الخاص بالإبتسامة
=q =w =s =d =f =g =h =t =y =u =z =x =c =v =b =n =m =a =e =r