 |
| إضافة صندوق تعريف الكاتب الجزء الأول |
صندوق تعريف الكاتب-من الإضافات المهمة في مدونات بلوجر التي تضهر تحت كل تدوينة,بها إسم الكاتب ونبذة وصورة له وتتميز هذه الإضافة أنها تلقائية أي لن تحتاج لإضافة إسمك أو نبذة عنك أو صورة لك وهي كذالك تصلح للمدونات الجماعية إذا كان هناك اكثر من كاتب .
ولطريقة التركيب تابع معي
طريقة التركيب
- أدخل إلى لوحة تحكم المدونة
- إختر القالب
- تحرير Html
الأن إبحث بإستعمال ctrl+f عن الوسم </style> ثم أضف الكود التالي فوقة
/* CSS Multi Author Box */
.authorboxwrap {background:#f9f9f9;margin:30px 0 20px 0;padding:20px;overflow:hidden;border:1px solid #e6e6e6;font-family:droid arabic kufi;}
.avatar-container {float:right;margin-left:20px;}
.avatar-container img {background:#fff;width:90px;height:auto;padding:5px;border:1px solid #ccc;}
.author_description_container {}
.author_description_container h4{font-weight:600;font-size:16px;display:block;margin-bottom:10px}
.author_description_container h4 a{color:#333}
.author_description_container p{font-size:12px;line-height:1.7;margin-bottom:15px}
.authorsocial a{display:inline-block;text-align:center;float:right;margin-left:2px}
.authorsocial a i{width:30px;height:30px;padding:8pxأو تحت هذا الكود عل الأحرى <div class='post-footer-line post-footer-line-1'> ستجده مكررا الثاني هو المقصود
<div style='clear:both;'/>
<div class='authorboxwrap'>
<div class='authorboxfull'>
<div class='avatar-container'>
<a href=''>
<img class='author_avatar img-circle' expr:alt='data:post.author' expr:src='data:post.authorPhoto.url' height='96' width='96'/>
</a>
</div>
<div class='author_description_container'>
<h4>الكاتب : <a href='https://plus.google.com/u/0/108742508096532299188/posts' rel='author'><data:post.author/></a></h4>
<span>إسمي محمد أعشق التدوين وكل مايتعلق به</span>
<p>
<data:post.authorAboutMe/>
</p>
</div>
</div>
</div>الون الأصفر غيره بما تريد
الون الأزرق غيره بمعرف ملفك الشخصي على جوجل+
إذا واجهتك أي مشكل في تركيب الإضافة فقط ضع تعليق وسأساعدك
6 التعليقات
شكرا لك على الإضافة الرائع
#حملة_شاركنا_لندعمك
لاشكرا على واجب صديقي
تم التعليق بالمدونة ياغالي
أضافة جميلة ومفيده شكرا لك
#حملة_شاركنا_لندعمك
لاشكرا على واجب صديقي
تم التعليق بالمدونة الخاصة بك
موضوع جميل
و اضافة رائعة
شكراً لك
أنت الأجمل صديقي منير
تحياتي لك
يسعدنا تفاعلكم بالتعليق , لكن يرجى مراعاة الآداب العامة وعدم نشر روابط إشهارية