صندوق كاتب الموضوع متعدد المؤلفين على بلوجر

مميزات اضافة التعريف بالكاتب

1.  متعددة المؤلفين 
2. عدم الحاجة الى كتابة وصف واسم كل كاتب على حدى 
3. جلب تلقائى لاسم و وصف صورة الكاتب من للملف الشخصي في بلوجر 
4. شكل عصري ومتجاوب
5. الاضافة لا تحتوي على توقيع مصمم
6.  شكل جذاب ومتوافق مع جميع مقاسات الشاشات 
7. امكانية استخدام الاضافة في تصاميمك
8. امكانية التحكم في اخفاء صندوق التعريف من رسائل المدونة 

طريقة تركيب الاضافة

/* ================== 
 *  Admine Profile
 * ================== */
#admine-profile{display:table;max-width:97%;margin-top:30px;margin-right:5px;background-color:#efefef}
.admine-profile{float:center;text-align:right;width:auto;max-width:70%;margin-bottom:20px;margin-right:110px;margin-top:20px;font-size:20px;font-family:'Lalezar',cursive}
.admine-profile a{color:blue;font-weight:bolder;font-family:'El Messiri',sans-serif;font-size:20px;padding-top:10px}
#admine-profile img{width:150px;margin:0 auto;display:block;border-radius:100%;float:right;padding:20px 18px}
@media screen and (max-width:480px){#admine-profile{max-width:100%;margin-top:50px;text-align:center}#admine-profile img{margin-right:30%;width:130px;margin-bottom:-10px}.admine-profile a{font-size:13px;text-align:center}.admine-profile{margin-right:5px;font-size:13px;text-align:center;max-width:100%;float:right}.name-admine{font-size:13px}}

<b:if cond='data:post.authorAboutMe'>
<div id='admine-profile'>
<b:if cond='data:post.authorPhoto.url'>
 <img expr:src='data:post.authorPhoto.url' itemprop='image'/>
  <b:else/>
 <img class='admine-profile' itemprop='image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz0Pow3hwNN4aYVynBdJmnHb0awY9Oio3UYPzTKRquzzmWBlDsfPrBBaRfC3z_SM6Plne0cUMtOV0bpLxyMSKwyZR5_F3T5LIes8cLRxZcx1bA82HHSkiLLcD8qhJQmh3Lko2Q0_oELdo/s1600/no-avatar-50.png'/>
  </b:if>
<div class='admine-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  
  <div>
<span class='name-admine'>
  كتب بواسطة :   </span><a expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
 </a>
  </div>
  <span itemprop='description'><data:post.authorAboutMe/></span>
</div>
</div>
</b:if>

شرح التعديل على الاضافة