السلام عليكم ورحمة الله وبركاتة .. اضافة اليوم عباره عن تعريف مختصر بكاتب المدونه وصوره شخصيه له يراها كل زائر وقارئ للتدوينات التي يقوم بنشرها  حيث انها تقع مباشرة اسفل اخر سطر في المشاركه المكتوبه . وتحتوي الاضافه ايضا علي روابط المشاركه لاشهر واهم المواقع الاجتماعيه مثل الفيس بوك وتويتر مع بعض الخدمات الاخري كاضافة الصفحه للمفضله وطباعة الصفحه وايضا الاشتراك في خلاصات المدونه.. الاضافه سهلة التطبيق كل ماعليك هو الذهاب الي لوحة تحكم مدونة بلوجر ثم الي تصميم ثم تحرير HTML ثم قم بالضغط علي علامة توسيع عناصر الصفحه وابحث عن الكود التالي :

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

 <data:post.body/>

<div class='bio-socials noprint' style='height: 260px;padding-top:50px;'>
<!--author bio-->
<style>
.author-bio{
border-right:3px #5D7D91 solid;
margin-right:10px;
marin-bottom:40px;
text-align:justify;
padding:10px;
width:300px;
float:right;
}
.author-photo{
float:right;
text-align:center;
width:74px;
padding:2px 2px 2px 2px!important;
margin:0 10px 10px 10px;
}

</style>
<div class='author-bio' style='height: 180px'><div class='author-photo' style='height: 180px'>
    <img alt='كاتب الموضوع' height='70' src='http://lh6.googleusercontent.com/-feF1Sq3hroQ/AAAAAAAAAAI/AAAAAAAABgg/uq8yz1a4Btc/s50-c/photo.jpg' width='70'/>
</div><h3>بقلم تقارب</h3>م&#1615;دو&#1613;ن ع&#1616;ربي , مهتم بمتابعة كل جديد خاص بمنصة بلوجر .</div>

<!--end author bio-->
<style>
.socialbox{
border-right:3px #5D7D91 solid;
margin-left:10px;
width:190px;
float:left;
padding:10px 0 10px 0!important;
}
.sociallist{
margin:10px 0 10px 0;
width:190px;
list-style:none!important;
}
.twitter, .facebook, .delicious, .rss, .print{
padding:5px 40px 5px 0!important;
background-repeat:no-repeat;
background-position:160px 6px!important;
}
.twitter{
background-image:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgddjLfh8G-INzK7dw3mHeZ55EXs-NOX-jIS6z9YUQ9ObE2ujlpRMCh0P6e7WoaXRP3AVGOUFgHhwJixznl5RRQh_Dkbur5MuINXcH3gIwGWVhtNGUhkOH4cvBAFp2bltOfhv7kx57XtzE/&#39;);
}
.facebook{
background-image:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLXEpPR3p9GeFwXZgxKEBdiiOM0q364k44EMyTyjxFSMrSnSkUbEmJCpfIknkS3k32aOyNVri-umhHh5PVSylgtJTJqqYyKV6_Y9FvjcRSgGAfu3x1lPQ_iC-d8B_UchoA5rOFaAB_eF8/&#39;)
}
.delicious{
background-image:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxcdHVhBU8_skbsjNJVjZTfI1akBaQ-GNfPiQ0CYrw4neqmYKo0NplhJfq20bQKiioY_Veiez2BdnHW4j8xYgDj1XjA2nqsT5tLZMP0cQld_iaO20S17lx8hVS1yKqHu_d4NAuFp6B40A/&#39;);

}
.print{
background-image:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVscZyoayGfbNPGx15K5GJadTso9N4GrmVBjMqObN63KWCHgHQZvFpsrJvFaPoR1x_D6LnVky8rGfuwTZ4h-BAaK1on5B6sn63azYf7o42hrSQ9Harkeu3aG_7QFjEAEfPkWiXKA7c9lE/&#39;);

}
.rss{
background-image:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMC3mwAw1I1gKh-hOc2jq49RenZJimi4rDmaFT4GCGf0oqrTjbe-dlVaY0SoDFyuVLXyJ_cDrCysfCeSsjjPcy0Z9pMQy_o1mJpHZJO-NtKu5IubndyCpxMiFR7XDg5xHKhnPsIqNUxUY/&#39;);

}
</style>
<div class='socialbox' style='height: 180px'><h3 style='margin-right:10px;'>شارك أصدقاءك</h3>
<ul class='sociallist'>
<li class='twitter'><a expr:href='&quot;http://twitter.com/share?text=&quot; +data:post.title+ &quot;&amp;url=&quot; + data:post.url + &quot;&amp;via=doaibblog&amp;related=اسم مدونتك&quot;' target='_blank'>عبر تويتر</a></li>
<li class='facebook'><a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='nofollow' target='_blank'>عبر فيسبوك</a></li>
<li class='delicious'><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>أضفه إلى مفضلتك</a></li>
<li class='print'><a href='javascript:window.print()'>اطبع الصفحة</a></li>
<li class='rss'><a href='رابط خلاصات مدونتك' target='_blank'>تابع الخلاصات</a></li>
</ul>
<div class='fblike' style='float:left;' width='100'><b:if cond='data:blog.pageType == &quot;item&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' float='left' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:40px;'/>
</b:if></div>
</div>

</div>

http://lh6.googleusercontent.com/-feF1Sq3hroQ/AAAAAAAAAAI/AAAAAAAABgg/uq8yz1a4Btc/s50-c/photo.jpg