إضافة تعريف الكاتب للمقالة لمدونات بلوجر الشخصية و الجماعية

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

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

من لوح تحكم مدونتك توجه إلى تصميم ثم تحرير 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 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>

قبل الحفظ غير معلومات كل الكتاب الثلاثة ملاحضة :إسم الكاتب يجب أن يكون مطابق ، و كرر كود تعريف الكاتب الرابع إن كنتم أكثر من ثلاث كتاب، و كذلك اذف واحد إن كان هناك كاتبين فقط.
كذلك يمكن تعديل كود CSS لتعدل خلفية و حدود مستطيل تعريف الكاتب …اضافات بلوجر تعريف الكاتب