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

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

 ساشرح لكم اليوم طريقة اضافة كاتب الموضوع اسفل التدوينة مثل مدونة المحترف للمعلومات , هذه الاضافة الرائعة تميز بين المؤلفين الذين يعملون بالمدونة كما انها تضيف طابع مميز في التدوينة.

مثال :

                           
                                 

قبل تركيب الاداة قم بعمل نسخة احتياطية لتفادي المشاكل.

لتركيب هذه الاداة وجب عليك التوجه الى لوحة التحكم ثم اختيار قالب ومنها تختار تحرير HTML.

-تفعيل توسيع قوالب عناصر واجهة المستخدم.

-ابحث عن الكود ]]></b:skin> وقبله مباشرة ضع هذا الكود :

/* Start */
.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;
}
/* 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>

 -أخيرا قم باستبدال ما يجب تغييره واحفظ العمل.

رابط لتحميل الكودات : هنا