جميع أزرار المشاركة الإجتماعية في آدة واحدة

جميع أزرار المشاركة الإجتماعية في آدة واحدة

المعاينات والمرفقات

All Share Buttons in one blogger Widget
هناك عشرات من المواقع التي يتم عبرها المشاركة او خدمات مثل الطباعة وكل شخص يفضل فئة من تلك المواقع او هناك من يريدها كلها طبعا الأبرز هم ثلاث أزرار Facebook , Twitter , Google Plus لكن هناك من يرغب في ازرار أخرى مثل زر المشاركة عبر الواتس آب WhatsApp أو غيره لذلك هذه الآداة ستساعدك في اختيار اهم الأزرار بالنسبة لك وبها زر يجمع البقية في صندوق منبثق

أولا قم بالدخول على الرابط التالي Addtoany 

ثم طبق التالي

Add Toany

ستظهر لك هذه الصفحة 

AddToany

AddToany

الكود الناتج انسخه وأضفه في وسط الكود التالي
<b:if cond='data:blog.pageType == &quot;item&quot;'>
أضف الكود هنا
</b:if>
ثم ابحث عن الكود التالي وأضف الكود السابق قبله ان أردت الأزرار في بداية الموضوع أو بعده ان أردتها في نهايته
<data:post.body/>

تعليقات

26

