-->
banner
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- %u0627%u0639%u0644%u0627%u0646 %u0633%u0627%u064A%u062F %u0628%u0627%u0631 %u0627%u0644%u062A%u0631%u062C%u0645%u0627%u0646 1 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4530581304513824" data-ad-slot="7885475094" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>

السبت

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


 إضافة أزرار المشاركة في الشبكات الاجتماعية
سأقدم لكم اليوم إضافة أزرار المشاركة، الإصدار القديم من موقع www.addthis.com والذي لم يعد متاحا في الموقع الرسمي، لكنها مازالت قابلة للاستعمال والتطوير، كما سأشرح لكم في هذا الدرس.
ننبه أولا أن أكواد addthis لكي تعمل في الموقع أو المدونة يجب أن يتضمن هذا الموقع أو المدونة كود جافاسكريبت الخاص بإضافات addthis، وبالتالي، إذا كان ذلك الكود غير مضمنا في موقعكم، فيجب وضع كود جافا سكريبت التالي مع الإضافة، لكن يفضل الحصول على كود جافا سكريبت خاص بموقعك يحمل المعرف الخاص بحسابك من www.addthis.com، أما إذا سبق ووضعت كود جافا سكريبت هذا في موقعك، فانت لست بحاجة إلى إضافته مرة أخرى:
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=mandili' type='text/javascript'/>
يمكنك الاستعانة بالصورة لاختيار النموذج المفضل لديكم.

أزرار المشاركة في الشبكات الاجتماعية

النموذج 1 ـ كود أزرار المشاركة في مواقع التواصل الإجتماعي

<div class='addthis_toolbox addthis_default_style'>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
<a class='addthis_button_facebook_send' fb:like:layout='button_count'/>
<a class='addthis_button_tweet'/>
<a class='addthis_button_google_plusone' g:plusone:size='medium'/>
<a class='addthis_button_foursquare'/>
<a class='addthis_counter addthis_pill_style'/>
</div>
يمكن حذف أي سطر يشير إلى موقع مشاركة لا ترغبون به، كما يمكن إضافة المزيد من مواقع المشاركة بإضافة المعرف الخاص بها على هذا الشكل:
<a class='addthis_button_xxxxxxx'/>
مع استبدال xxxxxxx باسم موقع المشاركة المراد إضافته إلى الأداة.
لمن يريد أن يضع زر المشاركة فقط، إليكم النماذج الموالية، حيث يمكنكم استبدال ما باللون الأزرق بالأكواد التالية:

النموذج 2 ـ زر النشر برتقالي مستطيل مرسوم عليه Partager وأيقونة +

<div class="addthis_toolbox addthis_default_style ">
<a class='addthis_counter addthis_pill _style'/>
</div>

النموذج 3 ـ زر النشر أبيض عريض مرسوم عليه Partager وأيقونة + ونماذج النشر

<div class="addthis_toolbox addthis_default_style ">
<a class='addthis_button'/>
</div>
أو
<div class="addthis_toolbox addthis_default_style ">
<a class='addthis_button addthis_pill_style'/>
</div>

الموضوع التالى الموضوع التالى
الموضوع السابق الموضوع السابق
الموضوع التالى الموضوع التالى
الموضوع السابق الموضوع السابق
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- %u0627%u0639%u0644%u0627%u0646 %u0633%u0627%u064A%u062F %u0628%u0627%u0631 %u0627%u0644%u062A%u0631%u062C%u0645%u0627%u0646 1 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4530581304513824" data-ad-slot="7885475094" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>
 

الاستضافة بواسطة فيدبورنر