اضافة كوداخرالتعليقات في بلوجر باحتراف

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

اضافة كوداخرالتعليقات في بلوجر باحتراف




 الشرح 
اولا
يجب عليك تسجيل الدخول الي لوحة تحكم  مدونتك ثم اضغط علي التخطيط كما واضح في الصورة

بلوجر حياتي

وبعد ذلك قوم با اختيار اضافة اداة كما واضح في الصورة 
بلوجر حياتي
بعد ذلك قوم بلضغط علي Html/JavaScript كمامواضح في الصورة


بلوجر حياتي

بعد ذلك قوم بااضافة الكود التالي في المربع


<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: #666;
    display: block;
    font-size: 12px;
    font-style: bold;
    line-height: 1.4;
}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
 numComments  = 5,
 showAvatar  = true,
 avatarSize  = 60,
 roundAvatar = true,
 characters  = 40,
 showMorelink = false,
 moreLinktext = "More »",
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/w2b recent comments with avatars.js"></script>
<script type="text/javascript" src="http://hh50.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

ملاحظة قوم بتغير الرابط الي http://hh50.blogspot.comالي رابط مدونتك الخاصة 

ثم قوم بلضغط علي حفظ 

ان وفقت فهذا من الله وان اخطاءت فمن نفسي والشيطان






SHARE THIS

Author:

السابقة
القادمة