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

الخميس، 18 أبريل، 2013

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

اليوم اقدم لك طريقة إضافة تعريف للكاتب أسفل موضوع  مع صورة شخصية بلوجر 
مثال
.


  فاذا الكود يساعد علي كتابة نبذة عنك وعن المدونة بطريقة سهل تبين لزائر من انت 
مثال كم موضح في الصورة القادمة





 الشرح
اولأ اذهب الي لوحة التحكم
ثم  قالب في مدونة بلوجر
ثم تحرير html 

وتضغط في الكيبورد على ctrl+f

توسيع القوالب وتقوم بالبحث عن هذا الكود

 ]]></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 == &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>

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


 مثال


ارجو ان اكون وفقت في الشرح
اعجبك الموضوع؟ مشاركتها مع أصدقائك:-

Team SB
النشر بواسطة: عبد الرحمن مصطفي

0 التعليقات:

POST A COMMENT

Contact Us

الاسم

بريد إلكتروني *

رسالة *

 

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

Copyright © . eg-y. All Rights Reserved.
Designed by :-Way2themes