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

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

ثم بعد ذلك اختار اضافة اداة كما ظهر في الصورة

بعد ذلك اختار html /javascript كما موضح في الصورة

ثم اختار الاضافة الذي تريده والصق الكود في المربع

الشكل الاول
معاينة الاضافة 

<!-- 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 -->:

اختار الشكـــــــــــــــــل الذي تريده

إن وفقت فهذا من اللــه وإن أخطاءت فمنى ومن  والشيطان

دمتم فى رعاية الله متتبعى مدونة ابداعاتى الكرام