كود جديد لأخر التعليقات في مدونة بلوجر

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

أقدم لكم اليوم كود جديد لاخر التعليقات في مدونة بلوجر كود انيق بتأثيرات متحركة يمنح مدونتك نظرة خاصة

معاينة الكود

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

لإضافته إلى مدونتك كل ماعليك فعله هو
إذهب إلى لوحة التحكم www.blogger.com
ثم تخطيط ثم أنقر على إضافة أداة ثم أختر أداة HTML/JavaScript
ثم أضف الكود التالي داخل المربع:
    <style type="text/css" scoped>
      ul.allbloggertricks_recent{list-style:none;margin:0;padding:0;} .allbloggertricks_recent li{background:none!important;display:block;clear:both;overflow:hidden;list-style:none;border:1px solid transparent;border-radius:9px;max-height:100px;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:0;-moz-transition-property:0;-o-transition-property:0;transition-property:transform;margin:0 0 6px!important;padding:3px!important} .allbloggertricks_recent li:hover{border:1px solid #ddd; -webkit-transform:rotate(6deg);-moz-transform:rotate(6deg);-o-transform:rotate(6deg) } .allbloggertricks_recent a {text-decoration:none;} .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;width:35px;height:35px} .allbloggertricks_recent li span{margin-top:4px;color: #222;display: block;font-size: 12px;line-height: 1.4;} </style>
    <script type="text/javascript">
      //<![CDATA[     var  numComments  = 5,  showAvatar  = true,  avatarSize  = 35,  roundAvatar = true,  characters  = 40,  defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",  hideCredits = true;  maxfeeds=50,  adminBlog='Your Name'; //]]> </script>
    <script src="https://dl.dropboxusercontent.com/s/czfrhqs72rkzgb2/0B-qFC4Ni6GSKTEdlU1NNSTZnb2c.js" type="text/javascript">
    </script>
    <script type="text/javascript" src="/feeds/comments/default?alt=json&amp;callback=allbloggertricks_recent&amp;&amp;max-results=50">
    </script>

المشار إليه باللون الغامق numComments = 5 هو عدد التعليقات المراد إظهارها
يمكنك أيضاً تغيير صورة التعليقات المجهولة من خلال رابط الصورة http://www.gravatar.com/avatar/?d=mm ويمكنك تغيير حجمها

بالتوفيق.

مشاركات أقدم المقال التالي
لا يوجد تعليقات
أضف تعليق
عنوان التعليق