كيفية إضافة ميزة الرد على المنشورات في مدونة بلوجر

ميزة الرد على المنشورات في مدونة بلوجر

يُمكن رؤية ميزات التفاعل في العديد من المواقع بأنماط مختلفة، وإذا كنت تشك في إمكانية تحقيق ذلك في منصة بلوجر، فإن إجابتي هي أن ذلك ممكن. يمكننا استخدام مواقع ShareThis كجهة ثالثة لتنفيذ هذه الميزة في بلوجر، ولا داعي للقلق بشأن تأثير سرعة موقعك، حيث سنقوم بتنفيذها بتقنية lazyload. دعونا نرى كيف يمكن تحقيق ذلك بدون إضاعة وقت كثير.

مميزات إضافة ميزة التفاعل بالمشاركات في بلوجر باستخدام تقنية LazyLoad:

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

كيفية إضافة ميزة التفاعل مع المشاركات في بلوجر بتقنية lazyload؟

خطوة 1: انتقل إلى لوحة تحكم بلوجر الخاصة بك.

خطوة 2: ثم انقر على خيار Theme من الشريط الجانبي.

خطوة 3: بعد ذلك، انقر على رمز القائمة المنسدلة بجوار خيار Customize.

خطوة 4: ثم انقر على Edit HTML من القائمة المنسدلة.

خطوة 5: ثم ابحث عن ]]></b:skin> 

خطوة 6: قم بلصق الكود التالي للـ CSS مباشرة أعلاه أو يمكنك لصق الكود التالي للـ CSS أعلاه بين علامات <style> </style> قبل </head>

/* element: Reaction */
.sharethis-inline-reaction-buttons {
    margin-top: 30px;
    display: flex;
    max-width: 400px;
    padding: 2px;
    line-height: 25px;
    box-shadow: 2px 2px 6px 1px rgb(102 102 102 / 13%);
    background: #fff;
    border-radius: 5px;
    font-size: 16px;
    text-align: center;
}

.drK .sharethis-inline-reaction-buttons {
    background: #2d2d30;
    box-shadow: none;
}

.drK #st-1 .st-btn span {
    color: #fff;
}

خطوة 7: ثم ابحث عن <data:post.body/> وقم بلصق الكود التالي أسفله:

<b:if cond='data:view.isPost'>
  <!--[ Sharethis Reaction ]-->
  <div class='sharethis-inline-reaction-buttons'/>
</b:if>

خطوة 8: وأخيرًا، ابحث عن </body> أو <!--</body>--> وقم بلصق الكود التالي للـ JS أعلاه:

<b:if cond='!data:view.isPage'>
  <script>
    /*<![CDATA[*/
    /* ShareThis (LazyLoad) */
    var lazyReact = false;
    window.addEventListener('scroll', function() {
        if ((document.documentElement.scrollTop != 0 && lazyReact === false) || (document.body.scrollTop != 0 && lazyReact === false)) {
            (function() {
                var ad = document.createElement('script');
                ad.setAttribute('type', 'text/javascript');
                ad.async = true;
                ad.src = 'https://platform-api.sharethis.com/js/sharethis.js#property=6100ee7d3b1d5d001213a440&product=inline-reaction-buttons';
                var sc = document.getElementsByTagName('script')[0];
                sc.parentNode.insertBefore(ad, sc);
            })();
            lazyReact = true;
        }
    }, true);
    /*]]>*/
  </script>
</b:if>

الاستنتاج: نأمل أن يكون هذا البرنامج التعليمي قد ساعدك في إضافة ميزة التفاعل مع المشاركات في موقعك على بلوجر. إذا كانت لديك أي شكوك تتعلق بهذا البرنامج التعليمي، فلا تتردد في طرحها في التعليقات. لا تنسَ أن تشاركه مع أصدقائك، قد يكون ذلك مفيدًا لهم. شكرًا لزيارتك، وأتمنى لك يومًا سعيدًا!

معاينة الإضافة مباشرة

من خلال هده المعانية يمكنك تجربة حية لميزة الرد على المنشورات في مدونة بلوجر من خلال الرابط التالي:

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

جميع الحقوق محفوظة ©
www.webwrd.com

انتقل إلى الرابط