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

تعتبر أضافة تعريف بالكاتب من الأضافات الأساسية و التى تعطى للزائر نبذة مختصرة عن من يقدم له المعلومات مما تبنى بينهما نوع من الثقة .

1 - قم بالدخول إلى تبويب القالب

2- قم بتوسيع القالب الخاص بك

3 - أبحث عن هذا الكود

]]></b:skin>

4 - ثم ضع قبلها كود CSS هذا ( ملحوظة : هناك بعض القالب بها هذا الكود وهذا نتيجة ان صاحب القالب كان قد أضاف هذه الميزة به ولكن هناك بعض المطورين يقوموا بحذف الأدوات بدون حذف كامل لها مما يسبب أخطاء فى المدونة فيجب التأكد أولاً انه ليس بالمدونة عبر البحث عن أول صف من الكود التالى و إذا وجعته فلا داعى للأضافته مره أخرى و أنتقل للخطوة التالية ).

/* Author Bio */
.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;
}
/* Author Bio End */

5 - أبحث عن هذا الكود <data:post.body/> وضع بعده هذا الكود ( إذا

وجعت أتنين من هذا الكود أو أى عدد كان فالثانى هو المقصود ) أو

 بعد هذا الكود <div class='post-footer-line post-footer-line-1'> 

إذا لم يظهر بالشكل المناسب بعد الكود الأول.

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='postauthor'>

<img alt='' height='80' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBwDXDXzz1_kcSGvjatFuLmuy_t-3Blip4d02TicrAQbT-JHQzKTIAfZudN3jO2mwqY53czg2v1X6WDHWzAZ6vJnyYtY16EwUtzdTNFpgTna-kkfKOsoAl8Ch_yBXrcMC9Xf0IPzUZido/s90-no/2013-04-21+16.56.26.jpg' width='80'/>

<h3>الموضوع من طرف : <a href='http://www.facebook.com/montaser.roxy'>منتصير شفيق</a></h3>

<p>منتصير شفيق 24 سنة ،مدون مغربي مهووس بجديد تكنولوجيا المعلوميات ، مهتم بالحماية المعلوماتية يمكنك متابعته من خلال <a href="http://www.facebook.com/montaser.roxy" target="_blank">الفيس بوك</a> . <a href="http://twitter.com/montasertrucs" target="_blank">تويتر</a> . <a href="http://gplus.to/montasers" target="_blank">جوجل بلس</a></p>

</div>

</b:if>

6 - لا تنسى تغيير ما باللون الأحمر ثم أضغط حفظ ومبروك الأضافة.

هل أعجبك الموضوع ؟

الموضوع من طرف : منتصير شفيق

منتصير شفيق 24 سنة ،مدون مغربي مهووس بجديد تكنولوجيا المعلوميات ، مهتم بالحماية المعلوماتية يمكنك متابعته من خلال الفيس بوك . تويتر . جوجل بلس

ضع تعليقا أخي الكريم