طريقة إظافة تعريف الكاتب لمدونات Blogger

السلام عليكم و رحمة الله و بركاته
في هذا الشرح سنتعلم كيفية إضافة   تعريف أو سيرة ذاتية صغيرة لكاتب الموضوع أسفل المواضيع لمدونات بلوجر.
 هذه الاضافة  تمكن زوارك من معرفة معلومات حول الكاتب ، وتعتمد على اضافة على أكواد Css الى قالب مدونتك .حيث يمكن من خلال هذه الإضافة كتابة نبذة عنك لتقريب الزائر إليك

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

طريقة تركيب الإضافة

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

من لوحة التحكم الخاصة بك اتجه الى قالب ثم تحرير HTML
إضغط على ctrl+f و قم بالبحث عن الكود التالي :

]]></b:skin>

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

[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/> أو <div class='post-footer-line post-footer-line-3'/>

(إن وجدت اثنتين فالثانية هي المقصودة) ثم مباشرة بعدها ضع الكود الآتي :

    <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>نبذة عن الكاتب + يمكنك متابعتي من خلال حسابي على  <a href='رابط حسابك على الفيسبوك ' target='_blank'>الفيسبوك</a>  . <a href='رابط حسابك على جوجل بلس' target='_blank'>جوجل بلس</a></p> </div> </b:if>

غير ما تم تلوينه  بما يناسبك :

- رابط الصورة الشخصية

- اسم الكاتب

- نبذة عن الكاتب +

- رابط حسابك على الفيسبوك