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

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

أولاً: تذهب إلى لوح تحكم مدونتك توجه إلى تصميم ثم تحرير 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='حسابك على الفيس أو'> اسم الكاتب </a></h3>
 <p> نبذة عن الكاتب </p>
</div>
</b:if>




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

هل اعجبك الموضوع ؟

شارك معنا بتعليق حول الموضوع