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

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

  

 

 

انتقل إلى لوحة التحكم الخاصة بمدونتك ، ثم إختر "تصميم" ، ثم "تحريرHTML " وضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم ، وابحث عن الكود التالي : ( طبعاً إبحث عن بنسخ السطر الأول الملون بالأحمر ) ، وأيضاً استعن بزري لوحة المفاتيح (CTRL+F ) :

<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>
</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
قم بحفظ القالب

Posted in: إضافات بلوجر