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

السلام عليكم ورحمة الله تعالى وبركاته أهلا وسهلا ومرحبا بكم زواري الكرام في موضوع أتمنى أن ينال إعجابكم وهو لإضافة أخر التعليقات في القائمة الجانبية مرفوقة بصورة لكاتب التعليق وبطريقة سهلة للغاية وبشكل جميل وبتقنية jquery.

لنبدأ على بركة الله

1 - قم بتسجيل الدخول إلى مدونتك بلوجر.
2 - الأن توجه إلى تخطيط أو تصميم حسب لوحة التحكم.
3 - ثم إضافة أدة.
4 - إختر HTML/JavaScript .
5 - بعدها في الحقل الأول ضع إسم الأداة مثلا أخر العليقات..... ثم ضع في الحقل الكبير هذا الكود :

<br />
<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: #333;display: block;font-size: 12px; line-height: 1.4;}
</style><br />
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
 numComments  = 5,
 showAvatar  = true,
 avatarSize  = 60,
 roundAvatar = true,
 characters  = 100,
 showMorelink = false,
 moreLinktext = "More »",
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
//]]>
</script><br />
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script><br />
<script type="text/javascript" src="http://hessinalagrmy.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

ثم قم بتغيير هذا الرابط http://hessinalagrmy.blogspot.com/ برابط مدونتك

مرحبا بك في مدونه حسين وافي العجرمي

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

إرسال تعليق

مرحبا بك في مدونه حسين وافي العجرمي

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

آخر المشاركات

تعليقات: 0

إرسال تعليق