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

بسم الله الرحمن الرحيم

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

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

كل ما عليكم هو إختيار الأداة التي تريدون ثم التوجه إلى لوحة التحكم في المدونة ثم إختيار التخطيط ثم إضافة أداة ثم نقوم بإختيار HTLM/JAVA SCRIPT ثم نقوم بلصق الكود الذي قمنا ب إختياره

الشكل الاول

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="left:50px;top:50px;">
<a class="addthis_button_facebook_like" fb:like:layout="box_count"></a>
<a class="addthis_button_tweet" tw:count="vertical"></a>
<a class="addthis_button_google_plusone" g:plusone:size="tall"></a>
<a class="addthis_counter"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-50256c9955de3d1e"></script>
<!-- AddThis Button END -->

الشكل الثاني

<!-- AddThis Button BEGIN -->

<div class="addthis_toolbox addthis_floating_style addthis_32x32_style" style="left:50px;top:50px;">

<a class="addthis_button_preferred_1"></a>

<a class="addthis_button_preferred_2"></a>

<a class="addthis_button_preferred_3"></a>

<a class="addthis_button_preferred_4"></a>

<a class="addthis_button_compact"></a>

</div>

<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-50256cd215773286"></script>

<!-- AddThis Button END -->

الشكل الثالث

<!-- AddThis Button BEGIN -->

<div class="addthis_toolbox addthis_floating_style addthis_16x16_style" style="left:50px;top:50px;">

<a class="addthis_button_preferred_1"></a>

<a class="addthis_button_preferred_2"></a>

<a class="addthis_button_preferred_3"></a>

<a class="addthis_button_preferred_4"></a>

<a class="addthis_button_compact"></a>

</div>

<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-50256cf13ad74b07"></script>

<!-- AddThis Button END -->: