الطريقة السحرية والسريعه لأضافة تعريف الكاتب اسفل الموضوع للمدونات بلوجر ! css

السلام عليكم ورحمة الله تعالى وبركاته .

في هذا الشرح سنتعلم كيف نضع تعريف أو سيرة ذاتية صغيرة أسفل المواضيع لمدونات بلوجر.

الاضافة هذه تمكن الزائر من معرفة معلومات حول الكاتب ، وتعتمد على اضافة على أكواد Css الى قالب مدونتك .

ولمعرفة الطريقة الفعالة المرجو اتباع الطريقة التالية .

معاينة الاضافة :

طريقة تركيب إضافة تعريف الكاتب في مدونات بلوجر الشخصية :

وقبل القيام باي تغيير قم بحفظ نسخة احتياطية للقالب 

• من لوحة التحكم اتجه الى تصميم ثم تحرير HTML
  
  
  • ضع علامة في خانة توسيع القوالب
• ابحث عن الكود التالي : ]]>

ثم ضع قبله كود CSS التالي :

[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]

 

• الآن ابحث عن  (إن وجدت اثنتين فالثانية هي المقصودة) ثم مباشرة بعدها ضع الكود الآتي :
  <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>

غير التالي بما يناسبك :
- رابط الصورة الشخصية
- اسم الكاتب
- فقرة تضم نبذة عن الكاتب