الأربعاء، 19 ديسمبر، 2012

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



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



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

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://afkarpro.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=3"></script>
ملاحظات و بعض التعديلات :

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

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

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

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

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

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

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

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

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

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


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




ـ
روابط هذه التدوينة قابلة للنسخ واللصق
URL
HTML
BBCode

التعلـيــقــات : 0

إرســــــال تعليــــق