Subcribe to our RSS feeds Join Us on Facebook Join Us on Facebook Join Us on Facebook Follow us on Twitter Add to Circles

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

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




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

اذهب الى لوحة التحكم
ثم الى التخطيط وقم بأضافة اداء جديدة واختار 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:// ركز فى هذه النقطة اخى الكريم

    ردحذف

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

الأرشيف