26/7/2014
أضافة تعليق
 |
| اضافه احدث التعليقات مع صوره متحركه لمدونات بلوجر |
اضافه غايه فى الروعه والزوق فى شكلها الجديد كليا اقدم لكم اضافة احدث التعليقات لمدونات بلوجر + صوره صاحب التعليق + صوره حتى لو كان صاحب التعليق مجهول + تاثيرات css الجذابه والالوان المتجانسه + مميزات اخرى كثيره اكتشفها بنفسك
بالتاكيد الصوره تعبر عن الاضافه ولكن المعاينه الحيه توضح الكثير من المميزات للاضافه منها صورة التعليقات المتحركه وتاثيرات اخرى جميله جدا جربها بنفسك من رابط المعاينه الحيه لاضافة احدث التعليقات مع صوره متحركه لمدونات بلوجر الاضافه فى السايدبار يسار الصفحه للمعاينه من هنا
شرح تركيب اضافه احدث التعليقات مع صوره متحركه لمدونات بلوجر
التركيب فى خطوه واحده فقط
1- من لوحة تحكم المدونه اختر تخطيط
2- اختر اضافة اداه ثم Html/Java
3- اكتب اسم الاده (احدث التعليقات) او اختر ما شئت
4- انسخ والصق الكود التالى
<style type="text/css">
/*--- 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:hidden;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:hidden;display:block;transform: rotate(360deg);}
/*--- latest comments by th3maestro.com ----*/
</style>
<script type="text/javascript">
//<![CDATA[
// 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;
//]]>
</script>
<script type="text/javascript" src="https://th3maestro.googlecode.com/svn/trunk/js/th3maestro-recent-comments-gravatar.js"></script>
<script type="text/javascript" src="http://www.th3maestro.com/feeds/comments/default?alt=json&callback=th3maestro_recent_comments&max-results=5"></script>
الان اضغط حفظ
التعديل على الكود السابق فقط قم بالبحث عن الرابط التالى وقم بتغييره برابط مدونتك
http://www.th3maestro.com
من اراد تنسيق الوان معين او اى تغييرات على الاضافه اكتب رد اختر الالوان المناسبه لك وسيتم تعديل الاضافه وارسال الكود اليك
0 التعليقات على "اضافه احدث التعليقات مع صوره متحركه لمدونات بلوجر"
إرسال تعليق