Launching
launchpad

أحاديث نبوية شريفة

إنضم إلى متابعينا ليصلك جديدنا

بحث في المدونة

Member

الأكثر مشاهدة

Fourni par Blogger.

أرشيف المدونة الإلكترونية

المشاركات الشائعة

mardi 2 avril 2013

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


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

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

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

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

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

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

  • ابحث عن الكود التالي : ]]></b:skin>

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





    /* 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 */





  • الآن ابحث عن <data:post.body/> (إن وجدت اثنتين فالثانية هي المقصودة)  ثم مباشرة بعدها ضع الكود الآتي :




  • <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>






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

Aucun commentaire:

Enregistrer un commentaire