إضافة صورة الكاتب تحت عنوان موضوعه على مدونات بلوجر

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

الآن نتوجه لتطبيق الإضافة على مدونتك
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3><font size="0"><a href=" http://www.pergola-aluminium.org/"></a></font>
</b:if>
ثم قم بلصق الكود التالي تحته مع إدخال إسم الكاتب ورابط الصورة الخاصة به
<b:if cond='data:post.author == "إسم الكاتب الأول"'>
<span class="author"><img src="رابط صورة الكاتب الأول"/></span>
</b:if>
<b:if cond='data:post.author == " إسم الكاتب الثاني"'>
<span class="author"><img src="رابط صورة الكاتب الثاني"/></span>
</b:if>
<b:if cond='data:post.author == " إسم الكاتب الثالث"'>
<span class="author"><img src="رابط صورة الكاتب الثالث"/></span>
</b:if>

ملاحظة : يمكنك زيادة  عدد مؤلفي المدونة كما تريد وذلك بإضافة هذا الكود وإعادته في عدد المرات المراد زيادرها تحت الكود السابق.
<b:if cond='data:post.author == " إسم الكاتب "'>
<span class="author"><img src="رابط صورة الكاتب "/></span>
</b:if>

ملاحظة هامة :
يجب أن يكون إسم الكاتب نفسه الإسم الموجود في لائحة مؤلفين المدونة والذي يمثل إسم تعريف المدون.

الآن قم بالبحث عن الكود التالي :
]]</b:skin>
ثم قم بلصق الكود التالي قبله :
.author img{
padding: 0;
 float: left;
 border: none;
margin: 0 10px 10px 0;
}
يمكنك التعديل على الأبعاد  0 0px 10px 10px لإجاد المكان المناسب لتموضع صورة الكاتب في المدونة,ويمكنك كذلك وضع صورة الكاتب على اليمين وذلك بإستبدال الكلمة left  بالكلمة right
قم بحفظ القالب
أتمني أن تكونوا قد إستفدتم من هذا الإضافة الجديدة ،في إنتظار آرائكم وإستفساراتكم ،دمتم بود

هناك 26 تعليقًا:

  1. معلومات قيمة اخي
    بارك الله فيك ايها الطيب

    ردحذف
  2. مشكووووووور و جاري التجربه

    ردحذف
  3. رائع جدا يا غالي ,, ممتاز اخوي ابو اياد

    ردحذف
  4. شكرا لك اخي ابو اياد لاكن اتوقع انه يشوه التدوينة وتمنا ان تتقبل نقدي

    ردحذف
  5. طريقة سهلة وجديدة بالنسبة لي.. بارك الله فيك أخي الكريم ..

    كنت هنا..

    ردحذف
  6. جزاك الله خيراً
    الامر تحت الاختبار

    ردحذف
  7. جزاك الله خيراً اضافة رائعة
    دومت فى رعايت الله وامنه

    ردحذف
  8. @luigiما الذي سوف يشوه التدوينة رغم أنني أحترم وجهة نظرك ;) ;)

    ردحذف
  9. جميله الطريقه وفكرتها حلوه

    مشكور يا ابو اياد

    ردحذف
  10. عليكم السلام ورحمة الله
    شرح رائع بارك الله فيك اخي ابو اياد
    دروس مميزة

    ردحذف
  11. غير معرف11:13 ص

    أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
  12. متعك الله بـ الصحه والعافيه اخوي ابو اياد ...
    طريقه تستحق التجربه :)

    ردحذف
  13. غير معرف10:15 م

    السلام عليكم ورحمة الله وبركاته

    بعد عناء شديد تم بحمد الله تطبيق ما تكرمتم به بنجاح شبه تام، وواجهتني مشكلة بسيطة واتمنى ان أجد الحل في هذه الصفحة..
    المشكلة ووبساطة سيدي الكريم هي ان هذه الميزة تطبق ايضا على الصفحات الثابته، وهذا ما لا ارجوه,
    اريدها فقط في التدوينات وعدم اظهارها في الصفحات الثابته...
    ارجوا ارشادي للحل وشكرا جزيلا لك اخي الكريم على هذا العطاء المتدفق دوما..
    تقبل مروري..

    ردحذف
  14. والله الراجل ده فوق الوصف اسمحو ليا انضم معاكم اخواكم محمود مصرى والله كلام الشكر قليل عليك بجد ساعدتينى كتير ياباشا

    ردحذف
  15. تسلم ايدك =))

    ردحذف
  16. و لكن لم اجد الكود الذي ذكر في الاول ؟!

    ردحذف
  17. أزال المؤلف هذا التعليق.

    ردحذف
  18. نايس اخ بو اياد مشكور




    ميد فور اب

    ردحذف
  19. شكرا لك على المجهود

    ردحذف
  20. السلام عليكم ورحمه الله وبركاته

    اهلا بيكم اخوانى اصحاب المدونة الجميله

    تم فتح تبادل اعلانى المدونة مجانى

    اضف ربط المدونة واخبرنى سوف اضع ربط المدونة الخاصة بيك
    اسم المدونة : مدونة بلوجر توب

    ربط المدونة : http://bilokr.blogspot.com

    بنر http://img04.arabsh.com/uploads/image/2012/08/31/0d37444862f10d.png

    قسم تبادل الاعلانات : http://bilokr.blogspot.com/2012/08/blog-post_6615.html

    اضف رد سريع بعد اضافة المدونة فى قسم تبادل اعلانات

    خدمة بلوجر توب 2012

    بك لينك مجانى بدون مقابل هذا الكود مقدم من مدونة بلوجر توب للحصول على عداد كبير من روبط خرجية الى مدونتك لرفع البك لينك فى مدونتك
    اضف هذا الكود فى اى مكان فى موقعك او مدونتك هذا هو بنر صغير لا يخذ مساحة فى موقعك او مدونتك
    الكود
    اضغط على الربط الاسفل وحصل على الكود مجانى لفطرة محدودة
    http://bilokr.blogspot.com/2012/08/free-back-link.html
    اتمنا الكل يستفاد
    المشاركة عبر البريد الاكترونى :اضغط هنا :http://feedburner.google.com/fb/a/mailverify?uri=bilokr&loc=en_US

    منتظر الرد

    والسلام عليكم ورحمة الله وبركاتة

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

    ردحذف
    الردود
    1. أنا أيضاً لم أفهم

      حذف

مدونة أبو إياد تصميم بلوجرام جميع الحقوق محفوظة 2016

اعلان مخفى فى الرئيسية