اضافة صندوق التعريف عن الكاتب Author Box بمدونات بلوجر الاضافة تظهر اسفل كل تدوينة بها اسم الكاتب وعن الكاتب وصورة للكاتب اعتقد الجميع يعرف جيدا هذه الاضافة الاكثر من رائعة لن اطيل عليكم بالكلام ونأتى الى طريقة التركيب .
شرح اضافة عن الكاتب :
قبل اضافة اى اكواد يجب اخذ نسخة احتياطية قبل وضع اى اكواد ومن هنا درس بسيط يعلمك طريقة اخذ نسخة احتياطية الان ناتى الى الطريقة فى البداية ادخل الى لوحة تحكم مدونتك ومن بعدها اضغط على القالب الأن اضغط على تحرير HTML
الان قم بالبحث عن هذا الكود :
]]></b:skin>
اضف فوقة مباشرة هذا الكود :
.author-box {background: #F7F7F7;margin: 20px 0 40px 0;padding: 10px;border: 1px solid #E6E6E6;overflow: auto;}
.author-box p {margin: 0;padding: 0;}
.author-box img {background: #FFFFFF;float: right;margin: 0 0 10px 10px;padding: 4px;border: 1px solid #E6E6E6;
}
ثم قم بالبحث عن هذا الكود :
<div class='post-footer-line post-footer-line-1'>
اضف اسفلة مباشرة هذا الكود :
<b:if cond='data:blog.pageType == "item"'><div class='author-box'><p><img alt='' class='avatar avatar-70 photo' height='70' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZwaNlMDZZV8hP4hwp2mW8z-JPEXjQ9UCs9ZMhmjPcfM_aWcEfKG7sSTaf4srG8GVgtgvS_T1aQ-e-cU463T8wRa6trhrFw-cY2vkgxwr7vkTsYe6SbYmH5YG2NysiRGgPFQ-XJ7XA7Z0/h120/KINGNT.png' width='70'/><b>كينج نت ملك النت</b><br/>موقع كينج نت الدعم الفنى لمدونات بلوجر , ووردبريس ومنتجات ادارة محتوى المواقع والمنتديات ونظم التشغيل الكمبيوتر والانترنت<br/></p></div></b:if>قبل حفظ التغيرات قم بعمل هذه التغييرات :
1- غير كلمة كينج نت ملك النت المحددة باللون الاحمر الى اسم الكاتب.
2- غير الرابط المحدد باللون الأصفر الى رابط الصورة الخاصة بالكاتب .
غير المحتوى المحدد باللون الأخضر الى المحتوى الذى تريدة .
بالأخير قم بالضغط على زر حفظ وانتهى التركيب
بأمكانك ان تذهب الى اى تدوينة ستجد الصندوق تم اضافتة بالاسفل حيث ان هذا الصندوق سيظهر بجميع التدوينات وبالأخص اسفل كل تدوينة .
ارجو بأن هذا الدرس البسيط اعجبكم وانتظرونى بدرس اخر مفيد وجديد
ليست هناك تعليقات:
إرسال تعليق
قال تعالى ( مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ )