اضافة اداة كاتب الموضوع وصورته (Blogger)

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

 

.author_info {

float: left;

width: 535px;

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: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='' title='المقالة كتبت بواسطة'>المستر</a> - كتب 70 مقالات <a href=''>اسم المدونة</a>.</p> <p>ضع هنا سيرتك الذاتية<a href='رابط حاسابك في تويتر'>alyomtop</a> أو عبر الفيسبوك <a href='رابط حسابك في الفيس بوك'>alyomtop</a><br style='clear:both;'/></p> </div> </b:if>