أخف صندوق لأزرار المشاركة باللون الذي تريده

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

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:left; width:100%; height:25px; margin:4px 0px 4px 0px;padding-left:5px;padding-top:5px;background:#F3F3F3; border:1px solid #C3C3C3; '>
 <!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style '>
<div style='float:right; margin-right:5px; color:#000; margin-top:-1px;font-family:&quot;Arial&quot;;font-size:17px; font-weight:bold; text-shadow: 0 1px 0 #ccc;'><a> شارك الموضوع</a></div>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
<a class='addthis_button_tweet'/>
<a class='addthis_button_google_plusone' g:plusone:size='medium'/>
<a class='addthis_counter addthis_pill_style'/>
</div>
<script type='text/javascript'>var addthis_config = {&quot;data_track_addressbar&quot;:true};</script>
<script src='http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4e0e13be35ed575e' type='text/javascript'/>
<!-- AddThis Button END -->
</div></b:if>

إن اردت إضافة الكود في بداية الموضوع  فأضفه تحت أحد هاذين الكودين

<div class='post-header'>

<div class='post-header-line-1'/>

أما إن اردت أن تضيفه في نهاية الموضوع فأضفه تحت أحد الكودين التاليين

<div class='post-footer'>

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

طريقة تخصيص الصندوق

width:100% هذه هي مساحة عرض الصندوق

# F3F3F3 وهذا لون الخلفية

#C3C3C3 وهذا لون الإطار

#000 هذا لون كلمة شارك الموضوع ويمكنك تغييرها بأى كلمة وإن كنت ستضيفه في بداية الموضوع يمكنك كتابة السلام أو رسالة ترحيب 

ويمكن الحصول على أكواد الالوان من هنا موفقين بإذن الله  

منشورة في: blogger widget, اضافة اجتماعية