إضافة آخر التعليقات بشكل مميز

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

__________________________

طريقة التركيب

اذهب الى تخطيط > اضافة ادة >HTML/JAVASCRIPT

ضع الكود التالي بها

• 
  <style type="text/css">
  
      ul.w2b_recent_comments{list-style: none;margin: 0;padding: 0;}
  
      .w2b_recent_comments li{margin: 5px!important;padding: 5px!important;display: block;clear: both;overflow: hidden;list-style: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
  
  .w2b_recent_comments li:hover{background: #CCCCCC!important;border:1px #999999;margin: 5px!important;padding: 5px!important;display: block;clear: both;overflow: hidden;list-style: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
  
  .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;}
  
  
  op:4px;color: #666;display: block;font-size: 12px;line-height: 1.4;}
  </style>
  
  
  
  ype=
  <script 
  t
  
  .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-
  
  t"text/javascript">
  //<![CDATA[
  
  t Comments Settings
      var
  
  // Rece
  
  n
  
   numComments  = 4,
  
  showAvatar  = true,
  
  avatarSize  = 60,
  
  
  ,
  
  characters  = 60,
  
  
  roundAvatar = tru
  
  e
  
  showMorelink = false,
  
  
  
  
  
  
  
  defaultAvatar  = "http:
  
  
  
  moreLinktext = "للمزيد"
  
  ,//www.gravatar.com/avatar/?d=mm",
  
  
  >
  
  <script type="text
  
  
  hideCredits = true;
  //]]>
  
  p
  </scr
  i
  
  t/javascript" src="http://widgets.way2blogging.org/blogger-widgets/w2b-recent-comments-gravatar.js"></script>
  
  <script type="text/javascript" src="http://pengeek-pen.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>
  
  
  
  

غير pengeek-pen  بإسم مدونتك   

عدد التعليقات الذي تريد إظهارها    numComments = 4