إضافة تعريف بالكاتب أسفل تدوينات بلوقر
تعتبر أضافة تعريف بالكاتب من الأضافات الأساسية و التى تعطى للزائر نبذة مختصرة عن من يقدم له المعلومات مما تبنى بينهما نوع من الثقة .
1 - قم بالدخول إلى تبويب القالب
2- قم بتوسيع القالب الخاص بك
3 - أبحث عن هذا الكود
]]></b:skin>
4 - ثم ضع قبلها كود 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 */
.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 */
5 - أبحث عن هذا الكود <data:post.body/> وضع بعده هذا الكود ( إذا
وجعت أتنين من هذا الكود أو أى عدد كان فالثانى هو المقصود ) أو
بعد هذا الكود <div class='post-footer-line post-footer-line-1'>
إذا لم يظهر بالشكل المناسب بعد الكود الأول
بعد هذا الكود <div class='post-footer-line post-footer-line-1'>
إذا لم يظهر بالشكل المناسب بعد الكود الأول
<b:if cond='data:blog.pageType == "item"'>
<div class='postauthor'>
<img alt='' height='80' src='رابط الصورة الشخصية' width='80'/>
<h3>بقلم <a href='رابط حساب الكاتب'> اسم الكاتب </a></h3>
<p> فقرة تضم نبذة عن الكاتب </p>
</div>
</b:if>
<div class='postauthor'>
<img alt='' height='80' src='رابط الصورة الشخصية' width='80'/>
<h3>بقلم <a href='رابط حساب الكاتب'> اسم الكاتب </a></h3>
<p> فقرة تضم نبذة عن الكاتب </p>
</div>
</b:if>
6 - لا تنسى تغيير ما باللون الأحمر ثم أضغط حفظ ومبروك الأضافة.
ليست هناك تعليقات :
إرسال تعليق