اضافة التعريف الكاتب على شكل اقتباس

أهلا وسهلا أعزائي المتابعين والزوار ، أظن أن إضافات بلوجر لا تنتهي كثيرة هي، ومع اضافة في منتهى الأهمية أيضا تبقى إختيارية لوضعها ولكن أغلب المدونين حتى أصحاب المواقع الكبيرة من الأجانب إلى العرب ،يضعون اضافة تعريف الكاتب أو نبذة عنه .. اسفل الموضوع .. تتميز إضافتنا بتنسيق جميل متكونة من صورة للكاتب و النشرة البريدية زائد أزرار المواقع الإجتماعية بتأثير جميل

• طريقة التركيب كتالي

1. نبحث عن <b:skin/><[[
2. ونضع هذا الكود فوقه

/* post author */
.post-authoor p:after{ content:"\f10d";  font-family:fontawesome;  margin-right:4px}
.post-authoor p:before{ content:"\f10e";  font-family:fontawesome;  margin-left:4px}
.post-authoor p{ padding:0 28px;  font-size:15px;  color:#f3f3f3;  margin-top:4px;  line-height:26px}
.post-authoor h3{ font-size:23px;  font-weight:100}
.post-authoor .author-img-fo{ width:100px;  height:100px;  text-align:center;  border:2px solid #3d4a60;  border-radius:8px;  position:absolute;  right:0;  left:0;  top:-50px;  margin:auto}
.post-authoor:before{ content:"\f10e";  font-family:fontawesome;  margin-left:4px;  position:absolute;  right:20px;  font-size:77px;  top:14px;  color:rgba(0,0,0,0.14)}
.post-authoor:after{ content:"\f10d";  font-family:fontawesome;  margin-right:4px;  position:absolute;  left:20px;  font-size:77px;  bottom:10px;  color:rgba(0,0,0,0.14)}
.post-authoor{ border:1px solid #eee;  border-left:0;  text-align:center;  position:relative;  border-right:0;  padding:20px 0;  background:#3d4a60;  padding-top:64px;  color:#fff;  margin:42px auto;  max-width:95%;  border-radius:11px;  margin-bottom:0;margin-top: 77px;}