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

اهلا بكم متابعينا الكرام فى موقعكم استيفن تكنولوجي المتواضع

الكثير من المدونين على منصة بلوجر يملكون مواقع الكترونية خاصة بهم سوء فى مجال التقني او اى مجال اخر , بتاكيد يحتاجون الكثير من الاضافات بلوجر الاحترافية لتركيبها على موقعهم الخاص من اهم هذة الضافات هي اضافة تعريف صاحب الموقع 
هذة الضافة مهمة جدا لاصحاب المدونات لتعرف زوارك عليك اكثر

ملحوظة

1.  الاضافة مدفوعة سعرها 20 دولار لكن الان مجانية لجميع متابعينا حصريا علي استيفن تكنولوجي

مميزات الاضافة

1. بسيطة وسريعة التحميل
2. تصميم احترافي و انسيابي
3. متجاوبة مع جميع الاجهزة
4. يمكنك وضع صورتك الشخصية
5. يمكنك وضع رابط حسابك الخاص فيها

خطوات التركيب

1. اذهب الي التخطيط> اضافة اداه > واختار HTML/JavaScript من ثم ضع هذا الكود

<div class='iuauthor-item'> <div class='image-wrap'> <img class='img-circle author_avatar img-responsive' src='http://store2.up-00.com/2016-09/1475073381341.jpg'/> </div> <h4 class='iuauthor-name'> <a href='https://www.facebook.com/STEVENBOSHRA' target='_blank'>استيفن بشرى</a> <p> مدون و مصمم و يوتيوبر مصري مواليد 2002 صاحب موقع "استيفن تكنولوجي " هدفى هو نشر جميع المواضيع فى شتى مجالات التقنية عبر موقعي الى المحتوى العربي </p> </h4> </div> <style> /*------------------------------------------------------ Iuauthor-Item ------------------------------------------------------*/ .iuauthor-item { padding: 15px 10px; text-align: center; margin-top: -20px; } .iuauthor-item .image-wrap { position: relative; overflow: hidden; border-radius: 50%; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); width: 230px; margin: 0 auto; height: 230px; margin-bottom: 15px; } .iuauthor-item h4.iuauthor-name a { font-size: 18px; margin-bottom: 10px; display: block; color: #a32f37; border-bottom: 1px dashed #ccc; padding-bottom: 9px; border-top: 1px dashed #ccc; padding-top: 6px; } .iuauthor-name p { color: #22273d; font-size: 14px; margin-top: 17px; font-weight: 100; margin-bottom: -30px; } .iuauthor-item .image-wrap:before { content: ''; display: block; position: absolute; border-radius: 50%; border: 10px solid #f9f9f9; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; opacity: .7; margin: auto; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: all .4s linear; transition: all .4s linear; } </style>

1. من ثم عدل على الرابط و نص التعريف كما تريد وهذة الخطوة سهلة ولا تحتاج الى شرح 

بعد ذلك قم بحفظ الإضافة ومبروك عليك :)

الى هنا قد انتهاء موضوعنا اليوم الذي يخص بشكل عام مدونين بلوجر والى القاء فى مواضيع اخري عن اضافات بلوجر