شرح كامل إضافة تعريف كاتب التدوينة - عن المدون

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

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

من لوح تحكم مدونتك توجه إلى تصميم ثم تحرير HTML و قبل البدء في التعديل احفظ نسخة احتياطية من قالبك على حاسوبك. ثم

تحرير HTML.

الخطوة الأولى (*) : ابحث عن ]]></b:skin> و قم بتوسيعه و قبله مباشرة ضع كود CSS الآتي :

/* Author Bio */.postauthor {
backgroundborder-topborder-bottomoverflow
}
.postauthor img {
borderfloat}
.postauthor hcolormargin-bottommargin-top}
.postauthor p {
colorfont-sizemargin-bottommargin-top}
/* Author Bio End */

الخطوة الثانية : ابحث عن <data:post.body/> (إن وجدت ثنتين فالثانية هي المقصودة) ثم مباشرة بعدها ضع الكود الآتي:


<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='postauthor'>

src='رابط الصورة الشخصية' width='80'/>

<img alt='' height='80'
 

<h3>بقلم <a href='Blog Link'> اسم الكاتب </a></h3>


<p> فقرة تضم نبذة عن الكاتب </p>


/div>


<</b:if>

غير ما لون بالأحمر ثم احفظ القالب، و بهذا تكون قد أنهيت المهمة بنجاح، حيث سيمكنك معاينة صنيعك عبر التوجه لصفحة موضوع ما

على مدونتك.

2 : طريقة تركيب إضافة تعريف الكاتب في مدونات بلوجر الجماعية متعددة الكتاب

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

أولا ستتبع نفس الخطوة الأولى (*) كما في المدونات الشخصية أي نفس كود CSS ستضعه كما ذكر سابقا.

ثم تبحث عن <data:post.body/> (إن وجدت ثنتين فالثانية هي المقصودة) و مباشرة بعدها ضع الكود الآتي:


<b:if cond='data:blog.pageType == &quot;item&quot;'>

<!-- تعريف الكاتب الأول -->

== &quot;أحمد&quot;'>

<b:if cond='data:post.autho
r

div class='postauthor'>



<   <img alt='' height='80' src='رابط الصورة الشخصية' width='80'/>


<h3>بقلم <a href='Blog Link'> أحمد </a></h3>


<p> فقرة تضم نبذة عن الكاتب </p>


</div>

</b:if>

يف الكاتب الثاني -->
<b:if c

<!-- تع
رond='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

>