اضافة شريط يحمل اسم الكاتب حسب من نشر الموضوع مثل المحترف

تم الكشف عن مانع الإعلانات

من فضلك قم بتعطيل أداة مانع الأعلانات أدبلوك AdBlock من المتصفح للدخول للمدونة، أو أستخدم متصفح أخر وشكرا لك :)

اضافة شريط يحمل اسم الكاتب حسب من نشر الموضوع مثل المحترف







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

  1.  توجه لقالب >> تحرير ابحث بإستعمال CTRL+F عن <b:skin/><[[
  2. ضع الكود التالي فوقه


/* post author */
.about-authorth span a{ background:rgba(0,0,0,0.1);  display:block;  width:43px;  text-align:center;  height:48px;  line-height:54px;  font-size:20px}
.about-authorth span{ float:left}
.about-authorth a{ color:#fff;  font-size:18px;  line-height:46px;  margin:0 10px 0 0}
.about-authorth{ height:48px;  background:#D03F42;  margin:25px auto 0;  width:90%;  border-radius:5px 0 0 5px}
.about-authorth img{ width:70px;  height:70px;  float:right;  border:5px solid #D03F42;  border-radius:7px;  margin:-16px 0 0 0}




  1. ابحث عن <div class='post-footer'> 


* قد تجد الكود متكرر 4 مرات أو أقل الكود الأخير هو المقصود


  1. ضع الكود التالي أسفله 


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='about-authorth'>
 <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='الكاتب'> <span itemprop='name'><data:post.author/></span>
<i aria-hidden='true' class='fa fa-link'/> </a>
<img expr:alt='data:post.author' expr:src='data:post.authorPhoto.url' height='110' width='110'/>
<span>
</span>
</div>
</b:if>


و شكرا




مواضيع ذات صلة

مواضيع منوعة

0التعليقات

يسعدنا تفاعلكم بالتعليق ولكن نرجو منكم أن يكون خاص بالموضوع