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

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

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

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

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

للمعاينة

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

تابع معي ...

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

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 →",
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&callback=mas_tamvan_recent_comment&max-results=5" type="text/javascript"></script>