أضف اداة تعريف الكاتب أسفل مواضيع المدونة لبلوجر Author Bio

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

زوار المدونة الكرام أقدم لكم إضافة تعريف الكاتب الأكثرمن رائعة

هذه الأخيرة عدلت فيها بعض الشيئ حيث اضفت أزرار المشاركة داخلها لمشاركة الموضوع في الشبكات الإجتماعية

يمكنك التحكم في الاداة كما شئت غير الألوان غير أيقونات الشبكات الإجتماعية غير حجم الصورة الشخصية
أضف روابط لمواقعك الأخرى مثلا يعني تحكم كامل بالأداة

صورة للأداة

إضغط على الصورة لتضهر بحجمها الطبيعي

لتركيب الاداة إتبع هذه الخطوات

أولا إبحث عن 

 ]]></b:skin>

ثم فوقها ضع هذا الكود

 /*Arabe-eye Author Bio */ .postauthor { background: #F5F5F5; hover:color:#222; border-top: 1px solid #e1e1e0; border-bottom: 1px solid #e1e1e0; border-left: 1px solid #e1e1e0; border-right: 1px solid #e1e1e0; overflow: hidden; padding: 0.7em; } .postauthor img { border: 5px solid #e2dede; float: right; margin-left: 1em; } .postauthor h3 { color: #666; font-size: 1.2em; margin-bottom: 5px; margin-top: 0; } .postauthor p { color: #515151; font-size: 12px; margin-bottom: 10px; margin-top: 0; } /*Arabe-eye Author Bio End */

الآن ركبنا الكود الرئيسي للإضافة ناتي الآن لإختيار مكان وضع الإضافة وطبعا سيكون أسف الموضوع لذالك إبحث عن

 <data:post.body/>

ستجده مكرر أكثر من مرة إختر الثالتة هي المقصودة ثم ضع تحتها هذا الكود

 <b:if cond='data:blog.pageType == "item"'> <div class='postauthor'> <img alt='' height='100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHsOtD1YB1Z-NyGpw_iVJ9GM5Ik_EQnBhUaTbZRiVkJv5xfpmk_QFhEaD6EoCDEz9mW6HRCrwwjdr7EuAwx9tk2fMum2IrukfG8loGNzcUvZU6JcFfn3XsnoYRLCd4AAQ5FrZ-FyzATqc/' width='100'/> <h3> بقلم <a href='http://arabe-eye.blogspot.com/'>عبد الجليل</a></h3> <p> شاب مغربي أحب كل جديد في عالم الانترنت من مواقع وبرامج واحب التدوين ودائما ابحث عن الجديد لتطوير مهاراتي في مختلف الميادين التي تعجبني</p> <div style='float:left;text-align:left;'> <div class='addthis_toolbox'> <div class='custom_images'> <a class='addthis_button_twitter'><img alt='تويتر' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8hfDdd5NfWB_M4UHSp-0bStblinnp1I8ZRdpBBAVdE6T1OrKYotB1PyGoR2535xCPXvd4ZnVu-xTO7CKGcHsEWRMYhlIlF4QgAbXMu8H0_7DFSkxUv-OJM0SfKaY-CNmXP0kkkT_OX9Os/s1600/twitter.png' width='32'/></a> <a class='addthis_button_delicious'><img alt='ديليسيوس' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie9a6z1_4GIBYJF7-U3z4rnAMQxhkic_BfSk874p7WLEbWZehC8syVGW39RZfjquuaZxNo3ejPrd1E4SEE1c40SrSnH3RAwz6KrB9cgE-SjM0ePYIu52jIziRD2k8ueRneXhTsMFBbVNLN/s1600/delicious.png' width='32'/></a> <a class='addthis_button_facebook'><img alt='فيس بوك' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5_lBfVTxkFiEEUJFpJNlXAeXYFnqDuMHHaBaL5hLarOQTlKsF3vYEEublgwS5841ijvpoLLiNQUWwR3HG69HopzoiV3dwW2i9OKbDozzBpUeMCtW0ntf5tBDx0FwMVPGySRnLq_-1qzwZ/s1600/facebook.png' width='32'/></a> <a class='addthis_button_digg'><img alt='ديج' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnxdl8u2XtBq6NyqI5IIhF2x8_b2fiLcyM1QVL_yneLFVV7OtZGEgW7Bif-NFk_OTOXZcPIFnUQsHnLtHOLxSNlm3Gc0Y4FrN7Fz9vVO_uXPgtTTJ2zMAa6IQxqBEGgISwpNcYet3sFvdI/s1600/digg.png' width='32'/></a> <a class='addthis_button_stumbleupon'><img alt='ستامبلابن' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJNxBcziKJZH0NnAK-VvtcG64wODVUGJkHf5SeIQBD6NzMas3HBt97e_dHwYlTNly-ku9QaqLuWe65IO98XiBoH3LbTFKHzMHS3ctrUwBc3CIEAYnQWoBLGLaVNyn-4hDS3rPFrEvufvfa/s1600/stumbleupon.png' width='32'/></a> <a class='addthis_button_favorites'><img alt='المفضلة' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh294K9UuTxJ9RuU4IkElG2pcXzZ_k2dfDjEKq3-_qyxBKBgycWNxuZLqHP6cYR96MNnIrSKhnKUa8i00JI5yluphhY-HZa_u1MB8tufV7t6siatKt6TPfBU9sb_BjeCkX_T4m-lDiF2L-9/s1600/favorites.png' width='32'/></a> <a class='addthis_button_more'><img alt='المزيد' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSyTdBEzyp-jfWsI-Smg9217iMzNcBocnxBOszLJjgJ_js7hfbQwv-r7poroH1vlRz-DODzugU6qvUuVVroVp-aW4b7uBcZvFwWvAuCYktaP1qf3gg_X3Wu8MVYPopkNDhmWC2Qyh4Q6GM/s1600/more.png' width='32'/></a> </div> <script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'></script> </div> </div> </div> </b:if>

ما عليك تغييره هو الصورة ومعلومات الكاتب هذا فقط لا غير

أتمنى ان تعجبكم الإضافة بالتوفيق للجميع

دمتم في رعاية الله وحفضه