اليوم اقدم لك طريقة إضافة تعريف للكاتب أسفل موضوع مع صورة شخصية بلوجر مثال
.
فاذا الكود يساعد علي كتابة نبذة عنك وعن المدونة بطريقة سهل تبين لزائر من انت
مثال كم موضح في الصورة القادمة
الشرح
اولأ اذهب الي لوحة التحكم
ثم قالب في مدونة بلوجر
ثم تحرير 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 == "item"'> <div class='postauthor'> <img alt='' height='80' src='رابط الصورة الشخصية' width='80'/> <h3>بقلم <a href='Blog Link'> اسم الكاتب </a></h3> <p> فقرة تضم نبذة عن الكاتب </p> </div> </b:if>غير رابط الصور الشخصية ضع رابط الصور
اسم الكاتب اكتب اسمك
فقرة تضم نبذة عن الكاتب ضع وصف ليك مختصر
مثال
ارجو ان اكون وفقت في الشرح
اعجبك الموضوع؟ مشاركتها مع أصدقائك:-
0 التعليقات:
POST A COMMENT