مرحباً بك بمدونتنا

آخر الأخبار
اداه أحدث التعليقات بشكل رائع وأكتر من تأثير لمدونات بلوجر

اداه أحدث التعليقات بشكل رائع وأكتر من تأثير لمدونات بلوجر

Unknown
4:22:00 ص
0 التعليقات
بلوجر

السلام عليكم ورحمه الله وبركآته

والآن جاء الوقت لأداه أحدث التعليقآت الرائعه وهى لا تحتاج لشرح فوظيفتها تقتضى ان تقوم بعرض أحدث تعليقآت مدونتك بشكل تلقائى
 قد يساعدك أيضا :

معاينه حيه


اقدم الإضافه لكم بأكثرمن شكل

الشكل الأول
الكود الخاص به
        <style type="text/css">
ul.bh_recent_comments {
    list-style: none;
    margin: 0;
    padding: 0;
}
.bh_recent_comments li {
    background: none!important;
    margin: 5px!important;
    padding: 5px!important;
    display: block;
    clear: both;
    overflow: hidden;
    list-style: none;
}
.bh_recent_comments li .avatarImage {
    padding: 3px;
    background: #CC9999;
   -webkit-box-shadow: 0 5px 2px #555;
    -moz-box-shadow: 0 5px 2px #555;
   box-shadow: 0 4px 2px #555;
    float: right;
    margin: 0 6px 0 0;
    position: relative;
    overflow: hidden;
}
.avatarRound {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}
.bh_recent_comments li img {
    padding: 0;
    position: relative;
    overflow: hidden;
    display: block;
}
.bh_recent_comments li span {
    margin-top: 3px;
    color: #666;
    display: block;
    font-size: 12px;
    line-height: 1.4;
}


.bh_recent_comments li {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    border: 2px solid transparent;
}
.bh_recent_comments li:hover {
    border: 2px Solid #990000;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
     border-radius:5px
}

</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
 numComments  = 5,
 showAvatar  = true,
 avatarSize  = 45,
 roundAvatar = true,
 characters  = 40,
 showMorelink = false,
 moreLinktext = "More ?",
 defaultAvatar  = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFn_t_9XaeP-aOqVVED34lNr47bbdNfH2CIEzhywPEe25mdp_jvEnMEgGjS2MosPdldaHpIRNPc0KiEuXrePKgTJn6IuBClQMgHuZlL1VzFubo5A4iiBDCTpjuAltomYieC90Z3kK_0hCP/s1600/blogger-avatar-1.png",
 hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://dl.dropbox.com/u/81212926/bloggerheroe-recent%3Dcomments.js"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&callback=bh_recent_comments&max-results=5"></script>
     
 
 
 
الشكل الثآنى
الكود الخاص به 
        <style type="text/css">
ul.bh_recent_comments {
    list-style: none;
    margin: 0;
    padding: 0;
}
.bh_recent_comments li {
    background:none!important;
    margin: 5px!important;
    padding: 5px!important;
    display: block;
    clear: both;
    overflow: hidden;
    list-style: none;
}
.bh_recent_comments li:hover {
    background:#CCCCCC!important; 
}
.bh_recent_comments li .avatarImage {
    padding: 3px;
    background: #FFFFFF;
  
    float: right;
    margin: 0 6px 0 0;
    position: relative;
 }
