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

بسم الله الرحمن الرحيم

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

خطوات اضافة الكود في المدونة:

1- تسجيل الدخول الي موقع بلوجر.

2- قم بالذهاب الي لوحة التحكم ثم اختار تصميم ،ثم اضغط علي تحرير HTML

3- قم بوضع علامة في خانة توسيع القالب .

4- ابحث عن الكود التالي

<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>

5- قم باضافة الكود التالي تحته مباشرة.

<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>

6- قم بتغيير إسم الكاتب الي اسم الكاتب و رابط صورة الكاتب الي رابط الصورة الاصلي.

ملاحظة:

يجب أن يكون إسم الكاتب المضاف في الكود السابق هو نفسه الإسم الموجود في لائحة مؤلفين المدونة الاصلي.

7- قم بالبحث عن الكود التالي :

]]</b:skin>

8- قم باضافة الكود التالي قبله مباشرة:

.author img{

padding: 0;

float: left;

border: none;

margin: 0 10px 10px 0;

}

9-يمكنك التعديل على الأبعاد 0 0px 10px 10px لتغيير مكان صورة الكاتب في المدونة.

10- اذا اردت ان تضع صورة الكاتب على اليمين قم بإستبدال كلمة left بكلمةright

11- معاينة ثم حفظ القالب.

و مبروك عليك الاضافة ...

لا تنسي ان تضيف ايميلك بالاعلي ليصلك كل المواضيع الجديدة ... و السلام عليكم و رحمة الله و بركاته

شارك هذا المنشور