- شاركنا بتعليق فتعليقك يخبرنا بمدى جدوى ما نقدمه
- تشجيعك أو النقد البناء عاملين أساسيين لتطوير محتوانا
- كذلك لو لديك سؤال حول محتوى الموضوع أو شئ نسينا ذكره يرجى مشاركتنا به

  1. كفيت ووافيت أستاذنا .. بارك الله فيك

    ردحذف
    الردود
    1. وفيك بارك الله اخي الكريم
      وشاكر لمرورك العطر يا طيب

      حذف
  2. شكراا اخي عمرو على الشرح الرائع

    ردحذف
    الردود
    1. شكراً لمرورك العطر أخي نبيل
      ودي وتقديري لك

      حذف
  3. دائمن بارع ومتفوك الف شكر لك اخى

    ردحذف
  4. جزاك الله خير وجعله في ميزان حسناتك وموضوع اكثر من رائع

    بس بعد اذن حضرتك عاوز شرح طريقه عمل ايقونه لكل جنب كل قسم زي التعليقات والتسميات والشائعات الى عند حضرتك

    ردحذف
    الردود
    1. وجزاكم الله بالمثل اخي أحمد
      شكراً لمرورك

      حذف
  5. أزال المؤلف هذا التعليق.

    ردحذف
    الردود
    1. مسألة اتجاه الأيقونات الى اليسار يمكن اصلاحها
      بوضع الكود التالي فوق الوسم ]]></b:skin>
      .a2a_kit.a2a_kit_size_32.a2a_default_style a,.a2a_kit.a2a_default_style a {float: right !important;}
      اما عن عمل السكريبت لو التركيب مضبوط والقالب الذي تستخدمينه مضبوط سيعمل أيضاً يجب التأكد ان المدونة مفتوحة للقراء لو هي للكتاب فقط سيظهر خطأ

      حذف
  6. عذرا للاخطاء الاملائية فقد كنت اكتب بدون نظارة
    لذا حذت المشاركة
    يا ريت لو تفتح خاصية التعديل للمشاركة

    ردحذف
    الردود
    1. لا عليك من مسالة الأخطاء فهي تحدث للجميع خصوصا عند الكتابه بسرعة وطالما فهمت قصدك لا مشكلة مسألة التعديل غير متوافرة في بلوجر

      حذف
  7. بخصوص الاستفسار
    هي مفتوحة للقراء
    وقد نسخت الكود الاسبق واردت ادراجه لكن يبدو ان المدونه لا تسمح باضافة اكواد.
    لذا وضعت الكود في كرن الاستفسارات اتمنى الرد علي

    ردحذف
    الردود
    1. كيف المدونة لا تقبل إضافة أكواد انت تضيفي الكود السابق في تحرير القالب وطالما انت مشرفة المدونة يمكنك اضافة الأكواد
      اما لو تريدين اضافة كود في تعليقات بلوجر عليك تحويله اولا بمحول الاكواد

      حذف
  8. جربت اعمل عن طريق محول الاكواد وما صار

    ردحذف
  9. هذا كود المشاركة في المدونة
    هل ممكن الاضافة عليه ليظهر معه اضافة واتساب فقط

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='ikonz-social'><span>شارك :</span>
    <ul class='social-ikonz' id='social-ikonzs'>
    <li class='facebook'>
    <a expr:href='&quot;http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' onclick='window.open(this.href,&quot;sharer&quot;,&quot;toolbar=0,status=0,width=626,height=436&quot;); return false;' rel='nofollow' title='Share this on Facebook'><strong>Facebook</strong></a>
    </li>
    <li class='twitter'>
    <a expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.title + &quot; -- &quot; + data:post.url' rel='nofollow' title='Tweet This!'><strong>Twitter</strong></a>
    </li>
    <li class='google'>
    <a expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' onclick='javascript:window.open(this.href, &quot;&quot;, &quot;menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600&quot;);return false;' rel='nofollow' title='Share this on Google+'><strong>Google+</strong></a>
    </li>
    <li class='stumbleupon'>
    <a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Stumble upon something good? Share it on StumbleUpon'><strong>StumbleUpon</strong></a>
    </li>
    <li class='digg'>
    <a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Digg this!'><strong>Digg</strong></a>
    </li>
    <li class='delicious'>
    <a expr:href='&quot;http://delicious.com/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on del.icio.us'><strong>Delicious</strong></a>
    </li>
    <li class='linkedin'>
    <a expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;summary=&amp;source=&quot;' rel='nofollow' title='Share this on LinkedIn'><strong>LinkedIn</strong></a>
    </li>
    <li class='reddit'>
    <a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Reddit'><strong>Reddit</strong></a>
    </li>
    <li class='technorati'>
    <a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='nofollow' title='Share this on Technorati'><strong>Technorati</strong></a>
    </li>
    </ul>
    </div>
    </b:if>

    ردحذف
    الردود
    1. يصعب تنسيق الكود عبر هذه الاكواد فهذا امر يحتاج خدمة دعم فني
      يمكنك وضع الإضافة الأخرى بمفردهاكإضافة زائدة او حذف هذه واستخدام الاخرى فقط

      حذف
  10. شكرا اخي
    عندي سؤال اخي مصطفى ان قمت برفع جميع ملفات css الخاصة بقالب في جوجل درايف هل هذا الامر يساعر على سرعة القالب هل له سلبيات هذا الامر توجيك

    ردحذف
    الردود
    1. هذا يثقل المدونة اخي أكثر لا يسرعها
      لانه طبيعي القالب سيحمل جميع ملفات الـ CSS من الرابط
      لكنه يزيد عليه سرعة وقت جلب الرابط نفسه بعكس ان كانت مباشرة في القالب لا يحتاج لوقت مستهلك لإستدعاء الرابط

      حذف
    2. بارك الله فيك استادي الله يسعدك ^

      حذف
  11. هل يمكنك أن تشرح كيفية عمل مشاركة مثل التي عندك مع رسالة الشكر

    ردحذف
    الردود
    1. أهلا بك التي عندي هي جزء من القالب فلا تنفع شرحها ان لم يكن قالبك بنفس التصميم على هذا الشكل , لكنك لو طبقت الموضوع الزر الذي استخدمه الاخضر الذي يحتوي كل المواقع هو نفس الموجود عندي

      حذف
  12. زر المشاركه كان موجود عندى فى المدونه بلوجر من غير اضافه واستعملته كتير فجاءه وجدته لايعمل والاكواد تقريبا موجوده فى html عنوان المدونه aalostazz.blogspot.com

    ردحذف
    الردود
    1. قالبك هو قالب رسمي من بلوجر , وزر المشاركة كذلك رسمي منهم وتعديل تقنياته صعب
      استخد ماضافة خارجية أو الأفضل غير القالب

      حذف
    2. شكرا لاهتمامكم
      لكن هو طبيعى انه يتوقف فجاءه

      حذف
    3. العفو أخي الكريم
      قد يحدث خلل معين في السكريبت المسؤول عنه فهي سكريبتات لا تكون داخل القالب والتحكم بها خارجي

      حذف