نبذه عن الكاتب بشكل جديد ورائع لمدونات بلوجر

3:19 ص Hady Mohamed 0 تعليق

يوجد الكثير فى مدونات بلوجر اضافه نبذة عن الكاتب أسفل كل تدوينة ولكن هذة الاضافه

جديدة لم تجدة إلا فى مدونة مدون فقط شكل رائع للإضافه css وهى تحمل نبذه عن الكاتب أسفل

كل تدوينة ويمكنك التحكم فى العرض او اللون او أى شئ آخر تريد التعديل عليه على الكود

المخصص لذلك وهو الـ css سوف أضع لك علامات على الأشياء الهامة الذى تعدل عليها إذا أردت

ذلك مثل العرض الارتفاع أشياء كهذا.

الخطوة الأولى تركيب الـ css

الذهاب إلى لوحة التحكم الرئيسية> تصميم> تحرير HTML.
ننصح بأخذ نسخه إحتياطية لتجنب أى أخطاء لا قدر الله
ثم إبحث عن ]]></b:skin>

وضع الكود التالى فوقه

.author_info {
float: right;
width: 520px;
padding: 10px;
border: 5px double #000000;
margin-bottom: 15px;
margin-top: 15px;
background: #FCDFFF;
        font-family:verdana;



}
.author_info h3 {
margin-bottom: 10px;
        font-family:consolas;


}
.author_photo {
float: right;
margin: 15 5 6 15px;
}
.author_photo img {
border: 1px dashed #4C7D7E;
}

الخطوة الثانية إضافه القطعه

والآن نبحث عن <div class='post-footer-line post-footer-line-1'/>

ثم إلصق الكود التالى أسفله

<b:if cond='data:blog.pageType == "item"'>
<div class='author_info'>
<div class='author_photo'>
<img alt='author' src='http://img801.imageshack.us/img801/8797/32834310.png'/ height="110" width="120"></div>



                   <div align="center"> <h3><p> مدونة مدون تهتم ببلوجر والفوتوشوب من دروس واضافات وهاكات وايضاً ملحقات الفوتوشوب ،خطوط،أكشنات،إستايلات،أيقونات،كل شئ عن الفوتوشوب ملحقات إحترافية </p><h3>
                   </div>

                   <div align="center"><p>تابعنى على <a href='http://twitter.com/mdwan_blogger'>تويتر</a> أو <a href='http://www.facebook.com/mdwanblog'>فيس بوك</a><br</p></div>
                   

</b:if>