إضافة تعريف كاتب الموضوع

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

معاينة

طريقة تركيب إضافة تعريف كاتب الموضوع

نبحث عن هذا الوسم وتضع فوقه الكود التالي

]]></b:skin>

/*الكاتب*/
.authorbio {
background-color: #F8F8F8;
margin-bottom: 20px;
margin-top: 30px;
padding: 20px 10px;
}
.authorbio img {
border: 3px solid #eee;
float: right;
height: 125px;
margin: 0 0 0 10px;
outline: 1px solid #ddd;
width: 125px;
}
.authorbio h6 {
display: inline-block;
margin: 0;
font-size: 17px;
margin-bottom: 8px;
}
.authorbio h6 strong {
color: #3cafe0;
font-size: 17px;
}
.authorbio span {
color: #666;
display: block;
font: 16px/2em tahoma;
margin: 0;
}

الكود الثاني

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='authorbio'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd-DfDUr-CqvH_hqxHrmg86hjWy8Nh_BTU9TCE3QCnM_T-SaVpKWTfBY96SyqVwaR17h2_bDeoPCnJQPyap9tHUCqSjDavxXZzOqh6REDTXRT4VaS8yauwIrlir_OIi3TX3AleXmxmlObK/s223-Ic42/blank_user.jpg'/>
<h6>الكاتب : <strong>اسم الكاتب هنا</strong></h6>
<span>نبذة عن كاتب الموضوع</span>
<div style='clear: both;'/>
</div>
</b:if>

ويوضع أسفل هذا الكود

<div class='post-footer'>

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

شارك المقالة عبر:

إقرأ أيضا