زر مشاركة داعم لكل المواقع الإجتماعية وخواص الطباعة والمراسلة

 أغلب القوالب تحتوي أزرار المشاركة الإجتماعية المهمة والمشهورة , لكن بعض القوالب تفتقر لهذا الأمر أو متوافر بها جزء من تلك الخواص والمواقع ولكن ليس كل شئ أو أيضاً تكون موجوده لكن يحدث أعطال , لذلك قمت بعمل تلك الإضافة البسيطة هي زر عائم يحتوي تقريباً كل خدمات المشاركة المعروفة وحتى المراسلة عبر البريد والطباعة الخ , وهو معتمد على موقع addtoany الخاص بأزرار المشاركة

زر مشاركة داعم لكل المواقع الإجتماعية وخواص الطباعة والمراسلة

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

لذلك صنعت آداة بسيطة لزر عائم يحتوي نافذة موقع المشاركة والتي بها كل تلك الخدمات

وتركيب الزر بسيط للغاية أضف الكود التالي في آداة HTML/JavaScript

يفضل أن تضع الآداة بعد آداة رسائل المدونة الإلكترونية وإن لم يعجبك ببساطه احذف الآداة

<style>

#CNMUShare{position:fixed;right:20px;bottom:20px;z-index: 999999;}

#CNMUShare .a2a_dd{display:block;background:#0166ff url(https://www.searchpng.com/wp-content/uploads/2019/02/Sgare-White-Icon-PNG-715x715.png) no-repeat 5px center /70%;width:48px;height:48px;border-radius:100%;overflow:hidden;border:2px solid #fff;box-shadow:0 0 2px #000;opacity:.7;transition:all .4s ease}

#CNMUShare .a2a_dd:hover{opacity:1}

.a2a_svg.a2a_s__default.a2a_s_a2a {display: none;}

</style>

<script type='text/javascript'>var a2a_config=a2a_config||{};a2a_config.thanks={postShare:false};a2a_config.onclick=2;</script>          

<script src='https://static.addtoany.com/menu/page.js'></script>

<div id='CNMUShare' class='a2a_kit'><a aria-label='Share' class='a2a_dd' href='https://www.addtoany.com/share'></a></div>

استبدل كود اللون #0166ff 


في حالة عدم عمل الإضافة سيكون غالباً السبب أنه ربما لديك نفس الإضافة في قالبك فالتكرار قد يسبب العطل لذلك لا تستخدم هذه طالما الخدمة متوافرة لديك , أو ربما يكون لديك كود جافا سكريبت يسبب تعارض وهذا طبعا امر يصعب اكتشافة لكن بشكل عام أنا جربت عمل الإضافة على عدة قوالب ونجحت معهم كلهم

2تعليقات

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

  1. زر جميل جدا ومفيد وسهل الاستعمال
    استخدمه فشكرا لك أستاذ

    ردحذف
  2. يسعدني ان الزر أعجبك أخي منير , سرني مرورك يا غالي

    ردحذف