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

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

عندما تصبح مدونتك لها زائرون كثيرون وبها عدد مواضيع كثيرة وكذلك الكثير من التعليقات قد تحتاج إلى أداة " آخر التعليقات " مما تعطى شكل رائع لمدونتك

كما أن هذه الإضافة لها رونقة من نوع خاص كما أنها أيضا تكون فيها صورة المعلق وكما أنها تجذب زائرين مدونتك إليها وقد تجعلهم يدخلون إلى الموضوع الذى به آخر تعليق

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

الآن قد تكونوا أدركتم أهمية هذه الإضافة وإذا كنت تريد إضافتها لمدونتك الآن فستكون الإضافة بين يدك فى أقل من دقيقة ولمعرفة كيفية إضافة هذه الإضافة تابع معى..

أولا: إذهب إلى لوحة التحكم فى بلوجر من هنا.

ثم إذهب إلى التخطيط كما هو موضح فى الصورة المقبلة:

ثم اختر أداة وتكون من نوع 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://mondatique.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

ثم غير الرابط الأحمر إلى اسم مدونتك.

وأرجو أن يكون الموضوع نال على إعجابكم، وإذا كانت الإضافة قد حسنت شكل مدونتك فشاركنا برأيك فيها.

وانتظرونا فى إضافات ودروس قادمة...