طريقة اضافة كاتب الموضوع اسفل التدوينة للبلوجر

طريقة اضافة كاتب الموضوع اسفل التدوينة للبلوجر


السلام عليكم ورحمة الله وبركاته

بطلب من الاخ Abood Abd ساشرح لكم اليوم طريقة اضافة كاتب الموضوع اسفل التدوينة مثل مدونة صيانة هاي تك , هذه الاضافة الرائعة تميز بين المؤلفين الذين يعملون بالمدونة كما انها تضيف طابع مميز في التدوينة.

مثال :

طريقة اضافة كاتب الموضوع اسفل التدوينة للبلوجر

قبل تركيب الاداة قم بعمل نسخة احتياطية لتفادي المشاكل.
لتركيب هذه الاداة وجب عليك التوجه الى لوحة التحكم ثم اختيار قالب ومنها تختار تحرير HTML.
-تفعيل توسيع قوالب عناصر واجهة المستخدم.
-ابحث عن الكود ]]></b:skin> وقبله مباشرة ضع هذا الكود :


/* Start */
.postauthor {
    background: #F5F5F5; 
    border-top: 1px solid #e1e1e0; 
    border-bottom: 1px solid #e1e1e0; 
    overflow: hidden; 
    padding: 0.7em;
}
.postauthor img {
    border: 5px solid #e2dede; 
    float: right; 
    margin-left: 1em;
}
.postauthor h3 {
    color: #666; 
    font-size: 1.2em; 
    margin-bottom: 5px; 
    margin-top: 0;
}
.postauthor p {
    color: #515151; 
    font-size: 12px; 
    margin-bottom: 10px;
    margin-top: 0;
}
/* End */


-بعد اتمام هذه الخطوة ابحث عن <data:post.body/> (اذا وجدت اثنين فالثانية هي التي تهمنا) وبعدها مباشرة الصق هذا الكود :


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='postauthor'>
 <img alt='' height='80' src='رابط الصورة الشخصية' width='80'/>
 <h3>بقلم <a href='Blog Link'> اسم الكاتب </a></h3>
 <p> فقرة تضم نبذة عن الكاتب </p>
</div>
</b:if>


 -أخيرا قم باستبدال ما يجب تغييره واحفظ العمل.

رابط لتحميل الكودات : هنا

بالتوفيق

اذا اعجبك الموضوع لا تنسى تقييمه ومشاركته