اضافة التعليقات بشكل احترافي للبلوجر

مرحبا بك في موقع قالبي لابد انك تبحث عن اضافة  التعليقات بشكل احترافي للبلوجر ، لذلك قمت بتصميم شكل حصري رائع لتعليقات مدونات بلوجر بالوان فلاتية و تاثيرات جميلة و كذلك صورة صاحب التعليق .

اضافة  التعليقات بشكل احترافي للبلوجر

يتميز شكل التعليقات هذا بالوانه الرائعة وتاثيراته و كذلك عرض صور اصحاب التعليقات بشكل دائري جميل كما انه يتاقلم مع خطوط مدونتك و سوف نذكر ايضا طريقة تغيير الخطوط و ايضا الالوان ليتناسب مع مدونتك و سوف يعطي لمسة خاص انيقة جدا لمدونتك تجعلها مميزة .
قد تجد العديد من الاشكال لكن الشكل الذي اريكم الان يعتبر من افضل الاشكال و الاكثر حصرية لحد الان و كني قمت بتصميمه هذه السنة (2015) فهو حذيث جدا مقارنة مع باقي الاشكال و زيادة على ذلك فهو سهل جدا من ناحية التركيب.
ننتقل الان لطريقة التركيب :
قم بالذخول الى المدونة / تم انقر على قالب / تم تحرير HTML / ثم قم بلصق الكود اسفله فوق هذا الكود ]]></b:skin>  الذي يوجد في قالبك , قم بالبحث عن عن طريق Ctrt + f

.comments h2 {

    font-weight: normal;

    font-size: 20px;

    text-align: center;

    margin: 0px;

    padding: 5px;

    background: none repeat scroll 0% 0% #E74C3C;

    color: #FFF;

    font-family: GESSTwoMediumRegular;

}

.comments .comment-block {

background: #F9F9F9;

color: #555;

box-shadow: 0 4px 10px #EEEEEE;

position: relative;

margin-top: 10px;

margin-right: 83px;

padding: 10px;

border: 4px solid #EEEEEE !important;

border-radius: 10px;

font: 1.190em/1.2 Cambria,Georgia,sans-serif;

FONT-family: yassir;

font-weight: 200;

}

.comments .comment-block:before {

content: '';

padding: 20px;

background: rgba(0, 0, 0, 0) url(data:image/gif;base64,R0lGODlhFgASAMQAAAAAAP////39/fz8/Pv7+/r6+vb29vPz8/Ly8…2rj8TO9StWHAiBzVh0HJQBppTilFqv2KxW+lgUtJPGs3SVMAxEY7fA84XHvF7FjI6fvPZXCAA7);

background-repeat: no-repeat;

position: absolute;

right: -40px;

}

.comments .avatar-image-container {

width: 60px;

height: 60px;

max-height: 60px;

margin: 22px 0px 0 28px;

padding: 0px;

border: 7px solid #EEEEEE;

border-radius: 60px;

}

.comments .avatar-image-container img {

overflow:hidden;

width: 60px;

height: 60px;

max-width: 60px;

border:0 !important;

border-radius:60px;

}

.comments .comment-thread.inline-thread {

background: none;

}

.comments .continue {

border-top: 0px solid transparent;

}

.comments .comments-content .datetime {

float: left;

font-size: 11px;

}

.comments .comments-content .datetime a{

color: #555;

}

.comments .comments-content .user a {

font-size: 18px;

color: #25997A;

font-family: Droidkufi-bold;

}

.comments .comments-content .datetime a:hover{

color: #777;

text-decoration: none;

}

.comments .comments-content .comment:first-child {

padding-top: 0px;

}

.comments .comments-content .comment {

margin-bottom: 0px;

padding-bottom: 0px;

}

.comments .continue a {

padding: 0px;

}

.comments .comments-content .icon.blog-author {

background-image: none;

}

.comments .comment .comment-actions a {

padding-left: 15px;

padding-top: 3px;

padding-bottom: 3px;

padding-right: 15px;

background: #25997A;

color: #fff;

margin-left: 9px;

} 

 صورة توضح ذلك :

قم بالحفض و مبروك عليك الشكل الاحترافي للتعليقات ، ان اعجبك الموضوع فانشره لتعم الفائدة بيننا ، و لا تنسى الانضمام الينا و وضع اميلك ليصلك كل جديد الموقع من قوالب و اضافات حصرية و جوائز ايضا !!

التسميات:

فيسبوك تويتر جوجل + لينكدن واتساب

مستر أبو علي

مدونة تقنية تحتوى على مجموعة دروس ودورات فى مجالات تقنية مختلفة مثل دروس انظمة التشغيل والبرامج والالعاب وبلوجر وفوتوشوب وتطبيقات اندوريد والربح من الانترنت وغيره من الشروحات المميزة تاست مدونة مستر ابوعلى عام 2013 وبفضل الله نالت اعجاب الكثير مؤسس المدونة مستر ابوعلى مدون مصرى