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

السلام عليكم ورحمه الله وبركاته

مرحبا بكم في عالم الاحتراف

 اضافة ازرار المشاركات الاجتماعية باحجام مختلفة 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 --> - See more at: http://www.tecnohertzz.com/2012/08/vertical-floating-bar-social-sharing_12.html#sthash.0p48JIIR.dpuf

 <!-- 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 --> - See more at: 

الشكل الثاني

<!-- 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 -->
- See more at:

الشكل الثالث

<!-- 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 --> - See more at: 

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

 

ممكن تعليق