إضافة عن المدون أسفل التدوينة مع أزرار مشاركة التدوينات في الشبكات الاجتماعية في مدونات بلوجر

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

ولشرح تركيب الإضافة تابع معي
من لوحة تحكم مدونتك , ثم التصميم ثم تحرير 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/AVvXsEiF9wGZwpCQ__9MA3Q08ny8Zqo-n97oBQci6D6ihjhEDK2mMnfiUSwnRzVTXWIxPDq64JB3PohJ6Q9TACfB0PR3KhWmpMweQBXk2S-Yk4px4zQ20W1CqwMym8NmVd0S53qYoSvAtAVPYEs/' 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/AVvXsEhjAW792uAfSyG1SJM9v6a_UiTNH9y0m4iZVztbxFYeJ5BszQnxK_9PA3SYNXbofdC0yoXqs5lYQAgCmDjt_wijJy3Z72j1k0CfGX5iiFfWgv7sSJJLkb98PKSuOvF1clC27iIGhQIzdS8/&#39;);
}
.facebook{
background-image:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhutWyLYxjyINhfNioGzqqaqJ4a-Dn-XyKWGKUl8IJ8IrcrNC3vbJkmrpY8_K4p6unsb2sFOsHLnG1gjSjlmQt9wxHrp9VpsrAznpNY36iJr1PBP2q-wDCsvQLTmbQrgmgmwFlju-8NU4s/&#39;)   
}
.delicious{   
background-image:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2bkj_eUDMQvkM_XwOMewNs5Z_2AFWx1pjRD89AdiqiR40PHiLXjoiM49a8HUxEycWhVNPRdqBxDOIjV2k7VidFLaKSoAZ8TUJLlL3cB7LkwEOg6AEbwkylw0QP21R2KpWuXZhUxOMK-k/&#39;);

}
.print{
background-image:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggQtqQi6_rgnOTf1X3n0thyfKxaw124u3VHZf-ujpC3q3yuOwmdcAOeQQNFv1GsWYLPnARWIpvGtBltpmZZWWnVhSQJlTwcKYO1F9_HxIYmDkSRX9uGn2qnNqK-56b2qa5Ox4EC1VytvY/&#39;);

}
.rss{   
background-image:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6DAk9O3Dhp5z87n4-34V2CyL0Qq-iFZi4uiHapaqq78hveNya4uNPPDrvkiNUD4rnn3n2GT_tEBR8dordlUcNTFqR-XAyQmnWLfRvcv1WbZ4_8EyoSpI3kBnvx8tebfSKyLMUyselGsw/&#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>

احفظ قالبك .
تم بحمد الله .