إضافة تعريف كاتب التدوينة عن المدون
السلام عليكم ورحمة الله وبركاته , اعتقد بأنك قد شاهدت مدونات منصة wordpress
، وكيف تكون
كل تدوينة متبوعة بصندوق يظهر بعض المعلومات التي يكتبها
المؤلف عن نفسه مع صورة له ، والكثير منا تمنى ان يحصل على هذه الاضافة في
مدونات blogspot
، في هذه التدوينة سأبين بأذن الله طريقة اضافة هذا الصندوق الجميل في
مدونات بلوجر , طريقة إضافة تعريف للكاتب أسفل موضوعه لكل من المدونات
الشخصية ذات الكاتب الوحيد و كذلك المدونات التي تعدد كتابها .
1 . طريقة تركيب إضافة تعريف الكاتب في مدونات بلوجر الشخصية
هذه الطريقة سوف تهم المدونات الشخصية التي يكتب فيها كاتب وحيد، و ستظهر نبذة عنه في أسفل كل مواضيع مدونته.
من لوح تحكم مدونتك توجه إلى تصميم ثم تحرير HTML و قبل البدء في التعديل احفظ نسخة احتياطية من قالبك على حاسوبك. ضع علامة في خانة توسيع القوالب.
الخطوة الأولى (*) : ابحث عن ]]></b:skin> و قبله مباشرة ضع كود 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 */
________________________________________الخطوة الثانية : ابحث عن <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>
غير
ما لون بالأحمر ثم احفظ القالب، و بهذا تكون قد أنهيت المهمة بنجاح، حيث
سيمكنك معاينة صنيعك عبر التوجه لصفحة موضوع ما على مدونتك.
تنبيه : المرجوا عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا
0 التعليقات: