Show Comments: OR
100 100 100

اضافة اداة اخر تعليقات بلوجر او 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>
          






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



                                                          

معلومات عن التدوينة الكاتب : Unknown بتاريخ : الجمعة، 21 يونيو 2013
المشاهدات :
للإبلاغ عن رابط معطوب اضغط هنا
قالب خيال ..إبداع ويب .