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

الأحد، 29 سبتمبر 2013

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

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

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

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

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><a href=" http://www.pergola-aluminium.org/"></a>

</b:if>

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

<b:if cond='data:post.author == "إسم الكاتب الأول"'>

<img src="رابط صورة الكاتب الأول"/>

</b:if>

<b:if cond='data:post.author == " إسم الكاتب الثاني"'>

<img src="رابط صورة الكاتب الثاني"/>

</b:if>

<b:if cond='data:post.author == " إسم الكاتب الثالث"'>

<img src="رابط صورة الكاتب الثالث"/>

</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- معاينة ثم حفظ القالب.

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

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

بقلم احمد عيد فتحي

أنا من مصرž احب أن أضع كل ما أعرف من معلومات حول الحاسوب ولاأبخل به عليكم، وخطرت لي فكرة عمل مدونة تضم كل المجالات التعليمية للكومبيوتر التي أستطيع إفادتكم بها، فأرجوا ان لاتبخلوا علي أيضا بمتابعتكم لمواضيعي كما ان تعليقاتكم تهمني وتزيد من عطائي لكم إخوتي الكرام وأي استفسار ان موجود وشكرا

قسم : بلوجر