إضافة تعريف الكاتب بشكل جديد و إحترافي و حصري 2015

السلام عليكم زوار مدونة ديزاد فان في موضوع جديد و حصري

بحيث جلبت لكم إضافة تعريف الكاتب الاكثر إحترافية

معاينة الاضافة

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

أولا المظهر : أدخل الى تحرير القالب ولا تنسى أخذ نسخة إحتياطية ثم قم بتوسيع عناصر الستايل بالضغط على السهم الخاص بذلك

ثم فوق الوسم ]]></b:skin> أضف الكود التالي 

.post_author {overflow: hidden;padding: 15px;margin-top: 0;border-top: 2px solid #eee;border-bottom: 2px solid #eee;}
.author_avatar{float:right; margin:0 0 0 15px}
.author_wrapper{text-align:right}
.author_wrapper h4{  color: #2c3e50;font-weight: 100;font:normal 18px &#39;ge_ss_threeregular&#39;; background:#EEE; margin:0 0 10px; padding:3px 12px; display:inline-block}
.author_wrapper h4 a{text-decoration: none;
color: #2c3e50;
font-size: 15px;
font-family: ge_ss_threeregular;}
.author_wrapper p {color: #7B7B7B;margin: 0;font-weight: 100;font-size: 14px;padding: 0;line-height: 1.8em;font-family: ge_ss_threeregular;}
.author_avatar img {border-radius: 50px;background-size: cover;}

ويمكن تغيير نوع الخط بتغير وسم الخط بوسم الخط الذي تستخدمه

الخط المستخدم
font-family: ge_ss_threeregular

ضع هذا الكود فوق /head

<link href="http://cdn.jsdelivr.net/darfonts/0.1/dinone-dintwo-sstext-ssthree/stylesheet.css" rel="stylesheet"/>

ورقم 15 هو حجم الخط

ثانيا

قم بتركيب الكود التالي

 تحت أو فوق أحد هذين الكودين بحسب ما تكون ظاهرة جيداً في مدونتك

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

ولا تنسى ان تغير ما يلزم في الكود من روابط ونصوص

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post_author'>
<div class='author_avatar'><div class='small_thumb'><img height='auto' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMefDMWsYsOVTV_46XAUksog6XISB9zPh3xjbERTPD8Bl_wfXTqwYxjhiTYsqOO3sFdldZPNKYSHGlZkfGCBqS_bwYvaG8_TA1IC3Eia_kZQHQ7DKDUWyQoiRj6IiQ6jWlmp9YOIPnKRY/s432-no/10431681_654572444650761_6603169847863227653_n.jpg' width='100'/></div></div>
<div class='author_wrapper'>
<h4><i class='fa fa-user'/><a href='#'> آدم مصطفى السبع </a></h4>
<p>إسمي آدم مصطفى السبع ,  أهتم بكل جديد التقنية من أخبار و شروحات و أريد أن أساعد كل مبتدئ في التدوين.</p>
<div id='contact' style='      '>
<a class='facepost' href='https://www.facebook.com/mradimo'><i class='fa fa-facebook'/></a>
<a class='gpost' href='https://plus.google.com/+%D9%85%D9%8A%D8%B3%D8%AA%D8%B1%D8%A3%D8%AF%D9%8A%D9%85%D9%88'><i class='fa fa-google-plus'/></a>
<a class='youpost' href='http://www.youtube.com/progames600 '><i class='fa fa-youtube'/></a>
</div>
</div></div>
</b:if>

أي مشكلة إطرحها في التعليقات

و إلى موضوع اخر إن شاء الله

• شارك
• شارك
• شارك
• شارك

آدم مصطفى السبع

فتى متواضع يريد فقط النجاح عن طريق التدوين و جلب كل جديد بين يديكم.