السلام عليكم ورحمة الله وبركاته اعزائى متابعى مدونة دبور فون
اليوم نقدم لكم اضافة رائعة وجميلة ومفيدة ايضا انها اضافة تعريف الكاتب بشكل احترافى و
جديد جدا وتستطيع معاينتها عن طريق مدونتنا تحت وبطريقك يمكنك قراءة نبذه عنا ^_^ الاضافة من تطويري الشخصي ^_^
الاضافة شكلها جميل وتحتوى على ايقونات المتابعة على الشبكات الاجتماعية
***
طريقة التركيب
- ادخل لوحة تحكم بلوجر من هنا
- اذهب الى التخطيط
- ثم اضافة اداة html/javascript
- وضع فيها الكود التالي
<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>
ملاحظة :
لا تنسى تغيير الروابط والاسماء وصورة الكاتب بما يناسبك
***
الى هنا انتهى الموضوع
نتمنى منكم ترك تعليق اسفل الموضوع اذا استفدت فتعليقك يسعدنا
شكرأ جزيلا
ردحذفالعفو اخى :) :lv Db:
حذفتسلم ايدك
ردحذفشكرلك اخى :lv Db: تسلم انت من كل سوء
حذفTHANKS
ردحذفyou are welcome
حذف