السلام عليكم ورحمة الله تعالى وبركاته اليوم في هذا الدرس سنتطرق إلى موضوع كيفية إضافة أحدث التعليقات في مدونتك مثل الموجودة في مدونتي تتميز هذه الإضافة تتميز بكونها تحتوي على صورة مصغرة للمعلق بإستخدام موقع GAVATAR وكذا تحتوي على صورة إفتراضية للمعلقين الذين ليست لهم صورة وتقوم بإظهار جزء من التعليق وأيضا تحتوي علىخاصية إقرأ المزيد لاأطيل عليكم أترككم مع الشرح.
<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 = 3, showAvatar = true, avatarSize = 50, roundAvatar = true, characters = 40, showMorelink = true, moreLinktext = "إقرأ المزيد »", defaultAvatar = "http://www.gravatar.com/avatar/?d=mm", hideCredits = false; //]]> </script> <script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script> <script type="text/javascript" src="http://arabs-c.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=3"></script>
EmoticonEmoticon