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

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

مباشرة تذهب إلى لوحة تحكم مدونتك وتقوم بالضغط على التخطيط ثم على إضافة أداة  ثم بعد ذلك تختار html/java script وتقوم بوضع هذا الكود دخل المربع إذا كنت تستعمل في مدونتك تعليقات البلوجر أو غوغل

        <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>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
 numComments  = 5,
 showAvatar  = true,
 avatarSize  = 60,
 roundAvatar = true,
 characters  = 100,
 showMorelink = false,
 moreLinktext = "More &#187;",
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
//]]>
</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://nourmohamed12pro.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>                                        

 طبعا لا تنسى تغيير الرابط باللون الأحمر الخاص بمدونتي إلى رابط مدونتك الخاصة ، بعده قم بحفظ التغييرات ومبروك عليك الإضافة .

هذا إذا كنت تعتمد تعليقات البلوجر على مدونتك ، أما إذا كنت تستعمل تعليقات disqus فما عليك إلا بالذهاب إلى إلى لوحة تحكم مدونتك وتقوم بالضغط على التخطيط ، ثم على إضافة أداة ، ثم بعد ذلك تختار html/java script وتقوم بوضع هذا الكود دخل المربع

<div id="recentcomments" class="dsq-widget">
<script type="text/javascript" src="http://nourmohamed.disqus.com/recent_comments_widget.js?num_items=5&hide_avatars=0&avatar_size=20&excerpt_length=100"></script></div>

<style type="text/css" media="screen">
img.dsq-widget-avatar{
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: right;
margin: 0 0 0 6px;
position: relative;
overflow: hidden;
width: 42px;
height: 42px;
}
p.dsq-widget-meta {
clear: both;
font-size: 80%;
padding: 0;
margin: 26px 0 0 0;
padding: 6px;
text-align: right;
}
p.dsq-widget-meta {
clear: both;
font-size: 80%;
padding: 0;
margin: 26px 0 0 0;
background: #F1F1F1;
padding: 6px;
text-align: right;
border-radius: 5px;
}
li.dsq-widget-item {
margin: 0 0 13px 0;
list-style-type: none;
clear: both;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 4px #CECECE;
padding: 10px;
}
</style>

                                                                                                
    قبل حفظ التغييرات لا تنسى أيضا تغيير الرابط باللون الأحمر إلىرابط صفحتك الخاصة على موقع disqus ، ومبروك عليك الإضافة الجميلة .

منشورة في: الرئيسية, دورة بلوجر