طريقة تركيب إضافة تعريف الكاتب في مدونات بلوجر الشخصية
هذه الطريقة سوف تهم المدونات الشخصية التي يكتب فيها كاتب ، و ستظهر نبذة عنه في أسفل كل مواضيع مدونته.
من لوح تحكم مدونتك توجه إلى تصميم ثم تحرير HTML و قبل البدء في التعديل احفظ نسخة احتياطية من قالبك ضع علامة في خانة توسيع القوالب.
ابحث عن
]]></b:skin>
و قبله مباشرة ضع كود الآتي :
/* 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 == "item"'>
<div class='postauthor'>
<img alt='' height='80' src='رابط الصورة الشخصية' width='80'/>
<h3>بقلم <a href='Blog Link'> اسم الكاتب </a></h3>
<p> نبذة عن الكاتب </p>
</div>
</b:if>
ثم قم بتغير
'رابط الصورة الشخصية
اسم الكاتب
نبذة عن الكاتب
هذه الطريقة سوف تهم المدونات الشخصية التي يكتب فيها كاتب ، و ستظهر نبذة عنه في أسفل كل مواضيع مدونته.
من لوح تحكم مدونتك توجه إلى تصميم ثم تحرير HTML و قبل البدء في التعديل احفظ نسخة احتياطية من قالبك ضع علامة في خانة توسيع القوالب.
ابحث عن
]]></b:skin>
و قبله مباشرة ضع كود الآتي :
/* 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 == "item"'>
<div class='postauthor'>
<img alt='' height='80' src='رابط الصورة الشخصية' width='80'/>
<h3>بقلم <a href='Blog Link'> اسم الكاتب </a></h3>
<p> نبذة عن الكاتب </p>
</div>
</b:if>
ثم قم بتغير
'رابط الصورة الشخصية
اسم الكاتب
نبذة عن الكاتب



