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

نبدا على بركة الله
اولا من لوحة التحكم نختار تصميم ثم تحريرhtml ونختار توسيع القوالب
//::لاتنسى حفظ نسخة احتياطيه للقالب:://
الخطوة الاولى::نبحث عن الكود التالى
]]></b:skin>
ثم نضع فوقه اى قبله الكود التالى
الخطوة الثانية : ابحث عن <data:post.body/> (إن وجدت ثنتين فالثانية هي المقصودة) ثم مباشرة بعدها ضع الكود الآتي
غير ماباللون الاحمر واحفظ القالب
أولا ستتبع نفس الخطوة الأولى (*) كما في المدونات الشخصية أي نفس كود CSS ستضعه كما ذكر سابقا.
ثم تبحث عن <data:post.body/> (إن وجدت ثنتين فالثانية هي المقصودة) و مباشرة بعدها ضع الكود الآتي:
قبل الحفظ غير ما لون بالأحمر، و كرر كود تعريف الكاتب الثاني إن كنتم أكثر من كاتبين، و كذلك افعل عند الحاجة.
كذلك يمكن تعديل كود CSS لتعدل خلفية و حدود مستطيل تعريف الكاتب ...
معاينة إضافة تعريف الكاتب

نبدا على بركة الله
اولا من لوحة التحكم نختار تصميم ثم تحريرhtml ونختار توسيع القوالب
//::لاتنسى حفظ نسخة احتياطيه للقالب:://
الخطوة الاولى::نبحث عن الكود التالى
]]></b:skin>
ثم نضع فوقه اى قبله الكود التالى
/* 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 */
الخطوة الثانية : ابحث عن <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>
غير ماباللون الاحمر واحفظ القالب
2 . طريقة تركيب إضافة تعريف الكاتب في مدونات بلوجر الجماعية متعددة الكتاب
كثير من المدونات في الآونة الأخيرة بدأت تعتمد على أقلام كاتبين أو أكثر، و الطريقة التي كان ينهجها أصحابها لوضع تعريف للكاتب تكون عبر تضمينه داخل جسم التدوينة و يتكرر الأمر مع كل موضوع. الآن سنضع تعريفات الكتاب في القالب و سيظهر كل تعريف موافقا لموضوع كاتبه.أولا ستتبع نفس الخطوة الأولى (*) كما في المدونات الشخصية أي نفس كود CSS ستضعه كما ذكر سابقا.
ثم تبحث عن <data:post.body/> (إن وجدت ثنتين فالثانية هي المقصودة) و مباشرة بعدها ضع الكود الآتي:
<b:if cond='data:blog.pageType == "item"'> <!-- تعريف الكاتب الأول --> <b:if cond='data:post.author == "أحمد"'> <div class='postauthor'> <img alt='' height='80' src='رابط الصورة الشخصية' width='80'/> <h3>بقلم <a href='Blog Link'> أحمد </a></h3> <p> فقرة تضم نبذة عن الكاتب </p> </div> </b:if> <!-- تعريف الكاتب الثاني --> <b:if cond='data:post.author == "جواد"'> <div class='postauthor'> <img alt='' height='80' src='رابط الصورة الشخصية' width='80'/> <h3>بقلم <a href='Blog Link'> جواد </a></h3> <p> فقرة تضم نبذة عن الكاتب </p> </div> </b:if> </b:if>
كذلك يمكن تعديل كود CSS لتعدل خلفية و حدود مستطيل تعريف الكاتب ...
ويارب اكون وفقت فى كتابة الموضوع ومتنسوش تعليقاتكم عند حدوث اى مشكلة وانا تحت الامر
ليست هناك تعليقات:
إرسال تعليق
تكلم حتى اراك واترك تعليقك بوجهة نظرك