إضافة عن المدون أسفل التدوينة

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

ولشرح تركيب الإضافة تابع معي
من لوحة تحكم مدونتك , ثم التصميم ثم تحرير html ثم قم بتوسيع القالب , ولا تنسى بأخذ نسخة احتياطية من قالبك .
ابحث عن

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

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

<div class='bio-socials noprint' style='height: 260px;padding-top:50px;'>

<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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7oBLDo2_6M4f050BnVj-wjiKbFngtiSb6RAL8TWewRGJ68lNeNSPnQkZnIw_7DMdEmXTuz6STLgAd-dEAknAEu-Egc9htvROf2Kn4_0BxsnqmMRJ4pEbw45PlQCoEFU0IHVOi0ZW6nMA/' width='70'/>
</div><h3>بقلم باسم</h3>مُدوٍن مِصري , يعشق التدوين عبر منصة بلوجر , يهتم بمتابعة أخبار التكنولوجيا الحديثة ولغات البرمجة وتطوير المواقع .</div>


<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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAkce2cm4BxXvW3bIWvA4LgSQ730WaIAxZfWFMUtngOmf35DlROm1_U3iPhdeVLGo2-iHbZ5FbUP46df2TDv8ATODs9sFxQvxXtQKmGqUHPWU6-ZIS5DxFULSaMdhaewWcFNvj27goaLo/');
}
.facebook{
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIXzZAZicSxjijlmiFmmSTmeH_dnR9_v1xOuez1bJvDxJHIGnbXugPjt7SApeapmUWO2zMJj5bPWnVfkfzld_nB08UGO2vp33e_hqfpiC8h1vCzNsScbUgm2KUSj3d8gg-xJsJ0twv0eg/')
}
.delicious{
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPy1UY1orFYc9Y4qlJUFO4ukgeSSmlwTvCHMDM_CKol3YsmOvpAjV27dc4q7fgckfrNuxsBc65S_leFyclxj2BW8hWJeqajNhP4Q9-DibUFK8PFUlxsR2UouaIikeUDv9On7zuiKoZNa4/');

}
.print{
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcxFQ9zaXpPYVEIzNKU5Sk4Aajs8BQEC7ovFMFr-hMbhIK2pmov8n_dFasUd_vuAIyyQsUK4f8SKtXqlfIpM3G0VYcpL_5WaLyxq4UDChLBZFpoorA5NnRgIslszB9Lvy79FUMcokgNNI/');

}
.rss{
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkwsdL4GDR-f_pbORx1zhVSuqniC3M1pAzVgli7ht4yxa1cGEPziLIJ6EDlaNjZ_dbTvwAtz0Q105xiYqPl1ZJJRdbHymitM37rMDmI57JNpuwhyYYUfsZtMGcyTYe3G8ka2Biujzyyn8/');

}
</style>
<div class='socialbox' style='height: 180px'><h3 style='margin-right:10px;'>شارك أصدقاءك</h3>
<ul class='sociallist'>
<li class='twitter'><a expr:href='"http://twitter.com/share?text=" +data:post.title+ "&url=" + data:post.url + "&via=doaibblog&related=اسم مدونتك"' target='_blank'>عبر تويتر</a></li>
<li class='facebook'><a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' rel='nofollow' target='_blank'>عبر فيسبوك</a></li>
<li class='delicious'><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + 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 == "item"'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=button_count&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' float='left' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:40px;'/>
</b:if></div>
</div>

</div>