طريقة أضافة اسم الكاتب والصورة اسفل مدونة بلوجر

طريقة أضافة اسم الكاتب والصورة اسفل مدونة بلوجر

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

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

شخصية 

أيضا بشكل يجعل من القارئ لمقالتك يأخد فكرة عنك

قد يكون هناك أكثر من كاتب على المدونة لذلك سنشرح ايضا طريقة اضافة كتاب متعددين

بالنسبة للمدونات الشخصية كل ماعليك فعله هو الذهاب إلى لوحة تحكم مدونتك والضغط على 

قالب ثم تحرير html ، وتضغط في الكيبورد على ctrl+f وتقوم بالبحث عن هذا الكود

]]></b:skin>

بعد أن تجده تضع قبله مباشرة هذا الكود

/* Author Bio */ .postauthor { background: #F5F5F5; border-top: 1px solid #e1e1e0; border-bottom: 1px solid #e1e1e0; overflow: hidden; padding: 0.7em; } .postauthor img { border: 5px solid #e2dede; float: right; margin-left: 1em; } .postauthor h3 { color: #666; font-size: 1.2em; margin-bottom: 5px; margin-top: 0; } .postauthor p { color: #515151; font-size: 12px; margin-bottom: 10px; margin-top: 0; } /* Author Bio End */

بعد أن تضيفه قم بالبحث عن  هذا الكود

<data:post.body/>

بعد أن تجده وقد تجد فيه أكثر من واحد ، فالثاني هو المقصود تقوم بإضافة بعده مباشرة هذا الكود

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='postauthor'> <img alt='' height='80' src='رابط الصورة الشخصية' width='80'/> <h3>بقلم <a href='Blog Link'> اسم الكاتب </a></h3> <p> فقرة تضم نبذة عن الكاتب </p> </div> </b:if>

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

 الأخير معلومات عنك أنت شخصيا ككاتب للمدونة

في الأخير قم بحفظ التغييرات ومبروك عليك الإضافة

______________________

*هذا بالنسبة للمدونة التي تحتوي على كاتب واحد ، أما إذا كانت مدونتك تحتوي عل كتاب كثر 

فتابع معي كيف تقوم بإضافة هذه الخاصية

أولا تقوم بالخطوة الأولى كما شرحنا في الأول  بإضافة الكود الأول قبل

]]></b:skin>

* ثم المرحلة الثانية تقوم بالبحث عن هذا الكود مباشرة  (إن وجدت إثنين فالثاني  هو المقصود)

<data:post.body/>

ثم بعده مباشرة أضف هذا الكود

<b:if cond='data:blog.pageType == &quot;item&quot;'> <!-- تعريف الكاتب الأول --> <b:if cond='data:post.author == &quot;أحمد&quot;'> <div class='postauthor'> <img alt='' height='80' src='رابط الصورة الشخصية' width='80'/> <h3>بقلم <a href='Blog Link'> إسم الكاتب الأول</a></h3> <p> فقرة تضم نبذة عن الكاتب الأول </p> </div> </b:if> <!-- تعريف الكاتب الثاني --> <b:if cond='data:post.author == &quot;جواد&quot;'> <div class='postauthor'> <img alt='' height='80' src='رابط الصورة الشخصية' width='80'/> <h3>بقلم <a href='Blog Link'> إسم الكاتب الثاني</a></h3> <p> فقرة تضم نبذة عن الكاتب الثاني </p> </div> </b:if> </b:if>

ملاحظة  : كرر كود تعريف الكاتب الثاني إن كنتم أكثر من كاتبين

*في الأخير وقبل حفظ التغييرات غير ما باللون الأخضر إلى معلومات الكاتب الأول والثاني 

وهكذا ...