الطريقة الصحيحة لأضافة تعريف كاتب التدوينة تحت الموضوع
السلام عليكم أخواني زوار و متتبعي مدونة زيموار للمعلوميات.ساقدم لكم افظل طريقة لضافة التعريف بالكاتب اسفل التدوينة.فالعديد من المدونين يريدون التعريف بأنفسهم ليكون تواصل بين الزوار و صاحب الموقع . و لكي لا اطيل عليكم سنبدأ بالشرح .
. طريقة تركيب إضافة تعريف الكاتب في مدونات بلوجر الشخصية:
هذه الطريقة مهمة للمدونات الشخصية التي يكتب فيها كاتب وحيد، و ستظهر نبذة عنه في أسفل كل مواضيع مدونته.
من لوح تحكم مدونتك توجه إلى تصميم ثم تحرير HTML و قبل البدء في التعديل احفظ نسخة احتياطية من قالبك على حاسوبك. ضع علامة في خانة توسيع القوالب.
الخطوة الأولى (*) : ابحث عن ]]></b:skin> و قبله مباشرة ضع كود الآتي :
هذه الطريقة مهمة للمدونات الشخصية التي يكتب فيها كاتب وحيد، و ستظهر نبذة عنه في أسفل كل مواضيع مدونته.
من لوح تحكم مدونتك توجه إلى تصميم ثم تحرير HTML و قبل البدء في التعديل احفظ نسخة احتياطية من قالبك على حاسوبك. ضع علامة في خانة توسيع القوالب.
الخطوة الأولى (*) : ابحث عن ]]></b:skin> و قبله مباشرة ضع كود الآتي :
-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_--
/* ------------------ Author Bio-Zimwar ----------------- */
.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;
}
/* -----------------
add-blog : Yassin-zimwar
-------------------- */
.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-Zimwar ------------------- */
.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;
}
/* -----------------
add-blog : Yassin-zimwar
-------------------- */
.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-Zimwar ------------------- */
-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_
ابحث عن <data:post.body/> (إن وجدت ثنتين أو ثلاتة فالاخيرة هي المقصودة)
ثم مباشرة بعدها ضع الكود الآتي:
-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_
<b:if cond='data:blog.pageType == "item"'><div class='postauthor'><img alt='' height='80' src='رابط الصورة الشخصية' width='80'/><h3>بقلم <a href='Blog Link'> اسم الكاتب </a></h3><p> نبذة عن الكاتب </p></div></b:if>------------------------------------------تخصيص الاظافة : غبر ما بالصفر الى رابط الصورة المباشر . وما بالبرتقالي الى اسمك او لقبك .
وما هو بالاحمر الى نص قصير به معلومات عنك .
ومكنك تغيير ما بالازرق ال الكاتب او صاحب الموضوع او... .
و يمكنك ايظا التحكم في الالوان من اكواد الـ CSS حسب رغبتك .
----------------------------------------------------------أرجوا ان يكون الموضوع قد نال اعجابكم لا تحرمونا من تعليقاتكم أو استفساراتكم وشكرااااا .الكاتب : YàsSin Cr'x
