السلام عليكم متابعي مدونة المبتكر، في سلسلة إضافات ودروس بلوجر دائما ، سوف
أضيف لكم اضافة تعريف الكاتب أو نبذة عنه .. اسفل الموضوع .. تتميز إضافتنا بتنسيق جميل متكونة من صورة للكاتب
للمعاينة من هنا
شرح طريقة التركيب
1 . نتوجه لقالب >> تحرير
2. ابحث بإستعمال CTRL+F عن < b:skin/ ><[[
ضع الكود التالي قبله [ فوقه ]
/* CSS Author Box */
.articleAuthor{overflow:hidden;margin-bottom:10px}
.authorContent{overflow:hidden;background:#fafafa;padding:20px;margin:1px;margin-bottom:0;border: 1px solid #eee;}
.authorright{overflow:hidden;float:right;margin-left:20px;}
.authorright .authorAvatar{overflow:hidden;}
.authorright .authorAvatar img{display:block;border: 2px solid #CAC9C9;
padding: 1px;}
.authorDetails{overflow:hidden;margin-bottom:5px;}
.authorDetails h2{font-size:16px;color:#555}
.authorDetails span{display:block;padding-top:3px}
.articleAuthor .authorContent p{line-height:20px;margin-bottom:10px;margin:0;}
4. ابحث عن
< div class='post-footer' >