05‏/03‏/2014

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

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

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

معاينة الكود

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

لإضافته إلى مدونتك كل ماعليك فعله هو
إذهب إلى لوحة التحكم 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 ويمكنك تغيير حجمها

بالتوفيق.

ليست هناك تعليقات

إرسال تعليق

تعليقاتكم تشجعنا على تقديم المزيد وهي محل إهتمامنا دائمًا

© جميع الحقوق محفوظة مداد الجليد 2013 - حقوق الطبع والنشر | مدعومة بكل فخّر من blogger | سياسة الخصوصية