اضافة نبذه عن كاتب المقال لمدونات Blogger

12:05 ص | مرسلة بواسطة M . Elgemezy | | تعديل الرسالة

اضافة نبذه عن كاتب المقال لمدونات Blogger

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

صورة للاضافة :

طريقة تركيب إضافة تعريف الكاتب في مدونات بلوجر الشخصية :
وقبل القيام باي تغيير قم بحفظ نسخة احتياطية للقالب
من لوحة التحكم اتجه الى تصميم ثم تحرير HTML
ضع علامة في خانة توسيع القوالب
ابحث عن الكود التالي :

]]></b:skin>

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

[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/>
(إن وجدت اثنتين فالثانية هي المقصودة)
ثم مباشرة بعدها ضع الكود الآتي :
كود 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>

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

... نهاية الشرح ...

اقرا ايضا :

ولأي إستفسار الرجاء ترك تعليقاتكم لأقوم بالإجابة عليها في القريب العاجل

لا تقرأ وترحل شارك معنا بتعليق فنحن نسعى لنقدم لك الافضل والاجمل

بقلم : Abda3Design

لخدمات التصميم والبرمجة

إدارة تتبنى عمل المواقع الخدمية المتنوعة للأفراد والهيئات والمؤسسات الكبرى. كما يمكنها عمل مواقع للتجارة الإلكترونية كما تتميز مؤسسة "ابداع ديزاين" . بأقوى فريق عمل متواصل مع العملاء 24 ساعة على مدار الأسبوع وتمتاز أيضا بكفاءة الدقة والسرعة