حصريا | تغيير شكل تعليقات بلوجر إلى شكل احترافي

[محروم.كوم]

يطمح كل مدون إلى أن تكون لدي رائعة ... فهو دائما ما يريدها أن تكون مميزة عن غيرها من المدونات عبر قوالب و إضافات لكن أليس هذه فكرة تقليدية ... ففي الاونة الأخيرة أصبح الكثير من المدونين على دراية بلغات البرمجة الخاصة بالقوالب و الإضافات و بالتالي أصبحنا نجد قوالب و إضافات مختلفة عن غيرها من مدونة إلى أخرى
لكن ألم يخطر على بالك يوما تغيير شكل تعليقات بلوجر إلى شكل جذاب و مميز ... ؟؟
لا تقلق هذا أمر بسيط جدا ... أصبح بإمكانك تغيير شكل تعليقات بلوجر إلى شكل رااااائع و مميز :icon31:

أظن أن الصورة أبلغ من الكلام :icon-mos:



و للمعاينة المباشرة و بشكل مميز و رائع
مـــــــــــن هــــــــنـــــــــــــــــــــــــــــــــــا
:icon30:

طريقة التغيير هي جد سهلة كل ما عليك فعله
قالب >>> تحرير HTml >>> ثم ابحث عن
رمز Code:
]]>
ثم تضعه فوقه مباشرة هذا الكود
رمز Code:
.comments{clear:both;margin-top:10px;margin-bottom:0;line-height:18px;font-size:13px}
.comments .comments-content{margin-bottom:16px;font-weight:normal;text-align:right}
.comments .comment .comment-actions a,.comments .comment .continue a{display:inline-block;margin:0 0 10px 10px;padding:0 15px;color:#424242 !important;text-align:center;text-decoration:none;background:#fede72;border:1px solid #fec648;border-radius:2px;height:26px;line-height:28px;font-weight:normal;cursorointer}

.comments .comments-content .comment-thread ol{list-style-type:none;padding:0;text-align:none}



.comments .comments-content .inline-thread{padding:0}
.comments .comments-content .comment-thread{margin:8px 0}
.comments .comments-content .comment-thread:empty{display:none}
.comment-replies{margin-top:1em;margin-right:40px;background:#fff}
.comments .comments-content .comment{margin-bottom:0;padding-bottom:0}

.comments .comments-content .comment:first-child{padding-top:16px}
.comments .comments-content .comment:last-child{border-bottom:0;padding-bottom:0}
.comments .comments-content .comment-body{position:relative}
.comments .comments-content .user{font-style:normal;font-weight:normal}
.comments .comments-content .user a{color:#fefefe;font-weight:normal;text-decoration:none}
.comments .comments-content .icon.blog-author{width:18px;height:18px;display:inline-block;margin:0 0 -4px 6px}
.comments .comments-content .datetime a{color:#fefefe;font-size:12px;float:left;text-decoration:none}
.comment-content{margin:0 0 8px;padding:0 5px}
.comment-header{font-size:18px;background-color:#FF0040;border-bottom:1px solid #333333;padding:5px}
.comments .comments-content .owner-actions{position:absolute;left:0;top:0}
.comments .comments-replybox{border:none;height:230px;width:100%}
.comments .comment-replybox-thread{margin-top:0}
.comments .comment-replybox-single{margin-top:5px;margin-right:48px}
.comments .comments-content .loadmore a{display:block;padding:10px 16px;text-align:center}
.comments .thread-toggle{cursorointer;display:inline-block}
.comments .comments-content .loadmore{cursorointer;max-height:3em;margin-top:0}
.comments .comments-content .loadmore.loaded{max-height:0;opacity:0;overflow:hidden}
.comments .thread-chrome.thread-collapsed{display:none}
.comments .thread-toggle{display:inline-block}
.comments .thread-toggle .thread-arrow{display:inline-block;height:6px;width:7px;overflow:visible;margin :0.3em;padding-left:4px}
.comments .thread-expanded .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent}
.comments .thread-collapsed .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==") no-repeat scroll 0 0 transparent}
.avatar-image-container{background:url(https://lh5.googleusercontent.com/-W.../s51/arrow.png) top left no-repeat;float:right;vertical-align:middle;overflow:hidden;width:65px !important;height:51px !important;max-width:65px !important;max-height:51px !important}
.comments .avatar-image-container img{padding:2px;border:1px solid #FF0040;width:45px !important;height:45px !important;max-width:45px !important;max-height:45px !important}
.comments .comment-block{margin-right:65px;position:relative;border:5px solid #333333;}
@media screen and (max-device-width:480px){.comments .comments-content .comment-replies{margin-right:0}}
ثم مبروك عليك الإضافة الرااائـــــــــــــــــــــعة :bigsmile:

انتظروا تدوينة حول كيفية تمييز تعليقات الكاتب .

أفضل هدية لي تعليقاتكم ... لا تبخلوا علينا بالتعليقات المشجعة فهي مهمة جدا يمكنكم أيضا وضع استفساراتكم و انتقاداتكم .
المصدر - تغيير شكل تعليقات بلوجر إلى شكل احترافي

__DEFINE_LIKE_SHARE__