|
|
|
|
أدوات الموضوع | انواع عرض الموضوع |
01-23-2013, 07:29 PM | #1 |
مدون مميز
تاريخ التسجيل: Jul 2012
المشاركات: 389
|
تغيير شكل التعليقات إلى شكل أخر جميل وجذاب
المرحلة الأولى : ضبط إعدادت التعليقات المترابطة من لوحة التحكم 1 - قم بتسجيل الدخول إلى لوحة التحكم الخاص بمدونتك بلوجر. 2 - الأن توجه إلى إعدادت. 3 - بعد الدخول إلى إعدادات في القائمة الجانبية أنقر على أخرى. 4 - في السماح بخلاصات المدونة إجعلها كامل كما في الصورة بعدها قم بحفظ. 5 - بعد حفظ الإعدادت توجه إلى مشاركات وتعليقات . 6 - الأن موقع التعليقات إجعلها مضمن . المرحلة الثانية: إضافة الكود إلى القالب 1-في لوحة التحكم الخاصة بمدونتك توجه إلى قالب بعدها تحرير HTML ثم أنقر على متابعة. 2- ثم إعمل علامة على توسيع قوالب عناصر واجهة المستخدم. 3- الأن قم بالبحث عن : كود بلغة HTML:
<b:include data='post' name='comments'/>
قم باستبداله بـهذا الكود كود بلغة HTML:
<b:if cond='data:post.showThreadedComments'> <b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='comments'/></b:if> ملاحظة : إذا وجدت كودين أو فقم كذلك بإستبدالهم . 4-الأن قم بالبحث مرة أخرى عن : كود بلغة HTML:
]]></b:skin>
وقم بإضافة الكود قبله : كود بلغة HTML:
.comments { clear: both; margin-top: 10px; margin-bottom: 0px; line-height: 1em; } .comments .comments-content { font-size: 14px; margin-bottom: 16px; font-family: Verdana; font-weight: normal; text-align:right; line-height: 1.4em; } .comments .continue a, .comments .comment .comment-actions a { display:inline; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding: 2px 5px; text-decoration: none; text-shadow:0 1px 1px rgba(0,0,0,.3); color:#FFF; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-right: 10px; border: 1px solid #3079ED; background: #0066FF; background: -webkit-gradient(linear, left top, left bottom, from(#0099FF), to(#009999)); background: -moz-linear-gradient(top, #0099FF, #009999); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0099FF', endColorstr='#009999'); } .comments .continue a:hover, .comments .comment .comment-actions a:hover { text-decoration: none; background:#0099FF; background: -webkit-gradient(linear, left top, left bottom, from(#009999), to(#0099FF)); background: -moz-linear-gradient(top, #009999, #0099FF); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009999', endColorstr='#0099FF'); } .comments .continue a:active, .comments .comment .comment-actions a:active { position: relative; top:1px; background: -webkit-gradient(linear, left top, left bottom, from(#0066FF), to(#0099CC)); background: -moz-linear-gradient(top, #0066FF, #0099CC); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0066FF', endColorstr='#0099CC'); } .comments .comments-content .comment-thread ol { list-style-type: none; padding: 0; text-align: none; } .comments .comments-content .inline-thread { padding: 0.5em 1em 0 1em; } .comments .comments-content .comment-thread { margin: 8px 0px 0px 0px; } .comments .comments-content .comment-thread:empty { display: none; } .comments .comments-content .comment-replies { margin-top: 1em; margin-left: 40px; font-size:12px; } .comments .comments-content .comment { padding-bottom:8px; margin-bottom: 0px } .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:bold; } .comments .comments-content .user a { color: #444; } .comments .comments-content .user a:hover { text-decoration: none; color: #555; } .comments .comments-content .icon.blog-author { width: 18px; height: 18px; display: inline-block; margin: 0 0 6px -4px; } .comments .comments-content .datetime { margin-left:6px; color: #999; font-style: italic; font-size: 12px; float: left; } .comments .comments-content .comment-content { font-family: Arial, sans-serif; font-size: 15px; line-height: 19px; } .comments .comments-content .comment-content { font-family: Arial, sans-serif; font-size: 15px; line-height: 19px; text-align:none; margin: 15px 0 15px; } .comments .comments-content .owner-actions { position:absolute; right:0; top:0; } .comments .comments-replybox { border: none; height: 250px; width: 100%; } .comments .comment-replybox-single { margin-top: 5px; margin-left: 48px; } .comments .comment-replybox-thread { margin-top: 5px; } .comments .comments-content .loadmore a { display: block; padding: 10px 16px; text-align: center; } .comments .thread-toggle { cursor: pointer; display: inline-block; } .comments .comments-content .loadmore { cursor: pointer; max-height: 3em; margin-top: 3em; } .comments .comments-content .loadmore.loaded { max-height: 0px; 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-right: 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; } .comments .avatar-image-container { float: right; overflow: hidden; } .comments .avatar-image-container img { width: 36px; } .comments .comment-block { margin-right: 48px; position: relative; padding: 20px 15px 20px 15px; background: #F7F7F7; border: 1px solid #E4E4E4; overflow: hidden; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-image: initial; } إنتهى الدرس أتنمى أن أكون قد وفقت في الشرح وأي مشكلة ضعها في التعليقات منقول للفائدة
__________________
|
03-21-2013, 11:07 AM | #2 |
مدون جديد
تاريخ التسجيل: Mar 2013
المشاركات: 27
|
رد: تغيير شكل التعليقات إلى شكل أخر جميل وجذاب
السلام عليكم ورحمة الله وبركاته للأسف انا مش لاقي دا في القالب عندى .... ارجو الافادة ان تكرمت <b:include data='post' name='comments'/>
__________________
|
07-29-2013, 05:54 PM | #3 |
مدون جديد
تاريخ التسجيل: Jul 2013
المشاركات: 32
|
رد: تغيير شكل التعليقات إلى شكل أخر جميل وجذاب
__________________
|
07-29-2013, 11:01 PM | #4 |
مدون جديد
تاريخ التسجيل: Jul 2013
المشاركات: 15
|
رد: تغيير شكل التعليقات إلى شكل أخر جميل وجذاب
__________________
|
08-03-2013, 05:49 PM | #5 |
مدون جديد
تاريخ التسجيل: Aug 2013
المشاركات: 27
|
رد: تغيير شكل التعليقات إلى شكل أخر جميل وجذاب
__________________
|
08-06-2013, 05:55 AM | #6 |
مدون نشيط
تاريخ التسجيل: Jun 2013
الدولة: المملكة الاسلامية المغربية
المشاركات: 153
|
رد: تغيير شكل التعليقات إلى شكل أخر جميل وجذاب
__________________
|
08-06-2013, 04:12 PM | #7 |
مدون مميز
تاريخ التسجيل: Jul 2012
المشاركات: 389
|
رد: تغيير شكل التعليقات إلى شكل أخر جميل وجذاب
اشكرك علي الاعجاب الجميل دا
__________________
لا تنسي زيارتنا سوفت مصر SOFT MASR http://softmasr.blogspot.com موقع عربي مصري مهتم باخبار التقنية العالمية والعربية واخبار الانترنت والبرامج المجانية والربح من الانترنت والبث الحي للقنوات الفضائية. وكل ما هو جديد في عالم العلم والدراسة وعالم الانترنت |
08-15-2013, 12:33 PM | #8 |
مدون جديد
تاريخ التسجيل: Aug 2013
المشاركات: 14
|
رد: تغيير شكل التعليقات إلى شكل أخر جميل وجذاب
__________________
|
08-16-2013, 02:35 AM | #9 |
مدون جديد
تاريخ التسجيل: Aug 2013
المشاركات: 14
|
رد: تغيير شكل التعليقات إلى شكل أخر جميل وجذاب
__________________
|
مواقع النشر (المفضلة) |
الكلمات الدلالية (Tags) |
التعليقات, تغيير, دليل, وجذاب |
الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1) | |
أدوات الموضوع | |
انواع عرض الموضوع | |
|
|
المواضيع المتشابهه | ||||
الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
آداة آخر التعليقات | princess of egypt | إضافات وأدوات بلوجر | 2 | 12-04-2013 06:28 PM |
اريد تغيير صندوق التعليقات هذا | noukrach | طلبات الدعم الفني | 5 | 03-23-2013 06:09 PM |
أضف أخر التعليقات مع صورة الكاتب بشكل جميل ورائع لمدونات البلوجر | saheralialy | إضافات وأدوات بلوجر | 0 | 01-22-2013 03:25 PM |
قالب ازرق بشكل جميل جداا مع اضافة التعليقات المميذة 2012 | السيد ابو جبل | قوالب بلوجر عربية ومعربة | 8 | 09-16-2012 05:38 PM |
تغيير شكل اداة المتابعين في بلوجر بشكل اخر جميل جدا بتقنية css | السيد ابو جبل | إضافات وأدوات بلوجر | 0 | 09-04-2012 07:13 PM |
الساعة الآن 11:23 AM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو
تعاوني بين الأعضاء فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر) |