مرحبا بكم متابعى مدونة ويب فور السلام عليكم ورحمة الله وبركاته اضافة جديدة اليوم لان الكثيرون يبحثون عليها في النت وهذه الاضافة خاصة بمدونات بلوجر وهي تغير شكل تعليقات بلوجر مثل مدونة عالم المدون بالشكل الحالي في قالب المدونة الجديد وهي اضافة غاية في الروعة وانا شخصيا انصحكم بها ولقد اعجبني الوانها كي لااطيل عليكم
طريقة تركيب الاضافة
- أول شي حتى لا تقوم بتعديل شئ خطا فى القالب الخاص بك قم بأخذ نسخة احتياطية منه
- ثم قم بالذهاب الي قالب ثم تحريرhtml
- ثم قم بالبحث عن الوسم ]]></b:skin>
- ثم قم بحذف الاستايل القديم الخاص بالتعليقات
- ثم قم بوضع هذه الاكواد بدل منه
#comments { margin-top: 15px; padding: 10px; float: right; width: 100%; background-color: #fff; margin-bottom: 30px; } #comment-post-message { display: none; } #comments h4 { float: right; width: 100%; padding: 13px 15px; line-height: 7px; height: 43px; background-color: #7986CB; margin-bottom: 10px; color: #fff; font-weight: 500; } .comments-content { float: right; width: 100%; } .comment-form { float: right; width: 100%; background-color: #fff; } .avatar-image-container img { width: 100%; height: 100%; border-radius: 50%; border: 3px solid #7986cb; } .avatar-image-container { width: 65px; height: 65px; float: right; margin-left: 15px; } #comments .user a { text-transform: capitalize; display: inline-block; font-size: 14px; } .comments .comments-content .icon.blog-author { display: inline-block; width: initial; margin: 2px 12px 0 0; color: #FFF; font-size: 13px; background: #7986CB; padding: 0 6px 3px 6px; border-radius: 2px; } .comments .comments-content .icon.blog-author:after { content: "الكاتب"; } .comment-block { overflow: hidden; border: 1px solid #ccc; margin-bottom: 20px; background-color: #eee; } #comments .datetime { float: left; } #comments .datetime a { font-size: 12px; color: #555; } .comment-header { border-bottom: 1px solid #ccc; margin-bottom: 10px; padding: 0 20px; height: 30px; line-height: 22px; background-color: #fff; } .comment-content { font-size: 15px; color: #555; padding: 0 20px; } .comment-actions a { font-size: 13px; background: #7986CB; padding: 2px 10px; display: inline-block; border-radius: 2px; float: left; margin-right: 5px; margin-left: 10px; margin-bottom: 10px; color: #FFFFFF; height: 30px; line-height: 20px; } .comment { overflow: hidden; } .comment-replies { margin-right: 80px; } .thread-chrome { margin-top: 10px; } .continue { font-size: 13px; background: #7986CB; padding: 2px 10px; display: inline-block; border-radius: 2px; height: 30px; line-height: 21px; } .continue a { color: #FFFFFF; } .comment { margin-top: 10px; } .loadmore a { font-size: 14px; display: none; } .loadmore { text-align: center; margin-top: 15px; } .static_page #disqus { background-color: #fff; padding: 20px; margin-bottom: 30px; }
- ثم قم بحفظ القالب
- والان مبروك عليك الاضافة
وهكذا كان موضوع اليوم بالتوفيق للجميع فى أمان الله
لاتنسوا الاشتراك في متابعيين المدونة من الاضافة التي توجد في السايد بار كي تتوصلوا بكل جديد من مواضيع مدونة ويب فور
https://web-four.blogspot.com/2017/02/wdbloog-comments.html
ليست هناك تعليقات:
إرسال تعليق