إضافة أداة آخر التعليقات مرفقة بصور المعلقين

  بسم الله الرحمان الرحيم

مرحبا بكم إخواني الكرام.

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

النتيجة المحصل عليها :

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

*1- انتقل إلى لوح تحكم مدونتك الخاصة بحسابك على بلوجر

*2- اختر تخطيط او تصميم 

*3- عناصر الصفحة ثم اضف اداة 

*4- اختر   Html/Javascript 

*5- انقل هذا الكود 

<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 = false,
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://Pinco-S3curity.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=3"></script>

ملاحظات و بعض التعديلات

أولا غيِّر http://Pinco-S3curity.blogspot.com بعنوان مدونتك 

ثانيا غيِّر حسب رغبتك ما يلي :

 numComments = 3   عدد التعليقات التي تريد عرضها في الأداة .

 showAvatar = true   هنا true لإظهار صورة المعلق . إذا  أردت عدم إضهارها ضع false .

      avatarSize = 50  الرقم 50 للتحكم في أبعاد الصورة .

 roundAvatar = true  هنا true لتفعيل تدوير صورة المعلق ، يمكنك تعطيل هذا الخيار بوضع false  و ستصبح مربعة الشكل .

      characters = 40  الرقم 40 هو عدد الحروف المراد إظهرها في التعليق ، يمكنك تغييره .

showMorelink = false هنا false تعني لعدم إظهار كلمة "اقرأ المزيد" أما  true لإظهارها . 

" إقرأ المزيد " = moreLinktext  غيرها بأي عبارة تراها مناسبة  

*6- احفض الأداة.

و مبروك عليك الإضافة الجديدة   :)

المصدر
http://pinco-s3curity.blogspot.com/2013/06/blog-post_6641.html