اضافة هاك "معلومات الكاتب" الى بلوجر كما في الوردبريس

كيفية بسم الله الرحمان الرحيم 

السلام عليكم ورحمة الله وبركاته اهلن باحبتي في ثاني تدوينة لهذا اليوم بحول الله سنستعرض درس عن كيفية اضافة "معلومات الكاتب" تحت المقال هكذا :

لنبدا على بركة الله 

اولا سنضيف أكواد css الى القالب عبر البحث هن السطر التالي : 

]]></b:skin> 

ثم نضيف قبلها :

.author_info {
 float: left;
 width: 573px;
 padding: 10px;
 border: 1px solid #ccc;
 margin-bottom: 15px;
 margin-top: 15px;
 background: #eee;
}
.author_info h3 {
 margin-bottom: 10px;
}
.author_photo {
 float: right;
 margin: 0 0 0 10px;
}
.author_photo img {
 border: 1px solid #666;
}
]]></b:skin> 

ثم نبحث مباشرة عن السطر التالي:

<div class='post-footer-line post-footer-line-1'>

 ونضيف بعد هكذا الكود : 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='author_info'>
<div class='author_photo'>
<img alt='author' src='ضع هنا رابط صورتك الشخصية'/></div>
                    <h3>المقال كتب بواسطة:</h3>                 

                                        <p><a href='http://رابط مدونتك' title='المقالة كتبت بواسطة'>ضع اسمك هنا</a> - كتبت 10 مقالات <a href='http://رابط مدونتك/'>اسم مدونتك</a>.</p>

                    <p>ضع هنا سيرتك الذاتية <a href='http://twitter.com/حاسابك في تويتر'>Twitter</a> or <a href='mailto:اميلك@gmail.com'>email him</a><br style='clear:both;'/></p>
                   </div>

</b:if>

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

تم بحمد الله نلاقاكم في درس اخر بحول الله