الإعلاميات و الأنترنت: اضافة نبذه عن كاتب المقال لمدونات Blogger

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

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

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

الاضافة هذه تمكن الزائر من معرفة معلومات حول الكاتب.


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


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

 ]]></b:skin>

ثم ضع قبله الكود التالي :
كود 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 == &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>

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

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



من فضلك شارك هذا الموضوع اذا اعجبك

ضع تعليقا أخي الكريم

التعليقات
0 التعليقات

No comments:

Post a Comment

جميع الحقوق محفوظة الإعلاميات و الأنترنت ©2014 | ، نقل بدون تصريح ممنوع Privacy Policy | إتصل بنا