شرح اضافة خاصية اخر التعليقات على مدونات بلوجر

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


كل ما عليك القيام به هو الذهاب الى تخطيط ثم قم بالضغط على HTML/Java Script  ثم بعد ذالك قم بوضع هذا الكود هناك مباشرة.

<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://mobd3explain.com/feeds/comments/default?alt=json&callback=latest_recent_comments&max-results=24"></script>

بعد ذالك نقوم ببعض التغيرات لاختيار التصميم المناسب الذي سيظهر عليه الصندوق حسب رغبتك.

قم بالستبدال رابط مدونتي http://mobd3explain.com برابط مدونتك
قم بالستبدال 10 بعدد التعليقات التي تودها ان تظهر
قم بالستبدال 50 بحجم الصورة 
قم بالستبدال 30 بعدد الحروف الذي تود ان تظهر عند صاحب التعليق
قم بالستبدال true ب false اذا كنت تريد عدم ظهور صورة المعلق
قم بالستبدال false  ب true اذا كنت تريد ظهور صورة مستديرة للمعلق
قم بالستبدال true ب false ان كنت تريد اخفاء كلمة المزيد

ارجوا ان تنال اعجابك الاضافة ومبروك عليك.

هل استفذت من الشرح ؟ ساعدنا بنشره اذا مشاركة

Tweet

✚

كاتب الموضوع: محمد الوهابي

محمد الوهابي، من مواليد 1994 من المغرب،الهواية، التدوين الالكتروني، مهتم كثيرا بالتكنولوجيا، وابحث دائما عن كل ماهو جديد لتقديم شروحات ومقالات مفيدة وذالك للارضاء الجميع وتحقيق الافضل.

هناك ايضا