كود اضافة وقت القراءة إلى مشاركات بلوجر

 سأرشدك في هذه المقالة إلى كيفية إضافة وقت القراءة إلى المقالات على بلوجر أو الأنظمة الأساسية الأخرى مثل Wordpress.

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

يعد عرض أوقات القراءة للمقالات فكرة جيدة. فهو يمنح قراء مدونتك فكرة محددة عن مقدار الوقت الذي يحتاجون إلى قضائه في قراءة تلك المقالة.

طريقة التركيب

قم بتسجيل الدخول إلى صفحة إدارة بلوجر   السمات تحرير HTML.

👈أدخل الكود التالي قبل الوسم </head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(function() {
    var txt = $(".post-full-content")[0].textContent,
    wordCount = txt.replace( /[^\w ]/g, "" ).split( /\s+/ ).length;
    var readingTimeInMinutes = Math.floor(wordCount / 228) + 1;
    var readingTimeAsString = readingTimeInMinutes + " phút đọc";
    $('article .reading-time').html(readingTimeAsString);
});
</script>

👈أضف CSS قبل ]]></b:skin>

.reading-time:before {
  content: 'Thời gian đọc:';
  margin-right: 3px;}

أدخل الكود أدناه حيث تريد عرض وقت القراءة.

<div class="reading-time"></div>

احفظ القالب واعرض النتائج. يمكنك ضبط بعض CSS لتناسب مدونتك.