10/03/2016

آخر التعليقات بالشكل الجديد لمدونات بلوجر

كنا قد عرضنا سابقاً إضافة آخرالتعليقات مع الإشعارات لكن البعض يفضل ان تكون آداة داخل إضافة وليست عائمة لذلك اتيت لكم بهذه الإضافة وهي لها اعدادات تناسب الجميع وفي نفس الوقت هي خفيفة لمن لا يحب الإضافات الثقيلة
<style type="text/css">
.latest_recent_comments {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.latest_recent_comments li {
  border-bottom: 1px dashed #ddd;
  display: block;
  float: right;
  padding: 8px 0;
  width: 100%;
}
.avatarImage {
  display: block;
  float: right;
  margin-left: 5px;
}
.avatarImage img {
  background-color: #fff;
  box-shadow: 0 0 1px #444;
  padding: 3px;
}
.avatarRound img{border-radius:100%;}
.latest_recent_comments a {
  background-color: #444;
  color: #fff;
  display: inline-block;
  float: right;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  padding: 0 8px;
  text-align: center;
  text-decoration: none;
}
.latest_recent_comments span {
  color: #444;
  display: block;
  float: right;
  font: 12px/1.4em tahoma;
  padding: 5px 2px 0 0;
  text-align: right;
}
.latest_recent_comments span a {
  background-color: transparent;
  color: #000;
  display: inline-block;
  float: left;
  font: 12px tahoma;
  height: auto;
}
</style>
<script type="text/javascript">
//<![CDATA[
var numComments  = 10,
showAvatar  = true,
avatarSize  = 50,
roundAvatar = false,
characters  = 30,
showMorelink = true,
moreLinktext = "المزيد »",
defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="https://googledrive.com/host/0B9wf6r4PTnMiTFBiOTFkcmhabHM"></script>
<script type="text/javascript" src="http://cnmu.blogspot.com/feeds/comments/default?alt=json&callback=latest_recent_comments&max-results=24"></script>

إعدادات

استبدل http://cnmu.blogspot.com  رابط مدونتك
استبدل الرقم 10 بعدد التعليقات التي ستظهر
استبدل الرقم 50 بحجم الصورة المناسب
استبدل الرقم 30 بعدد الحروف التي ستظهر من التعليق
استبدل true  بـ false أن لم ترد ظهور صورة المعلق
استبدل false بـ true ان اردت الصور تكون مستديرة
استبدل true بـ false ان اردت ان تخفي كلمة المزيد او استبدل الكلمة نفسها بتعديلها
استبدل هذا اللون #444 باى لتغيير لون خلفية اسم المعلق
روابط هذه التدوينة قابلة للنسخ واللصق
URL
HTML
BBCode

ليست هناك تعليقات :

جميع الحقوق محفوظة لــ: القزازى للجرافيكس 2016 © تصميم : القزازى للجرافيك