السلام عليكم ورحمة الله تعالى وبركاته .
في هذا الشرح سنتعلم كيف نضع تعريف أو سيرة ذاتية صغيرة أسفل المواضيع لمدونات بلوجر.
الاضافة هذه تمكن الزائر من معرفة معلومات حول الكاتب ، وتعتمد على اضافة على أكواد Css الى قالب مدونتك .
ولمعرفة الطريقة الفعالة المرجو اتباع الطريقة التالية .
معاينة الاضافة :
طريقة تركيب إضافة تعريف الكاتب في مدونات بلوجر الشخصية :
وقبل القيام باي تغيير قم بحفظ نسخة احتياطية للقالب
- من لوحة التحكم اتجه الى تصميم ثم تحرير HTML
- ضع علامة في خانة توسيع القوالب
- ابحث عن الكود التالي : ]]></b:skin>
- ثم ضع قبله كود CSS التالي :
كود بلغة HTML:
[B][/B]
[B] /* 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 */ [/B]
- الآن ابحث عن <data:post.body/> (إن وجدت اثنتين فالثانية هي المقصودة) ثم مباشرة بعدها ضع الكود الآتي :
كود بلغة HTML:
<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>
غير التالي بما يناسبك :
- رابط الصورة الشخصية
- اسم الكاتب
- فقرة تضم نبذة عن الكاتب
المصدر : http://4we-eb.blogspot.com/2013/02/blog-post_15.html