السلام عليكم ورحمة الله وبركاته
اليوم سوف اقدم لكم كيفية اضافة تعريف بصاحب او الكاتب المدونة تحت كل تدوينة
اولا ادهب
اليوم سوف اقدم لكم كيفية اضافة تعريف بصاحب او الكاتب المدونة تحت كل تدوينة
اولا ادهب
- لوحة التحكم
- قالب
- Html تحرير
- توسيع القالب
- الان اضغط
- Ctrl+f
- كي نبحث عن
- ]]></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 */
.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>
<div class='postauthor'>
<img alt='' height='80' src='رابط الصورة الشخصية' width='80'/>
<h3>
بقلم <a href='Blog Link'> اسم الكاتب </a></h3>
<p>
فقرة تضم نبذة عن الكاتب </p>
</div>
</b:if>
تم غيرفي هدا الكود
رابط الصورة الشخصية
اسم الكاتب '
فقرة تضم نبذة عن الكاتب
رابط الصورة الشخصية
اسم الكاتب '
فقرة تضم نبذة عن الكاتب
ليست هناك تعليقات:
إرسال تعليق