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

السلام عليكم ورحمه الله وبركاته .

اليوم اقدم لكم اخواني واخواتي ومتابعي مدونه الاتقان للمعلوميات طريقه اضافه 

اداه تعريف الكاتب لمدونات البلوكر الشخصيه والجماعيه اسفل كل تدوينه 

وانشاء الله مضمونه هذا شكل الاداه .

طريقه التركيب سهله جدا تـــابع :

• اذهب الى لوخه لتحكم لبلوكر.
• اذهب الى قالب .
• أأخذ نسخه احتياطيه للقالب بحال حدوث اخطاء .

الخطوة الأولى (*) : ابحث عن ]]></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>

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