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

نشر في : 0 Comments

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

<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'>


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

<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'>

شاركها !

توصل بمواضيعنا على ايميلك
;

جميع الحقوق محفوظة لمدونة محترفي الكمبيوتر ©2013 | جميع المواد الواردة في هذا الموقع حقوقها محفوظة لذى ناشريها ، لايسمح بنقل المواضيع من غير ذكر مصدر .