إتصل بنا

الاسم

بريد إلكتروني *

رسالة *

إضافة صندوق أزرار المفضلات الإجتماعية

30 تعليق
باسم الله الرحمان الرحيم و الحمد لله رب العالمين و السلام عليكم و رحمة الله تعالى .
إليكم الأداة المثلى لأزرار المفضلات الإجتماعية ، إنه صندوق الأزرار الإجتماعية
من إنتاجي .




يتوفر هذا الصندوق على أزرار كل المواقع الإجتماعية الأكثر شهرة :
        فيسبوك - تويتر - غوغل بلس - ثبت - عجب - شير الذي يحتوي على جميع المواقع الإجتماعية في العالم .

هكذا يبدو الصندوق في المواضيع ( بالحجم الحقيقي )
مع هذه الأداة لست بحاجة لإدراج الأزرار في مواضيعك كل مرة ، و هي متوافقة مع جميع المتصفحات .



طريقة التركيب

 قم بحفظ نسخة احتياطية من القالب الخاص بك قبل البدأ

من لوح تحكم مدونتك توجه إلى صفحة تحرير Html. قم باضافه علامة صح علي خانة توسيع عناصر القالب و إبحث عن الكود : <data:post.body/> 

ثم ضع بعده مباشرة الكود التالي :

<!-- AddThis Button BEGIN -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<center>
    <div class="addthis_toolbox addthis_default_style " style="width:440px; height:64px; padding:4px; margin:20px 0 0 0; border:1px solid #ccc; border-radius:5px">
    <div style="width:53px; height:100px; float:left; margin: 0 5px 0 0;"><a class="addthis_button_google_plusone" g:plusone:size='tall'></a></div>
    <div style="width:60px; height:100px; float:left; margin: 0 5px 0 0;"><a class="addthis_button_facebook_like" fb:like:layout="box_count"></a></div>
    <div style="width:64px; height:100px; float:left; margin: 0 5px 0 0;"><a class="addthis_button_tweet" tw:count="vertical"></a></div>
    <div style="width:48px; height:100px; float:left; margin: 0 5px 0 0;"><a><script src="http://thabbet.com/stframe/"></script></a></div>
    <div style="width:60px; height:100px; float:left; margin: -10px 10px 0 0;"><a><script type="text/javascript" src="http://ajb.ms/button/init?type=large"></script></a></div>
    <div style="width:55px; height:100px; float:left; margin: 0 10px 0 0;"><a class="addthis_counter"></a></div> 
    <div style="width:55px; height:100px; float:left; margin: 0 5px 0 0;"><img src="http://img102.herosh.com/2011/06/28/551240818.png" /></div> 
    <div style="clear:both"></div></div>
<script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">url = document.location.href</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4df3ad593893f85e"></script>
</center>
</b:if>
<!-- AddThis Button END -->
يمثل الرمز ccc رمز لون الإطار ، يمكنك تغييره إلى أي لون تريد .

مساحة إعلانية

