اضافة تعريف الكاتب لمدونات بلوجر

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

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

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

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

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

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

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

من لوحة التحكم اتجه الى تصميم ثم تحرير HTML

ضع علامة في خانة توسيع القوالب

ابحث عن الكود التالي :

]]></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/> OR <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>

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

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

- اسم الكاتب

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

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

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