Featured Video

السبت، 12 مايو 2012

إضافة صندوق أزرار المفضلات الإجتماعية (LIKE-TWEET-SHARE-+1)


كان زمان كنت تضيف كل زرار لواحدة والأكواد تتلغبط في بعضها

لكن مع إضافة اليوم إن شاء الله سوف تضع كل أززار المفضلات الإجتماعية في صندوق واحد وبإضافة واحدة وبخطوة واحدة وسهلة جداً .
















الإضافة سهلة جداً والموضوع صغير :
إضافة صندوق أزرار المفضلات الإجتماعية (لايك فيسبوك - تويتر - جوجل بلس - ثبت - أعجبني -وشير)
















طريقة الإضافة :
1- اذهب إلى لوحة تحكم المدونة ثم تحرير HTML ثم ضع علامة على توسيع القالب ثم ابحث عن الكود التالي :
<data:post.body/>
ثم ضع بعده مباشرةً الكود التالي :





<!-- AddThis Button BEGIN -->

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<center>
    <div class="addthis_toolbox addthis_default_style " style="width:440px; height:64px; padding:4px; margin:20px 0 0 0; border:1px solid #ccc; border-radius:5px">
    <div style="width:53px; height:100px; float:left; margin: 0 5px 0 0;"><a class="addthis_button_google_plusone" g:plusone:size='tall'></a></div>
    <div style="width:60px; height:100px; float:left; margin: 0 5px 0 0;"><a class="addthis_button_facebook_like" fb:like:layout="box_count"></a></div>
    <div style="width:64px; height:100px; float:left; margin: 0 5px 0 0;"><a class="addthis_button_tweet" tw:count="vertical"></a></div>
    <div style="width:48px; height:100px; float:left; margin: 0 5px 0 0;"><a><script src="http://thabbet.com/stframe/"></script></a></div>
    <div style="width:60px; height:100px; float:left; margin: -10px 10px 0 0;"><a><script type="text/javascript" src="http://ajb.ms/button/init?type=large"></script></a></div>
    <div style="width:55px; height:100px; float:left; margin: 0 10px 0 0;"><a class="addthis_counter"></a></div>  
    <div style="width:55px; height:100px; float:left; margin: 0 5px 0 0;"><img src="http://img102.herosh.com/2011/06/28/551240818.png" /></div>  
    <div style="clear:both"></div></div>
<script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">url = document.location.href</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4df3ad593893f85e"></script>
</center>
</b:if>
<!-- AddThis Button END -->



 ccc كود لون الإطار ،يمكنك تغيره إلى اللون الذي تريده
لمعرفة كود أي لون يمكنك الذهاب إلى هذا الموضوع: اعرف كود أي لون تريده مع هذا البرنامج الرائع



0 التعليقات:

إرسال تعليق

Related Posts Plugin for WordPress, Blogger...
Twitter Delicious Facebook Digg Stumbleupon Favorites More