حل مشكلة تعريف الكاتب في مدونة بلوجر الجماعية (متعددة الكتاب)

بسم الله الرحمن الرحيم نظرا الي طلبات المتابعين لمدونة المهندس العربي نبدأ بحل هذه الشكلة ان شاء الله

وسيتم الشرح بالتفصيل ان شاء الله

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

الخطوة الأولى :  المدونات الشخصية

• اذهب إلى “لوحة التحكم” ثم “التخطيط” بعد ذلك اختار "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم .
• ابحث عن الكود التالي :

]]></b:skin> 

• ثم ضع كود CSS التالي فوقه مباشرة

/* Author Bio */
.postauthor {
    background: #F5F5F5;
    border-top: 1px solid #e1e1e0;
    border-bottom: 1px solid #e1e1e0;
    overflow: hidden;
    padding: 0.7em;
}
.postauthor img {
    border: 5px solid #e2dede;
    float: right;
    margin-left: 1em;
}
.postauthor h3 {
    color: #666;
    font-size: 1.2em;
    margin-bottom: 5px;
    margin-top: 0;
}
.postauthor p {
    color: #515151;
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 0;
}
/* Author Bio End */

•  
•  
•  
• الآن ابحث عن الكود التالي :

<data:post.body/>

• إذا وجدت اثنين من هذا الكود فالثاني هو المقصود , ( تعدد هذا الكود يكون نتيجة تركيب كود اقرأ المزيد ) بعد ذلك الصق الكود التالي أسفله مباشرة

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='postauthor'>
<img alt='' height='80' src='رابط الصورة الشخصية' width='80'/>
<h3>بقلم <a href='Blog Link'> اسم الكاتب </a></h3>
<p> فقرة تضم نبذة عن الكاتب </p>
</div>
</b:if>

• اضغط حفظ و ألقي نظرة على الإضافة

الخطوة التانية : المدونات الجماعية

• تتبع نفس المراحل لإضافة كود CSS في المدونات الشخصية ثم تابع معي
• بعد إضافة الكود الأول ابحث عن

<data:post.body/>

• ثم ضع اسفله الكود التالي :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- تعريف الكاتب الأول -->
<b:if cond='data:post.author == &quot;أحمد&quot;'>
<div class='postauthor'>
   <img alt='' height='80' src='رابط الصورة الشخصية' width='80'/>
   <h3>بقلم <a href='Blog Link'> أحمد </a></h3>
   <p> فقرة تضم نبذة عن الكاتب </p>
</div>
</b:if>
<!-- تعريف الكاتب الثاني -->
<b:if cond='data:post.author == &quot;جواد&quot;'>
<div class='postauthor'>
   <img alt='' height='80' src='رابط الصورة الشخصية' width='80'/>
   <h3>بقلم <a href='Blog Link'> جواد </a></h3>
   <p> فقرة تضم نبذة عن الكاتب </p>
</div>
</b:if>

</b:if>

• عدل ما باللون الأخضر بما يناسبك
• الآن اضغط حفظ للقالب و قل الحمد لله 
   ملا حظة مهمة جدا جدا
  الاسم احمد واحمد وجواد وجواد  يحب ان يكون الاسم الحقيق المسجل في جوجل واذا كنت تريد وضع اسم اخر غير المسجل في جوجل يجب تغيير الاسم في جوجل حتي تتعرف المدونة تلقائيا علي 
  كاتب الموضوع ويتم وضع التعريف الخاص به اسفل التدوينه
  ولتعديل الاسم في جوجل
  اذهب الي جوجل بلس(google+)
  ثم الملف الشخصي
  
  
  ثم تابع الصور
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  

  
  
  
  
  
  

  
  

  

  
  
  وبعد هذا المجهود لا تتركني دون تعليق