شرح رائع لإضافة أزار شارك التدوينات في المفضلات الاجتماعية , مع نبذة مختصرة عن المدون facebook-twetter

[4:58 ص | 0 التعليقات ]

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

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

ولشرح تركيب الإضافة تابع معي

من لوحة تحكم مدونتك , ثم التصميم ثم تحرير 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/AVvXsEjE2zRvly2mav9fVTI9db7Sr4brAvyz_kJFrDNqw93RkwcFHRjERX45Lx1-f9ETwlK3U-M96qWmwuCsfbltO-pNeMrjaqyhzybbzvfWrqof-j3lEiip3GwC4nXqNhtatlnrbF96xQQl294/' 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/AVvXsEjEqlBECo-2vc9rVsTg8kIcD-sUL6EMuywbrOcjkrRLSlt44_PZhg7cAZ530EQFx5O1XOSN364nwdgxv5JeTWAPTfwx0TnGhxuCQ38j2F8FGAMhnUmKbHai59P9ZoGconrQOUby6dCS364/');
}
.facebook{
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLQm41lclUmdSkJ9qznO5zgUqBj_kV_qttqtXUkbA0OJ4enx84iQN9I0I6pRRBA7DplJ91E8ITPQadxr0RLxuF5LX9LN79ggYJ7RqWMpwMSY8O8TIF2MaBesxarwN4jS4s9-NCzj-tGds/')
}
.delicious{
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinhpgzOv5EUMK-WobTorGqTYfxVRjIKzc5MrUJG7McPkhYDnWb1N98RF-VlY0rpIfEM13RjHo5b7LkyoUf3BjzbjJuCJZJnSy0M7Cm3bufZS3jN6osh7fciylJjl8R6gzYyiRkn7cCrLk/');

}
.print{
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipKLNhkCTALI7_dUGvkSZYdwJqgBxL1FP-B_FA-ZoFZp5botBF7WO8AYfZ3xXnEJJZl-p5cDujmolBNbyD9wflIS6sDcPziVx1FW9rUsmO_vCbqUMuW2kfiNF3hHEwb2iUzmqiZl7he6A/');

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

}
</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>