إضافة تعريف الكاتب لمدونات بلوجر بطريقة أحترافية 2015

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

اليوم سوف نتطرق إلى إضافة الكل يعرفها إلا وهي إضافة تعريف الكاتب  وذلك بناء على طلب الأخوة والأخوات . 

نبذة عن الكاتب

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

تابعني من خلال مواقعنا الاجتماعية:

-طريقة تركيب الإضافة :

1- ادخل إلى مدونتك | ثم أختر تحرير قالب .

2- إبحث عن السطر التالي :

<div class='post-footer-line post-footer-line-1'>

- ملاحظة هذا السطر يوجد منه اثنان المقصود هو السطر الثاني .

3- ضع الكود التالي تحته :

<style>.wc-aboutauthor{float:left;width:500px;padding:15px;border:1px solid #ccc;margin-bottom:15px;margin-top:15px;background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijIcxdKoYdQUEskVnsFTTEbvS1DO4GtIc0YxrZ-wWDURvExc8i1x4mqZdP-so9LTVQBZmTHmReb_zQVaBNCsDUCFGFSm8YkKfBJjTsOQrj9i1GgakkzUQs3IS3gtM7kBJWPwl3poLGiXT7/s1600/backgrounds.png');color:#444444;-webkit-box-shadow:0px 0px 10px  rgba(0, 0, 0, .5);-moz-box-shadow:0px 0px 10px  rgba(0, 0, 0, .5);box-shadow:0px 0px 10px  rgba(0, 0, 0, .5);}.wc-aboutauthor h2{color:#b6e026;font-family:Helvetica,Arial;font-weight:bold;text-shadow:#64665b 0px 1px 1px;font-size:28px;margin-bottom:-6px;
}.wc-aboutpic{float:right;margin:0 0 0 10px;}.wc-aboutpic img{border:1px solid #999999;-webkit-transition:-webkit-transform .15s linear;-moz-transition:-moz-transform .15s linear;-o-transition:-o-transform .15s linear;transition:transform .15s linear;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.27);-moz-box-shadow:0 3px 6px rgba(0,0,0,.27);box-shadow:0 3px 6px rgba(0,0,0,.27);padding:5px 5px 5px 5px;-webkit-transform:rotate(+5deg);-moz-transform:rotate(+5deg);-ms-transform:rotate(+5deg);-o-transform:rotate(+5deg);transform:rotate(+5deg);float:left;}.wc-aboutpic img:hover{background:#FFFFFF;-webkit-box-shadow:0px 0px 10px  rgba(0, 0, 0, .5);-moz-box-shadow:0px 0px 10px  rgba(0, 0, 0, .5);box-shadow:0px 0px 10px  rgba(0, 0, 0, .5);-webkit-transform:rotate(-1deg);-moz-transform:rotate(-1deg);-ms-transform:rotate(-1deg);-o-transform:rotate(-1deg);transform:rotate(-1deg);}.wc-aboutsoc img{height:35px;margin-bottom:-13px;}.wc-aboutsoc  p{font:16px georgia;color:#ffffff;background:#b6e026;display:inline;border-radius:6px;padding:6px;margin-right:30px;}</style><b:if cond='data:blog.pageType == "item"'><div class='wc-aboutauthor'><div class='wc-aboutpic'><img alt='Author image' height='150' src='http://i19.servimg.com/u/f19/17/70/27/78/7q710.png' width='150'/></div><span style="font-family: Verdana, sans-serif; font-size: large;"><b>نبذة عن الكاتب</b></span><div style="text-align: justify;"><p>
بلدي هو الأردن مشرف سابقا على عدة منتديات و مواقع و صفحات تعليمية على الفيسبوك و من عشاق البحت و الاكتشاف أشياء جديدة و حصرية حول شبكت الأنترنيت من أهمها مدونات بلوجر و وود دبرس و الصفحات على الفيسبوك أحب مساعدة المبتدئين لإنجاز طموحاتهم كما أسعى لتحقيقي طموحاتي  من خلال هذا الموفع المتواضع أتمنى أن تنال مقالاتي إعجابكم و أن أكون أول من يدعمكم لشق طريقكم نحو التطور و الإحتراف و الإستفادة من خلال عرض مجموعة من المعلومات و المواضيع القيمة   </p></div><div class='wc-aboutsoc'><p> تابعني من خلال مواقعنا الاجتماعية: </p><a href='https://www.facebook.com/ChristiaUnion'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFex6kyrlX8z0mHO6SjTmrOSvvhEWUzZMk2ZK6wTP8VBlJbS-KV8tsl5IUnUrhkv4TRl9F-2ozYqX-PM-Y_CqBUcCo1UeGtOPm3qFEHK-dVbtdK-ujncEtGprLk9YUJ33hZZKd-TrFc30w/s1600/facebook.png' title='Facebook'/></a>    <a href='https://www.twitter.com/homeblog7'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq9erDvc9jCt1QzOKkMtum5WtSOcMaL4F0RRS4xD6C8pUmVgOtX0TpavHxGuBiAEglLZFCJqTUozUEg7eMMa0Oo7DJzK0F2p3tuOywYlNZE8sOHwbN0JVcb9vIB6ia5xiNAVuduO2t33VW/s1600/twitter.png' title='Twitter'/></a> <a href='https://plus.google.com/u/0/107922803903972641858' > <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIu6b7zlQkVAg_V2_1XdPApO-Z-jWO-NG6OJ1UUQ1xx2UhjLFqYE68tTTqkUHnrBWKzLTGrJH0n1GEjqfc8gO1n9YAHAhaKvY_NYP89KXx69l3DT_SoTU-KFCIjSFK4pTbbIKVvFOCBM02/s1600/gplus.png' title='Google plus'/></a></div></div></b:if>

- احفظ القالب بعد التعديل بما هو ملون بخاصيتك .