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

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

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

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

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

]]></b:skin>

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

.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; }

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

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

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

11:16:00 ص