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

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

السلام عليكم ورحمة الله تعالى وبركاته

أسعد الله أوقاتكم بكل خير أحبابي في الله وأهلا ومرحبا بكم مجددا على مدونتكم العربي ويب

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

لمشاهدة عرض توضيحي

للمعاينة

خطوات تركيب أداة آخر التعليقات على مدونتك

تابع معي ...

أولا - توجه الى لوحة تحكم مدونتك  من هنا 

2 - التخطيط >> إضافة أداة Html >>

3 - أضف الكود التالي في الأداة html

<script type="text/javascript">
  //<![CDATA[ 
  // Recent Comments Settings 
  var numComments    = 8, 
      showAvatar     = true, 
      avatarSize     = 60, 
      roundAvatar    = true, 
      characters     = 30, 
      showMorelink   = true, 
      moreLinktext   = "More &#x2192;", 
      defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm", 
      hideCredits    = true;
  //]]>
</script>
<script src='https://rawgit.com/mastamvan/backup/master/recent-comment.js' type='text/javascript'></script>
<style type='text/css'>ul.mas_tamvan_recent_comment{display:inline-block;background:-moz-linear-gradient(-45deg,#183850 0,#183850 25%,#192C46 50%,#22254C 75%,#22254C 100%);background:-webkit-linear-gradient(-45deg,#183850 0,#183850 25%,#192C46 50%,#22254C 75%,#22254C 100%);width:100%;padding:12px 0 0;margin:0;position:relative;overflow:hidden;border-radius:5px}ul.mas_tamvan_recent_comment li a{text-decoration:none;color:#0AD5C1;padding:0 0 5px}ul.mas_tamvan_recent_comment li a.author{display:block}ul.mas_tamvan_recent_comment li{position:relative;clear:both;display:inline-block;padding:5px 10px 10px 10px;margin:0 10px 20px 0;font-size:13px;border-radius:10px;background-color:rgba(25,147,147,0.2);animation:show-chat-even 0.15s 1 ease-in;-moz-animation:show-chat-even 0.15s 1 ease-in;-webkit-animation:show-chat-even 0.15s 1 ease-in;float:left;margin-left:80px;color:#0EC879;border:0}ul.mas_tamvan_recent_comment li:after{position:absolute;top:15px;content:'';width:0;height:0;border-top:15px solid rgba(25,147,147,0.2);border-left:15px solid transparent;left:-15px}ul.mas_tamvan_recent_comment li .avatarImage{position:absolute;top:0;width:50px;height:50px;border-radius:50px;left:-70px;overflow:hidden}ul.mas_tamvan_recent_comment li .avatarImage img{width:100%;height:auto}</style>
<script src="https://el3araby-web.blogspot.com/feeds/comments/default?alt=json&amp;callback=mas_tamvan_recent_comment&amp;max-results=5" type="text/javascript"></script>

4 - إستبدل رابط مدونتي https://el3araby-web.blogspot.com برابط خاص بك

وأخيرا إضغط على حفظ الأداة وتوجه لمدونتك لمشاهدة النتيجة

تم بحمد الله ...

أي أسئلة أو إستفسار حول الموضوع لا تتردد في طرحها

باب التعليقات مفتوح للجميع

لا تنسى مشاركة التدوينة مع الأصدقاء عبر مواقع التواصل ليستفيد الجميع

إدعمنا لكي نستمر في تقديم المزيد