.bh_recent_comments li .avatarImage:hover {
    padding: 3px;
    background: #000000;
   -webkit-box-shadow: 0 5px 2px #555;
    -moz-box-shadow: 0 5px 2px #555;
   box-shadow: 0 4px 2px #555;
    float: right;
    margin: 0 6px 0 0;
    position: relative;
    overflow: hidden;   overflow: hidden;
}
.avatarRound {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.bh_recent_comments li img {
    padding: 0;
    position: relative;
    overflow: hidden;
    display: block;
}
.bh_recent_comments li span {
    margin-top: 3px;
    color: #666;
    display: block;
    font-size: 12px;
    line-height: 1.4;
}


.bh_recent_comments li {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    border: 2px solid transparent;
}
.bh_recent_comments li:hover {
    border: 2px Solid #FFFFFF;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
     border-radius:5px
}

</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
 numComments  = 5,
 showAvatar  = true,
 avatarSize  = 45,
 roundAvatar = true,
 characters  = 40,
 showMorelink = false,
 moreLinktext = "More ?",
 defaultAvatar  = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFn_t_9XaeP-aOqVVED34lNr47bbdNfH2CIEzhywPEe25mdp_jvEnMEgGjS2MosPdldaHpIRNPc0KiEuXrePKgTJn6IuBClQMgHuZlL1VzFubo5A4iiBDCTpjuAltomYieC90Z3kK_0hCP/s1600/blogger-avatar-1.png",
 hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://dl.dropbox.com/u/81212926/bloggerheroe-recent%3Dcomments.js"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&callback=bh_recent_comments&max-results=5"></script>
     
 
 
الشكل الثآلث 
الكود
        <style type="text/css">
ul.bh_recent_comments {
    list-style: none;
    margin: 0;
    padding: 0;
}
.bh_recent_comments li {
    background:#CCCCFF!important;
    margin: 5px!important;
    padding: 5px!important;
    display: block;
    clear: both;
    overflow: hidden;
    list-style: none;
}
.bh_recent_comments li .avatarImage {
    padding: 1px;
    background: #9999CC;
  
    float: right;
    margin: 0 6px 0 0;
    position: relative;
 }
.bh_recent_comments li .avatarImage:hover {
    padding: 3px;
    background: #333399;
   
    float: right;
    margin: 0 6px 0 0;
    position: relative;
    overflow: hidden;   overflow: hidden;
}
.bh_recent_comments li img {
    padding: 0;
    position: relative;
    overflow: hidden;
    display: block;
}
.bh_recent_comments li span {
    margin-top: 3px;
    color: #666;
    display: block;
    font-size: 12px;
    line-height: 1.4;
}


.bh_recent_comments li {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    border: 2px solid transparent;
}
.bh_recent_comments li:hover {
    border: 1px dotted #9999CC;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
     border-radius:0px
}

</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
 numComments  = 5,
 showAvatar  = true,
 avatarSize  = 45,
 roundAvatar = true,
 characters  = 40,
 showMorelink = false,
 moreLinktext = "More ?",
 defaultAvatar  = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFn_t_9XaeP-aOqVVED34lNr47bbdNfH2CIEzhywPEe25mdp_jvEnMEgGjS2MosPdldaHpIRNPc0KiEuXrePKgTJn6IuBClQMgHuZlL1VzFubo5A4iiBDCTpjuAltomYieC90Z3kK_0hCP/s1600/blogger-avatar-1.png",
 hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://dl.dropbox.com/u/81212926/bloggerheroe-recent%3Dcomments.js"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&callback=bh_recent_comments&max-results=5"></script>
     
 
يمكنك تشكيل الأداه كما تحب لو كنت عارفا بأكواد ال html 
طريقه تركيب الأداه 
  • إذهب إلى لوحه تحكم بلوجر لمدونتك 
  • إذهب إلى تخطيط ثم إضافه أداه ثم إختر Html JavaScript  
  • ثم قم بوضع الكود اللذى إخترته 
  • ثم إضغط حفظ وتم تركيب الأداه بنجاح 
هشام ابرشى

اسمي هشام : من المملكة المغربية , اهتم بتقنيات الموقع ومواكبة كل ماهو جديد في عالم التقنيه , انقل قالبا ما اراه مفيد ومناسب للزوار , وايضا اطرح المواضيع الحصريه والمفيده للكل بأذن الله ..

شاركه على الفيسبوك
شاركه على تويتر
شاركه على جوجل +
شاركه على LinkedIn