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

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

لكي نضيف كود إضافة كود صورة الكاتب تحت عنوان الموضوع لمدونات بلوجر يتم إتباع الخطوات التالية ، مع ضرورة أخذ نسخة إحتياطية من القالب قبل عمل أي تغير :

شرح تفصيلي لطريقة التركيب  بالنسبة لمحرر بلوجر  الحديث

1- ندخل الى لوحة تحكم المدونة .  

 2- نضغط على كلمة  قالب  من القائمة الجانبية   مثل الصورة التالية :

بعد الضغط على كلمة قالب سوف تظهر لنا شاشة مثل الصورة التالية:

 ومن  تلك الصورة السابقة نضغط على تحرير   HTML    ، لكي يظهر لنا الصورة التالية:  

 

3- نبحث عن الكود التالي (اضغط على CTRL + F من الكيبورد لظهور عملية البحث ):

 

cond='data:post.title'>

   <h3 class='post-title entry-title' itemprop='name'>

   <b:if cond='data:post.link'>

    <a expr:href='data:post.link'><data:post.title/></a>

              <b:else/>

                <b:if cond='data:post.url'>

                  <b:if cond='data:blog.url != data:post.url'>

                    <a expr:href='data:post.url'><data:post.title/></a>

                  <b:else/>

                    <data:post.title/>

                  </b:if>

                <b:else/>

                  <data:post.title/>

                </b:if>

              </b:if>

            </h3>

          </b:if>

 

 

4 - بعد أن نجد الكود السابق  نضيف الكود التالي بعده مباشرة :

  

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

، كذلك يجب أن يتم تغير إسم الكاتب  إلى اسم الكاتب  بالمدونة و رابط صورة الكاتب الي رابط الصرة الأصلي ، ويجب أن يكون إسم الكاتب موجود ضمن لائحة المؤلفين المدونة .

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

</b:template-skin> 

مع ملاحظة أنه في حالة عدم وجود  الكود السابق  نبحث عن  الكود التالي  :  

]]></b:skin>

 6 - بعد أن نجد الكود السابق  نضيف الكود التالي قبله مباشرة :

 

.author img{
 padding: 0;
 float: right;
 border: none;
 margin: 0 10px 10px 0;
}

مع ملاحظة أنه يمكنك التعديل على الأبعاد 0 0px 10px 10px لتغيير مكان صورة الكاتب في المدونة ، وإذا أردت أن تضع صورة الكاتب على اليسار قم بإستبدال كلمة right  بكلمة left  .

7- نضغط على زر حفظ التغيرات   لكي يتم حفظ القالب .