تعريف كاتب الموضوع لمدونات بلوجر

 تعريف كاتب الموضوع لمدونات بلوجر

 تعريف كاتب الموضوع لمدونات بلوجر - اضافة بسيطة وجميل وخفيف تمكنك من التعريف بنفسك في عدة أسطر مع اضافة الصورة الخاصة بك اضافة متجاوب وخفيف جدا تم اعتماد البساطة في تصميم الاضافة

معاينة

ابحث عن الوسم ]]></b:skin> و اضف الكود التالي قبله

.bzmbio {
background-color: #F8F8F8;
margin-bottom: 30px;
margin-top: 30px;
padding: 20px 10px;
}
.bzmbio img {
border: 3px solid #eee;
float: right;
height: 125px;
margin: 0 0 0 10px;
outline: 1px solid #ddd;
width: 125px;
}
.bzmbio h6 {
margin: 0;
font-size: 17px;
margin-bottom: 8px;
}
.bzmbio h6 strong {
color: #2196F3;
font-size: 17px;
}
.bzmbio span {
color: #666;
display: block;
font: 16px/2em tahoma;
margin: 0;
}

ثانيا ابحث عن الوسم <data:post.body/> و اضف الكود التالي تحته

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='bzmbio'>
<img src='رابط الصورة'/>
<h6>الكاتب : <strong>اسم الكاتب هنا</strong></h6>
<span>نبذة قصيرة عنك</span>
<div style='clear: both;'/>
</div>
</b:if>

الشرح فيديو

 أي أستفسار ضعه في تعليق

في أمان الله