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

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

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

مدونة تقنيه

http://egnology.blogspot.com/
معاينة الاضافة :

http://4.bp.blogspot.com/_XrWO8mEpDy...r-blogger2.jpg

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

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

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

ضع علامة في خانة توسيع القوالب
ابحث عن الكود التالي : ]]></b:skin>

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

كود بلغة HTML:

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

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

كود بلغة 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>

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

المصدر : اضافة اسم الكاتب