السلام عليكم ورحمة الله تعالى وبركاته
في هذا الشرح سنتعلم كيف نضع تعريف أو سيرة ذاتية صغيرة أسفل المواضيع لمدونات بلوجر.
الاضافة هذه تمكن الزائر من معرفة معلومات حول الكاتب ، وتعتمد على اضافة على أكواد Css الى قالب مدونتك .
ولمعرفة الطريقة الفعالة المرجو اتباع الطريقة التالية .
معاينة الاضافة :
طريقة تركيب إضافة تعريف الكاتب في مدونات بلوجر الشخصية :
وقبل القيام باي تغيير قم بحفظ نسخة احتياطية للقالب
من لوحة التحكم اتجه الى تصميم ثم تحرير HTML
ضع علامة في خانة توسيع القوالب
ابحث عن الكود التالي :
]]></b:skin>
ثم ضع قبله كود CSS التالي :
[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/> OR <div class='post-footer-line post-footer-line-3'/>
(إن وجدت اثنتين فالثانية هي المقصودة) ثم مباشرة بعدها ضع الكود الآتي :
<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>نبذة عن الكاتب + يمكنك متابعتي من خلال حسابي على <a href='رابط حسابك على الفيسبوك ' target='_blank'>الفيسبوك</a> . <a href='رابط حسابك على جوجل بلس' target='_blank'>جوجل بلس</a></p> </div> </b:if>
غير التالي بما يناسبك :
- رابط الصورة الشخصية
- اسم الكاتب
- نبذة عن الكاتب +
- رابط حسابك على الفيسبوك
- رابط حسابك على جوجل بلس
ليست هناك تعليقات:
إرسال تعليق