عرض مشاركة واحدة
قديم 08-03-2013, 03:15 PM   #1
Mohamed Shoman
مدون جديد
 
تاريخ التسجيل: Aug 2013
المشاركات: 12
Talking الطريقة السحرية والسريعه لأضافة تعريف الكاتب للبلوجر ! css



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

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

مدونة تقنيه


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



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


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

من لوحة التحكم اتجه الى تصميم ثم تحرير 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>


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

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















الدعم العربي

Mohamed Shoman غير متواجد حالياً   رد مع اقتباس