اضافة تعريف الكاتب مثل مدونة عالم العرب

السلام عليكم ورحمة الله وبركاته

اليوم نتابع مسيرة اضافات وقوالب بلوجر نقدمها للاخوة المدونين كي تساعدهم واليوم جلبت لكم اضافة مهمة جدا لمدونات بلوجر ولاي مدون وهي تعريف الكاتب هذه الاضافة لها اهمية حيث انها تقوم بي بجعل الزائر يعرف من نشر الموضوع ويعرف عنك بعض معلوماتك التي تنشرها والاضافة هذه اليوم مثل مدونة عالم العرب شكل الكاتب مثل الاقتباس كي لااطيل

شرح طريقة التركيب

قم بالتوجه الي مدونتك
ثم قم باختيار قالب ثم تحرير HTML
ثم قم بالبحث عن الوسم <b:skin/><[[
ثم ضع هذه الاكواد فوقه

/* 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;}

ثم قم بالبحث عن <div class='post-footer'> ان لم تجده ابحث عن <div class='sharepost'>
ثم قم بوضع هذا الكود اسفله

<div class='post-authoor'>
<img class='author-img-fo' expr:src='data:post.authorPhoto.url'/>
<div class='author-cont'>
<h3><span>بقلم:</span>عمرو خالد</h3>
<p>
عمرو خالد مدون مصري احب التعرف علي جديد جديد واسعد الجميع عبر مدونتي المتواضعة ويب فور مهتم بكل ما هو جديد في عالم التقنية </p>
</div>
</div>