تعليقات بلوجر

  1. لم أجد الرابط بعد البحث ما السبب ؟

    ردحذف
  2. ماذا تقصد يا أخي
    الإضافة لا تتطلب أي رابط

    ردحذف
  3. جميلُ جداً تمت اضافته بنجاح
    جزيتم خيراً وبوركَ بِكم

    ردحذف
  4. اضفتها لمدونتي لكن لي ملاحظه .. ايقونة تويتر ثابته علي رقم 2 عندي موضوع اطلب من زواري ابداء ارائهم و ايضا التويتر عليه رقم اثنين اي قام ببعثه نفس اللي في المثال .

    هل هو ثابت ام ماذا ؟

    ردحذف
  5. الموسى
    fبعد الدخول في صفحة نحرير html قم باضافه علامة صح علي خانة توسيع عناصر القالب ثم اضغط ctrl+f ستفتح لديك خانة بحث اكتب بها الكود
    ثم تلاقي حدد لك مانها اغلق المربع البحث ثم ضع بعد هذا الكود الكود الكبير و اضغط حفظ و تمت

    غير معرف يقول...
    اضفتها لمدونتي لكن لي ملاحظه .. لم افهم؟
    تحية الي صاحب المدونة

    ردحذف
  6. و لو أخي
    أهلا و سهلا بك في أي وقت

    ردحذف
  7. السلام عليكم

    اخي Med-anass-sdk صاحب مدونة عاشق النت و العاب تايمز..

    لدي لك طلب اريد القالب الي على مدونة العاب تايمز اذا بتريد
    جزاك الله خيرا.

    ردحذف
  8. بسم الله الرحمان الرحيم

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

    ردحذف
  9. السلام عليكم ورحمة الله وبركاته

    بارك الله فيك اخي تم اضافته بعدما جربت العديد من الاكواد دون جدوى.

    لاكن الحمد لله الكل يعمل الآن.بارك الله فيك

    ردحذف
  10. بارك الله فيك على هذه الخدمة الرائعة

    ردحذف
  11. كود رئع جداً لكن لو وفرتة بحجم medium , small بالنسبة للازرار
    لانه بهذا الشكل كبير جداً ولم تراعي فية جميع الاذواق ......

    ردحذف
  12. شكرا على التعقيب أخي مطيع
    كنت أفكر في ذلك أنا أيضا

    ردحذف
  13. لا تعمل ليدي وضعت اكواد عديده للازرار الاجتماعيه ولكن لا تعمل ليد لا اعرف ما السبب
    ارجو حل مشكلتي

    العاب فلاش حنين
    http://7niin.blogspot.com

    ردحذف
  14. لست أدري يا أخي
    أعتقد أن المشكلة من قالبك ( سبق و قمت بتعديل القالب الذي تمتلك ووجدت أنه مخربق )
    لكن لا عليه
    جرب الخدمة https://www.addthis.com/get/sharing
    ستعمل إنشاء الله

    ردحذف
  15. في الحقيقة لم أدري أن هذه الأداة من انتاجك وكنت أبحث عنها كثيرا حتى وجدتها هنا
    فعلا الأداة رائعة بكل معنى الكلمة فالأزرار جميعها موجودة في صندوق واحد وهذا أمر رائع ولك الشكر من القلب وأنا اشجعك على أعمالك الرائعة هذه ....
    ولكن بالنسبة لي نزلتها وبدون مشاكل وبعد نصف ساعة أصبحت الأزرار مرة تظهر كلها ومرة زر like وزر ثبت لا يظهران ويبقة المتصفح في حالة التحميل
    أقصد أن المتصفح في حالة التحميل يعني تبقة الدائرة الخضراء تدور دون توقف وجربت المتصفحات الأخرى ولا زالة المشكلة أرجو أن تساعدني ولك جزيل الشكر

    ردحذف
  16. لقد سمعت عن طريقة تحل مشكلة البطء ... على حسب ما فهمت بأن الطريقة تتمثل بإتصال الزر بالموقع فقط حين مرور الماوس فوقه (زر +1 مثلاً لا يتصل بجووجل بلس ون إلا حين وضع الماوس فوقه وبالتالي سرعة بالتصفح )فإن وجدت لنا طريقاً لها نكون لك من الشاكرين .

    ردحذف
  17. يا أخي حسب ما أعرف
    مشكلة البطء تتعلق بسرعة الإتصال بالنت لدى المستخدم و حجم صفحة المدونة
    إن لم تظهر الأزرار بسرعة فهذا لا يعني أن الخلل في الأداة .
    كل ما في الأمر هو سرعة الإتصار بالنت فقط .
    -----------------------
    عذرا أنا لم أفهم ما المقصود من الطريقة التي تحل مشكلة البطء هذه
    كما تقول فهي تعتبر أن الزر يتصل بموقعه الأصلي إلا بعد مرور الماوس فوقه
    لكن هذا ليس صحيحا
    فزر غوغل بلس يظهر عدد الضغطات 1+ قبل تمرير الماوس عليه
    عذرا أخي رواد السيد لم أستطع حل مشكلك
    ربما اتي بحل ما فيم بعد و شكرا على الإهتمام

    ردحذف
  18. نعم أخي .. فعلا المشكلة في سرعة الإتصال وحجم صفحة المدونة هذا صحيح (اكتشفت هذا لاحقاً)...
    ولكن كنت فقط أتساءل عن طريقة تسريع تحميل هذه الأزرار لزوار المدونة أصحاب الإتصال البطيئ ..
    وأما عن الطريقة التي تحدثت عنها في تعليقي السابق أعتقد أن هناك من تحدث عنها هنا
    http://www.rustybrick.com/javascript-hover-effects-to-speed-up-page-load-time.html

    ردحذف
  19. موضوع جميل حقا و في صميم الموضوع
    شكرا لك على كل هذا الإهتمام
    بارك الله فيك

    ردحذف
  20. شكرا
    لكن الازرار ظهرت عندي بشكل صغير ولم تظهر كما في الصورة اعلاه

    ردحذف
  21. السلام عليكم شكراً على الإضافة المميزة

    ردحذف
  22. بارك الله لك واستفدت من هذه الأداة كثيراً

    ردحذف
  23. اخى عاشق نت شكرا لك على هذه الاداه الرائعه
    تم التركيب بنجاح
    http://photos-d.blogspot.com

    ردحذف
  24. شكرا لك اخ عاشق نت
    اتمني منك ان تزور مدونتي
    http://3asq-blogger.blogspot.com/

    ردحذف
  25. لقد وضعتها على مدونتي وعملت بشكل مذهل وراااائع، لك كل الشكر والإمتنان على هذا العمل المذهل لكن الآن لم تعد تعمل وحتى على مدونتك لم تعد تعمل، أتمنى أن تزور مدونتي لتتأكد من الموضوع على الرابط التالي: (www.mysblog.com) وتجد لنا حلاً لهذه المشكلة

    ردحذف
  26. لاتعمل هذه الاضافة عندنا اخی لماذا؟

    ردحذف
  27. شكراً أخي الكريم على هده الإضافة الرائعة بارك الله فيك

    ردحذف

لإدخال الأكواد بالتعليقات عليك تحويلها بـأداة ترميز أحرف HTML الخاصة