Post Top Ad

Your Ad Spot

الأربعاء، 8 مايو 2013

اضافة اخر تعليقات المدونة مع الصورة الرمزية للمعلق recent comments

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




شرح تركيب الاضافة :

اذهب الى لوحة التحكم
ثم الى التخطيط وقم بأضافة اداء جديدة واختار HTML/Java Script


http://www.kingnt.com/2013/04/blog-post_7216.html


ضع بداخلة هذا الكود :

 <style type="text/css">
ul.btf_recent_comments {
    list-style: none;
    margin: 0;
    padding: 0;
}

.btf_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;
}

.btf_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;
}

.btf_recent_comments li img {
    padding: 0px;
    position: relative;
    overflow: hidden;
    display: block;
}

.btf_recent_comments li span {
    margin-top: 4px;
    color: #666;
    display: block;
    font-size: 12px;
    font-style: italic;
    line-height: 1.4;
}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
 numComments  = 5,
 showAvatar  = true,
 avatarSize  = 50,
 roundAvatar = true,
 characters  = 40,
 showMorelink = false,
 moreLinktext = "More »",
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="https://sites.google.com/site/kingntcom/recent_comments.js"></script>
<script type="text/javascript" src="http://kingnt.com/feeds/comments/default?alt=json&callback=btf_recent_comments&max-results=5"></script>

قبل ان تضغط على زر الحفظ قم بعمل التغيرات الأتية :
  1. الرابط المشار باللون الأصفر ضع رابط مدونتك مكان رابط مدونتى
  2. الأرقام المشارة باللون الأخضر عدد ظهور التعليقات اذا كنت تريد ظهور تعليقات اكثر من 5 اجعل الراقمين متساويين بمعنى اذا كنت تريد ظهور 7 تعليقات اجعل الرقم الأول 7 والرقم الثانى 7 ايضا .
بالأخير اضغط على زر حفظ الأضافة وانتهى التركيب 
صورة لشكل الاضافة :
(( لا خير فى كاتم فى العلم ))

هناك 3 تعليقات:

  1. اخي الكريم ما بتظهر عندي بالمدونه
    http://3shak-elkalam.blogspot.com/

    ردحذف
  2. الأضافة تعمل بدون اخطاء ضع رابط مدونتك هكذا 3shak-elkalam.blogspot.com مكان رابط kingnt.com
    المحدد باللون الأصفر وليس رابط مدونتك هكذا http://3shak-elkalam.blogspot.com/ اعتقد بأنك تكرر http:// ركز فى هذه النقطة اخى الكريم

    ردحذف

قال تعالى ( مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ )

Post Top Ad