اضافه احدث التعليقات مع صوره متحركه لمدونات بلوجر المايسترو

اضافه غايه فى الروعه والزوق فى شكلها الجديد كليا اقدم لكم اضافة احدث التعليقات لمدونات بلوجر + صوره صاحب التعليق + صوره حتى لو كان صاحب التعليق مجهول + تاثيرات css الجذابه والالوان المتجانسه + مميزات اخرى كثيره اكتشفها بنفسك

بالتاكيد الصوره تعبر عن الاضافه ولكن المعاينه الحيه توضح الكثير من المميزات للاضافه منها صورة التعليقات المتحركه وتاثيرات اخرى جميله جدا جربها بنفسك من رابط المعاينه الحيه لاضافة احدث التعليقات مع صوره متحركه لمدونات بلوجر الاضافه فى السايدبار يسار الصفحه للمعاينه من هنا

شرح تركيب اضافه احدث التعليقات مع صوره متحركه لمدونات بلوجر

التركيب فى خطوه واحده فقط

1- من لوحة تحكم المدونه اختر تخطيط
2- اختر اضافة اداه ثم Html/Java
3- اكتب اسم الاده (احدث التعليقات) او اختر ما شئت
4- انسخ والصق الكود التالى

رمز Code:

/*--- latest comments by th3maestro.com ----*/
ul.th3maestro_recent_comments{list-style: none;margin: 0;padding: 0;}
.th3maestro_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;}
.th3maestro_recent_comments li:hover{background: #eeeeee!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;}
.th3maestro_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;}
.th3maestro_recent_comments li img{transition-duration: 0.8s;
transition-property: transform;padding:0px;position:relative;overflow:h idden;display:block;}
.th3maestro_recent_comments li span{margin-top:4px;color: #353535;display: block;font-size: 11px;line-height: 1.4;font-family: droid arabic kufi;}
.th3maestro_recent_comments li img:hover{padding:0px;position:relative;overflow:h idden;display:block;transform: rotate(360deg);}
/*--- latest comments by th3maestro.com ----*/



// // Recent Comments Settings
var
numComments = 6,
showAvatar = true,
avatarSize = 60,
roundAvatar = true,
characters = 60,
showMorelink = false,
moreLinktext = "للمزيد",
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>