✨ تحديثات بلوجر الحصرية
موقعنا القرمانى اكس AQX
👇 أقدم لكم اليوم كود جديد لآخر التعليقات في مدونة بلوجر كود أنيق بتأثيرات متحركة يمنح مدونتك نظرة خاصة.
💡 كيف يعمل هذا الإضافة؟
🔄 كما تلاحظون أن الكود يعمل بشكل جيد، كل ما عليك هو إضافته إلى مدونتك (يجب أن تحوي المدونة على تعليقات حتى يظهر).
🖱️ من خلال النقر على أي تعليق، سوف يأخذك مباشرة إلى عنوان المقال المتواجد فيه التعليق لتسهيل تصفح الزوار.
🛠️ خطوات الإضافة إلى مدونتك:
الخطوة الثانية
توجه إلى تبويب التخطيط ثم أنقر على إضافة أداة.
الخطوة الثالثة
أختر أداة 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&callback=allbloggertricks_recent&&max-results=50">
</script>
📝 المشار إليه باللون الغامق numComments = 5 هو عدد التعليقات المراد إظهارها.
🖼️ يمكنك أيضاً تغيير صورة التعليقات المجهولة من خلال رابط الصورة http://www.gravatar.com/avatar/?d=mm ويمكنك تغيير حجمها بسهولة.
🌟 بالتوفيق للجميع!
