17‏/12‏/2016

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





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

  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 تعليق

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

الرموز الانفعاليةالرموز الانفعالية