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

مرحباً بكم في مدونتي اضافات بلوجر 

اليوم درسنا اضافة اداه جميلة وغنية عن التعريب 

اضافة اخر التعليقات سواء بتقنية تعليقات بلوجر او بتقنية تعليقات disqus

انا جربت الاضافة وهي جميلة جداً ومن اجملة الاضافات  التي قمت بتجربتها 

شرح الاضافة 

1- قم بالدخول الى لوحة تكم المدونة انقر فوق الخطيط

2- انقر فوق إضافة اداة اختار HTML/JavaScript

3- اختر العنوان المناسب مثل(اخر التعليقات)

4- ضع الكواد ادناه 






اولاً هذا كود لتعليقات بلوجر فقط 

        <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://add-ar.blogger.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>                                        

لا تنسى تغيير الي بالاحمر الى رابط مدونتك

والان هذا كود خاااص لـ Disqus

<div id="recentcomments" class="dsq-widget">
<script type="text/javascript" src="http://add-ar.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>

          

لا تنسى تغيير الي بالاحمر الى رابط مدونتك                            

                                                          

By glok

Similiar tagsدروس بلوجر