أضافة تعريف الكاتب للبلوجر !

السلام عليكم ورحمة الله تعالى وبركاته .
في هذا الشرح سنتعلم كيف نضع تعريف أو سيرة ذاتية صغيرة أسفل المواضيع لمدونات بلوجر.
الاضافة هذه تمكن الزائر من معرفة معلومات حول الكاتب ، وتعتمد على اضافة على أكواد 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 == &quot;item&quot;'> <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