أداة آخر التعليقات لمدونات بلوجر بشكل أحترافي
أداة آخر التعليقات لمدونات بلوجر بشكل أحترافي

أداة آخر التعليقات لمدونات بلوجر  واحدة من أكثر الأدوات طلبهاً المجتمع ، وهي أداة تعرض تلقائيا آخر التعليقات بشكل أنيق ، في كل من الصفحات والمواضيع  وهي أداة مكتوبه بجافا سكريبت خالص بحيث يكون له أداء ممتاز.

التثبت

نقوم بنسخ كود css التالي وانتقل إلى المظهر > تخصيص > متقدم > أضافة CSS مخصص. هناك ، سنقوم بلصق الكود التالي:

.mint-comments-card-content{font-size:14px;display:-ms-flexbox;display:flex}.mint-comments-data{line-height:1.4}.mint-comments-image{-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transform:translateY(0);transform:translateY(0);transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.mint-comments-card-content:hover .mint-comments-image{-webkit-transform:translateY(-.25em);transform:translateY(-.25em)}.mint-comments-card-content{padding:1.5em;margin-bottom:.5em;border-radius:5px;box-shadow:0 2px 6px rgba(0,21,64,.14),0 2px 20px rgba(0,21,64,.05)}.mint-comments-image{margin-right:1em}.mint-comments-image img{width:45px;border-radius:50%;box-shadow:0 2px 3px rgba(0,21,64,.2),0 2px 5px rgba(0,21,64,.05)}.mint-comments-snippet{color:#37474f}.mint-comments-title{font-size:1em;margin-bottom:.25em}.mint-comments-title a{color:#263238;margin-right:.5em;font-weight:500}.mint-comments-date{color:#b0bec5;margin-bottom:.5em;font-size:.9em}

سنضغط على "تطبيق" حتى يتم حفظ التغييرات ثم العودة إلى المظهر ، سنضغط على الزر "تحرير HTML".و نبحث عن </b:section> وأعلاه سنقوم بلصق الكود التالي:

<b:widget id='HTML200' locked='false' title='Recent Comments' type='HTML'>
   <b:widget-settings>
      <b:widget-setting name='content'><![CDATA[<div id='mint-recentcomments'></div>
<script src="//cdn.jsdelivr.net/gh/Mint199/Mint-web/recent-comments/rsnt-cmts.js"></script>]]></b:widget-setting>
   </b:widget-settings>
   <b:includable id='main'>
      <b:if cond='data:title.length != 0'>
         <h2><data:title/></h2>
      </b:if>
      <div class='widget-content'>
         <data:content/>
      </div>
   </b:includable>
</b:widget>

نقوم بحفظ القالب وهكذا تصبح أداة آخر التعليقات لبلوجر جاهزة،لوضعها بشكل صحيح نوصي بتغير مكانها ووضعها في القائمة الجانبية لتجربة مستخدم افضل ،مع العلم ان الأداة متجاوبة يعني انك تستطيع وضعها في اي مكان في القالب .

التخصيص

تخصيص الاداة سهل للغاية يمكنت تعديلها بحيث تناسب القالب الخاص بك ، واي مساعدة في التعديل قم بوضع تعليق وسنقوم بمساعدتك.


أتمنى أن يعجبك هذا الموضوع ،  بالإضافة إلى اننا سنقوم  بتحديثها ومنحها دعمًا طويلًا.


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

قم بمشاركة الموضوع مع أصدقائك لمسعدتي ومساعدة من يبحثون عن مثل هذه الأداة