صورة الإضافة
من لوحة تحكم مدونتك , ثم التصميم ثم تحرير html ثم قم بتوسيع القالب , ولا تنسى بأخذ نسخة احتياطية من قالبك .
ابحث عن
ثم قم بوضع هذا الكود بعده مباشرة<div class='post-footer-line post-footer-line-1'>
احفظ قالبك .<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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkCADZyu3oE2sJ0ZxKc2HW4siLK3aLJvwNte2WekYn9I41OurVLYR8p3b9owQ62Yy1C_-rSJL8ZtlvG9jLRT_Hz5eW9se6A5ca0pTfILFE5LHoISWFwZGH3rao28pqUnIVuZOagf-Lp-U/' width='70'/>
</div><h3>بقلم باسم</h3>مُدوٍن مِصري , يعشق التدوين عبر منصة بلوجر , يهتم بمتابعة أخبار التكنولوجيا الحديثة ولغات البرمجة وتطوير المواقع .</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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAGlus10YWSansT3CEgVJESbUxhBefy-5W1hNG9ehFC7JvLqP4GT68d3164m4p_Xl5Ol__A7_j964p87_dq6xk7LZvx6vQdJSEa6am-rpMlEm8EIGYzH8hwErUt2NLpVkxYILJDVJW5DA/');
}
.facebook{
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF0cu1gKWaPNrS2gA4nPUmLNMrfUAGsSDLT6unAg6x1RHClcS3zWnGWwL0tQXdybqL8PHwtWSL795vobT6WH7Uc2FJ6iz6xrJqltg1R-j44tRGGhLfWafMbwjV8ouxUSOiXOR3QjeO4P8/')
}
.delicious{
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfq5y5ME9cZ-fiHixexzm3oG7twwP7TFX-QBQVD-oggGOqbi3Uwsvb8LswCv-VHcXbA6BpFJGhJftMn4Hr8Y5pRClIZTKQ9rrrsW6kOQCY3cZrQ4mx5FGM6-ECgiRjAYyQR1UjK-OUP8U/');
}
.print{
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKoUCvbQCQub_47WFkhYCaHbqe2Z2-JNFWhpabRkwGuceCDftGYcwmHnPIU370qg5qg485HQhVfmRId4jDephTk417aHEOcpbRIQdMOrGWYKwdpG5KkT3mffIFBPj44NVPcr-5C4IhQOs/');
}
.rss{
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbe2xdz07gF3BzAxICjl4fMUYYd5xObSgeZSDAeZSRqswQfARYUg-bE9fLgn7u-7u5-tacol2fCZS7c67gUyTl8OLlj7xQ6VdWeJ15im3KpFYF6D97UqEt-zl_AuEJteexd6OEfgmKHq0/');
}
</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>
تم بحمد الله .
