اضافة تعريف الكاتب ب السايد بار بشكل احترافى


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

طريقة التركيب


  1. ادخل لوحة تحكم بلوجر من هنا 
  2. اذهب الى التخطيط 
  3.  ثم اضافة اداة html/javascript
  4. وضع فيها الكود التالي
<style>
.dabourphone-about{padding: 0px;
background: #fff;
margin-bottom: 30px}.dabourphone-about .head-bg{position:relative;background-color:#e74c3c;height:90px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover !important;-moz-background-size:cover !important;-o-background-size:cover !important;background-size:cover !important}.dabourphone-about .head-bg .my-pic{position:absolute;bottom:-20px;right:30px;border-radius:50%;overflow:hidden;background-color:#fff;border:5px
solid #609DFF}.dabourphone-about .head-bg .my-pic
img{height:80px;width:80px}.dabourphone-about .head-bg .my-data{padding-right:130px;padding-top:46px;color:#fff}.dabourphone-about .head-bg .my-data
span{display:block;text-transform:uppercase}.dabourphone-about .head-bg .my-data .my-name{font-size:18px;line-height:16px;font-familyge_ss_threeregular;}.dabourphone-about .head-bg .my-data .my-job{font-familyge_ss_threeregular;font-size:10px}.dabourphone-about .my-words{padding:22px 25px 8px 25px;font-size:15px;line-height:21px;font-familyge_ss_threeregular;text-align:center}
.dabourphone-about .social-icon{margin-top:6px;text-align:center;border-top:1px solid #eee;padding:8px 25px 8px 25px}.dabourphone-about .social-icon
a{display:inline-block;margin-left:6px;height:24px;width:24px;color:#fff;border-radius:2px;text-align:center;font-size:18px;background-color:#ddd;transition:background-color 0.2s ease-in-out;-moz-transition:background-color 0.2s ease-in-out;-webkit-transition:background-color 0.2s ease-in-out;-o-transition:background-color ease-in-out}.dabourphone-about .social-icon a:hover{background-color:#e74c3c}.dabourphone-about .social-icon a
i{font-size:18px;display:inline;line-height:25px}.widget .tagcloud
a{display:inline-block;padding:1px
8px;color:#bbb;margin:0 0 6px 3px;border-radius:2px;border:1px
solid #eee;font-size:13px!important;text-transform:capitalize;transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out}
</style>
<div class="dabourphone-about"><div class="head-bg" style="background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp3WIOTcustZmULyanL6UDVa4tqgklb8SXLKOuv71BkpVkKjPlFirGGNCwwyiWpRZ0XOZITufeCsAcb_flRKSwGZ9DmRmwMooNlfU6t7ENja7bGGRS0QBhmPh1oNppSzBq4-bYhawJmKCs/s1600/about-block-bg2.jpg)"><div class="my-pic"><img alt="Mohamed Abodia" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFT6ySPB0UX4zVjPnbiu5izMzoiSxHVTJmK38xj7tfxrag6ZaztjGJRj1-XA29IbumJc0BcL0xHmRZxV6-rtmxEbRJQ1gc3LyVAyQFbb9u_1RW9KtKukOSiVhyJ4vXYRIacQDn8kFGXw6c/s180-no/imohamed.png" /></div><div class="my-data"><span class="my-name"><a style='color: #fff;display:block;' href="https://www.facebook.com/mohamed.ibrahim.2036" target="_blank">محمد ابوضية</a></span>
<span class="my-job">مطور ومبرمج مواقع</span></div></div><div class="my-words">مدون ومصمم ومطور بلوجر مواليد 2000 مدير مدونة دبور فون وبعض المدونات الصغيرة الاخرى مثل مدونة برو ميدو وهى تحت الانشاء لدي خبرتي المتوسطة في الويب بدأت في شهر 7 من 2013 وفي فترة وجيزة قطعت مسافة كبيرة ^_^</div><div class="social-icon"><a href="https://www.facebook.com/mohamed.ibrahim.2036" target="_blank"><i class="fa fa-facebook"></i></a><a href="https://www.facebook.com/mohamed.ibrahim.2036" target="_blank"><i class="fa fa-twitter"></i></a><a href="#" target="_blank"><i class="fa fa-dribbble"></i></a><a href="https://plus.google.com/+iMohamedAbodia" target="_blank"><i class="fa fa-google-plus"></i></a><a href="#" target="_blank"><i class="fa fa-instagram"></i></a><a href="#" target="_blank"><i class="fa fa-linkedin"></i></a><a href="#" target="_blank"><i class="fa fa-flickr"></i></a><a href="#" target="_blank"><i class="fa fa-pinterest"></i></a><a href="#" target="_blank"><i class="fa fa-vimeo-square"></i></a></div></div>
ملاحظة :
لا تنسى تغيير الروابط والاسماء وصورة الكاتب بما يناسبك 
***

الى هنا انتهى الموضوع 

نتمنى منكم ترك تعليق اسفل الموضوع اذا استفدت فتعليقك يسعدنا




دبور فون

M.H.I

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

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

أحدث الأخبار

10/recent