اضافة تعريف الكاتب بشكل جديد و حصري اسفل التدوينات

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

طريقة الاضافة

1. لوحة التحكم
2. قالب
3. تحرير HTML
4. و ابحث عن الكود التالي باسخدام  ctrl + f

</style>

1. وضع فوقه هذا الكود 

/* CSS Author Bio Box by th3kurdi.blogspot.vom */.authorboxwrap{Font-family: Open Sans;background:#fff;margin:10px auto 20px;padding:20px;overflow:hidden;border:1px solid #ccc;}.avatar-container {float:right;margin-left:20px;border: 1px solid silver;padding: 3px;}.avatar-container img{width:90px;height:auto;}.author_description_container h4{font-family:Open Sans; font-weight:700;font-size:16px;display:block;margin:0;margin-bottom:2px}.author_description_container h4 a{color:#ef4824}.author_description_container h4 a:hover{color:#404040}.author_description_container p{margin:0;color:#888;font-size:95%;margin-bottom:9px;font-family:tahoma;font-weight:normal;}.authorsocial a{display:inline-block;text-align:center;margin-right:10px}.authorsocial a i{font-family:Fontawesome;width:20px;height:20px;line-height:20px;padding:5px;display:block;opacity:1;border-radius:50%;transition:all .3s;}.authorsocial a:nth-child(1) i {background:#2d609b;color:#fff;}.authorsocial a:nth-child(2) i {background:#19bfe5;color:#fff;}.authorsocial a:nth-child(3) i {background:#eb4026;color:#fff;}.authorsocial a:hover:nth-child(1) i,.authorsocial a:hover:nth-child(2) i,.authorsocial a:hover:nth-child(3) i {opacity:0.90;}

1. ثم ابحث عن الكود التالي وستجده متكرر الاخير هو المطلوب

<data:post.body/> 

1. وضع اسفله هذا الكود

<b:if cond='data:blog.pageType == &quot;item&quot;'><div class='authorboxwrap'><div class='authorboxfull'><div class='avatar-container'><a href=''><img class='author_avatar' expr:alt='data:post.author' expr:src='data:post.authorPhoto.url' height='110' width='110'/></a></div><div class='author_description_container'><h4><a href='#' rel='author'><data:post.author/></a></h4><p>لقد تم توليد هذا النص من مولد النص العربى</p><div class='authorsocial'><a class='img-circle1' href='#' rel='nofollow' target='_blank'><i class='fa fa-facebook'/></a><a class='img-circle2' href='#' rel='nofollow' target='_blank'><i class='fa fa-twitter'/></a><a class='img-circle3' href='#' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/></a><div class='clr'/></div></div></div></div><div style='clear:both'/></b:if>

1. و اخيرا اضغط على حفظ و مبروك الاضافة
2. و اذا اعجبك الموضوع ادعمنا بتعليق