اضافة اخر التعاليق مع الصور المعلق في بلوجر

اضافة اخر التعاليق مع الصور المعلق في بلوجر 2015 2016 2017

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


شرح تركيب احدث التعليقات
الأول : الذهاب إلى  التخطيط
الثاني : إضافة أداة  HTML / JavaScri  
الثالث : ضع الكود التالي:



<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;
font-family: DroidKufi-Bold;
}
    .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: #666;display: block;font-size: 12px;font-style: normal;line-height: 1.4;
color: #000;
}
.w2b_recent_comments li a {
text-decoration: none;
font-size: 14px;
color: #000;
}
  @font-face {
font-family: 'DroidKufi-Bold';
font-style: normal;
font-weight: 700;
src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.eot);
src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff2) format('x-woff2'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff) format('woff'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.ttf) format('truetype');
}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
    numComments     = 4,
    showAvatar     = true,
    avatarSize     = 40,
    roundAvatar    = true,
    characters     = 70,
    showMorelink    = false,
    moreLinktext    = "إقرأ المذيـــد »",
    defaultAvatar     = "http://aaaaa.blogspot.com/-PdMcUhGHXW0/T0AGAi1NuPI/AAAAAAAAAF8/KDHa1tme_Jw/s1600/gest.png",
    hideCredits    = true;
//]]>
</script>
<script type="text/javascript" src="http://my-tqarob.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script>
<script type="text/javascript" src="http://arts2017.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=3"></script>












هناك تعليق واحد:

  1. بارك الله فيك
    مدونتي على البلوجر
    rowadseo.blogspot.com

    ردحذف