اليوم سوف أشرح طريقة إضافة أداة آخر التعليقات مع صور مصغرة وهذه القائمة الجانبية تتميز بخصائص رائعة جداً ومن أفضل المميزات أنها حصرية وخفيفة جداً ومنظرها أنيق لكل المدونات ولكل الأذواق بإذن الله .
طريقة التركيب :
- أدخل مدونتك .
- ثم التخطيط .
- أضف أداة عبارة عن HTML.
- إنسخ والصق هذا الكود بها :
<style type="text/css"> ul.w2b_recent_comments{list-style:none;margin:0;padding:0;} .w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;} .w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;} .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;} .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;} .w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}</style><script type="text/javascript">//<![CDATA[ // Recent Comments Settings var numComments = 4, showAvatar = true, avatarSize = 60, roundAvatar = true, characters = 60, showMorelink = false, moreLinktext = "للمزيد", defaultAvatar = "http://www.gravatar.com/avatar/?d=mm", hideCredits = true;//]]></script><script type="text/javascript" src="http://widgets.way2blogging.org/blogger-widgets/w2b-recent-comments-gravatar.js"></script><script type="text/javascript" src="http://3alamalcomputer.blogspot.com/?alt=json&callback=w2b_recent_comments&max-results=5"></script>
لا تنسى تغيير هذا الرابط http://3alamalcomputer.blogspot.com/ برابط مدونتك
ويمكنك التعديل على هذا الكود لتحديد عدد التعليقات التي تريدها أن تظهر numComments = 4 في صندوق التعليقات
هل اعجبك الموضوع ؟
ليست هناك تعليقات :
إرسال تعليق