أخر الأخبار
recent

اضافات بلوجر : اضافة صندوق تعريف الكاتب الإحترافية

 اضافات بلوجر : اصافة صندوق تعريف الكاتب الإحترافية تحديث


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

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

_ اذهب إلي لوحة تحكم مدونتك ثم أضغط علي زر التخطيط ثم اضافة اداة بعد ذلك اختر خيار "HTML/Javascript " ثم اضف الكود التالي ثم اضغط علي زر الحفظ . ومبرووك علي اللإضافة . 

<style>/* About blog for http://web3r.blogspot.com/ */.aboutpro-img{position:relative;}.aboutpro-img img {max-width:100%;width:100%;}.aboutpro-wrapicon{display:block;margin:15px auto 0;position:relative;}.aboutpro-wrapicon .extender{width:100%;display:block;}.extender{text-align:center;font-size:18px}.extender .aboutpro-icon{background:#fff;display:inline-block;margin:0 3px;padding:0;border-radius:2px;transition:all .5s}.extender .aboutpro-icon:nth-child(1){background:#3b5998}.extender .aboutpro-icon:nth-child(2){background:#19bfe5}.extender .aboutpro-icon:nth-child(3){background:#d64136}.extender .aboutpro-icon:nth-child(4){background:#006699}.extender .aboutpro-icon:nth-child(5){background:#fd9f13}.extender .aboutpro-icon:hover{background:#333;}.extender .aboutpro-icon a{display:inline-block;font-family:fontawesome;height:36px;width:36px;line-height:36px;font-weight:normal;color:#fff;transition:all .5s}.extender .aboutpro-icon:hover a,.extender .aboutpro-icon a:hover{color:#fff;}.aboutpro-info{margin-top:20px;font-size:12px}.aboutpro-info h4{margin-bottom:10px;font-size:16px;text-transform:uppercase;color:#202020;font-weight:700}</style><div class="widget-content"><div class="sidebar_about_author"><div class="inner_wrapper"><div class="aboutpro-img"><img alt="Author" class="img-responsive" height="320" src="https://scontent-frt3-1.xx.fbcdn.net/hphotos-xfp1/v/t1.0-9/11698626_1464161563899656_3120152843464094704_n.jpg?oh=3fa99462b5fedafe9fe0c484b6a3728c&oe=5780222B" title="Author" width="320" /></div></div><div class="aboutpro-info"><center><h4>Aba Nob</h4></center><p>ابانوب من مصر 19 سنة أعشق التدوين وأهتم بأخبار الانترنت وعالم التصميم وهدفي من خلال هذة المدونة هو مساعدة المدونين علي تطوير مدوناتهم من خلال تجربتي المتواضعة التي أكتسبتها خلال مشواري التدويني .</p></div><div class="aboutpro-wrapicon"><ul class="extender"><li class="aboutpro-icon"><a href="https://www.facebook.com/abanobsubhi" rel="nofollow" target="_blank" title="Facebook"><i class="fa fa-facebook"></i></a></li><li class="aboutpro-icon"><a href="https://twitter.com/web3rab" rel="nofollow" target="_blank" title="Twitter"><i class="fa fa-twitter"></i></a></li><li class="aboutpro-icon"><a href="#" rel="nofollow" target="_blank" title="Google+"><i class="fa fa-google-plus"></i></a></li><li class="aboutpro-icon"><a href="#" rel="nofollow" target="_blank" title="Linkedin"><i class="fa fa-linkedin"></i></a></li><li class="aboutpro-icon"><a href="#" rel="nofollow" target="_blank" title="RSS"><i class="fa fa-rss"></i></a></li></ul></div></div></div>

ليست هناك تعليقات:

إرسال تعليق

يتم التشغيل بواسطة Blogger.