إليكم الأداة المثلى لأزرار المفضلات الإجتماعية ، إنه صندوق الأزرار الإجتماعية
من إنتاجي .
يتوفر هذا الصندوق على أزرار كل المواقع الإجتماعية الأكثر شهرة :
فيسبوك - تويتر - غوغل بلس - ثبت - عجب - شير الذي يحتوي على جميع المواقع الإجتماعية في العالم .
هكذا يبدو الصندوق في المواضيع ( بالحجم الحقيقي ) |
طريقة التركيب
قم بحفظ نسخة احتياطية من القالب الخاص بك قبل البدأ
من لوح تحكم مدونتك توجه إلى صفحة تحرير Html. قم باضافه علامة صح علي خانة توسيع عناصر القالب و إبحث عن الكود : <data:post.body/>
ثم ضع بعده مباشرة الكود التالي :
<!-- AddThis Button BEGIN -->
<b:if cond='data:blog.pageType == "item"'>
<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 -->
<b:if cond='data:blog.pageType == "item"'>
<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 رمز لون الإطار ، يمكنك تغييره إلى أي لون تريد .
لم أجد الرابط بعد البحث ما السبب ؟
ردحذفماذا تقصد يا أخي
ردحذفالإضافة لا تتطلب أي رابط
جميلُ جداً تمت اضافته بنجاح
ردحذفجزيتم خيراً وبوركَ بِكم
اضفتها لمدونتي لكن لي ملاحظه .. ايقونة تويتر ثابته علي رقم 2 عندي موضوع اطلب من زواري ابداء ارائهم و ايضا التويتر عليه رقم اثنين اي قام ببعثه نفس اللي في المثال .
ردحذفهل هو ثابت ام ماذا ؟
الموسى
ردحذفfبعد الدخول في صفحة نحرير html قم باضافه علامة صح علي خانة توسيع عناصر القالب ثم اضغط ctrl+f ستفتح لديك خانة بحث اكتب بها الكود
ثم تلاقي حدد لك مانها اغلق المربع البحث ثم ضع بعد هذا الكود الكود الكبير و اضغط حفظ و تمت
غير معرف يقول...
اضفتها لمدونتي لكن لي ملاحظه .. لم افهم؟
تحية الي صاحب المدونة
و لو أخي
ردحذفأهلا و سهلا بك في أي وقت
تم التركيب شكرا لك
ردحذفالسلام عليكم
ردحذفاخي Med-anass-sdk صاحب مدونة عاشق النت و العاب تايمز..
لدي لك طلب اريد القالب الي على مدونة العاب تايمز اذا بتريد
جزاك الله خيرا.
بسم الله الرحمان الرحيم
ردحذفالأداة لم تشتغل معي و في الحقيقة ليس أداتك فقط فجميع أدوات المشاركة الإجتماعية لا تعمل لدي في المواضيع فهل من اقتراح
السلام عليكم ورحمة الله وبركاته
ردحذفبارك الله فيك اخي تم اضافته بعدما جربت العديد من الاكواد دون جدوى.
لاكن الحمد لله الكل يعمل الآن.بارك الله فيك
أهلا و سهلا بك
ردحذفبارك الله فيك على هذه الخدمة الرائعة
ردحذفكود رئع جداً لكن لو وفرتة بحجم medium , small بالنسبة للازرار
ردحذفلانه بهذا الشكل كبير جداً ولم تراعي فية جميع الاذواق ......
شكرا على التعقيب أخي مطيع
ردحذفكنت أفكر في ذلك أنا أيضا
لا تعمل ليدي وضعت اكواد عديده للازرار الاجتماعيه ولكن لا تعمل ليد لا اعرف ما السبب
ردحذفارجو حل مشكلتي
العاب فلاش حنين
http://7niin.blogspot.com
لست أدري يا أخي
ردحذفأعتقد أن المشكلة من قالبك ( سبق و قمت بتعديل القالب الذي تمتلك ووجدت أنه مخربق )
لكن لا عليه
جرب الخدمة https://www.addthis.com/get/sharing
ستعمل إنشاء الله
في الحقيقة لم أدري أن هذه الأداة من انتاجك وكنت أبحث عنها كثيرا حتى وجدتها هنا
ردحذففعلا الأداة رائعة بكل معنى الكلمة فالأزرار جميعها موجودة في صندوق واحد وهذا أمر رائع ولك الشكر من القلب وأنا اشجعك على أعمالك الرائعة هذه ....
ولكن بالنسبة لي نزلتها وبدون مشاكل وبعد نصف ساعة أصبحت الأزرار مرة تظهر كلها ومرة زر like وزر ثبت لا يظهران ويبقة المتصفح في حالة التحميل
أقصد أن المتصفح في حالة التحميل يعني تبقة الدائرة الخضراء تدور دون توقف وجربت المتصفحات الأخرى ولا زالة المشكلة أرجو أن تساعدني ولك جزيل الشكر
لقد سمعت عن طريقة تحل مشكلة البطء ... على حسب ما فهمت بأن الطريقة تتمثل بإتصال الزر بالموقع فقط حين مرور الماوس فوقه (زر +1 مثلاً لا يتصل بجووجل بلس ون إلا حين وضع الماوس فوقه وبالتالي سرعة بالتصفح )فإن وجدت لنا طريقاً لها نكون لك من الشاكرين .
ردحذفيا أخي حسب ما أعرف
ردحذفمشكلة البطء تتعلق بسرعة الإتصال بالنت لدى المستخدم و حجم صفحة المدونة
إن لم تظهر الأزرار بسرعة فهذا لا يعني أن الخلل في الأداة .
كل ما في الأمر هو سرعة الإتصار بالنت فقط .
-----------------------
عذرا أنا لم أفهم ما المقصود من الطريقة التي تحل مشكلة البطء هذه
كما تقول فهي تعتبر أن الزر يتصل بموقعه الأصلي إلا بعد مرور الماوس فوقه
لكن هذا ليس صحيحا
فزر غوغل بلس يظهر عدد الضغطات 1+ قبل تمرير الماوس عليه
عذرا أخي رواد السيد لم أستطع حل مشكلك
ربما اتي بحل ما فيم بعد و شكرا على الإهتمام
نعم أخي .. فعلا المشكلة في سرعة الإتصال وحجم صفحة المدونة هذا صحيح (اكتشفت هذا لاحقاً)...
ردحذفولكن كنت فقط أتساءل عن طريقة تسريع تحميل هذه الأزرار لزوار المدونة أصحاب الإتصال البطيئ ..
وأما عن الطريقة التي تحدثت عنها في تعليقي السابق أعتقد أن هناك من تحدث عنها هنا
http://www.rustybrick.com/javascript-hover-effects-to-speed-up-page-load-time.html
موضوع جميل حقا و في صميم الموضوع
ردحذفشكرا لك على كل هذا الإهتمام
بارك الله فيك
شكرا
ردحذفلكن الازرار ظهرت عندي بشكل صغير ولم تظهر كما في الصورة اعلاه
السلام عليكم شكراً على الإضافة المميزة
ردحذفبارك الله لك واستفدت من هذه الأداة كثيراً
ردحذفاخى عاشق نت شكرا لك على هذه الاداه الرائعه
ردحذفتم التركيب بنجاح
http://photos-d.blogspot.com
أهلا و سهلا
حذفشكرا لك اخ عاشق نت
ردحذفاتمني منك ان تزور مدونتي
http://3asq-blogger.blogspot.com/
لقد وضعتها على مدونتي وعملت بشكل مذهل وراااائع، لك كل الشكر والإمتنان على هذا العمل المذهل لكن الآن لم تعد تعمل وحتى على مدونتك لم تعد تعمل، أتمنى أن تزور مدونتي لتتأكد من الموضوع على الرابط التالي: (www.mysblog.com) وتجد لنا حلاً لهذه المشكلة
ردحذفلاتعمل هذه الاضافة عندنا اخی لماذا؟
ردحذفشكراً أخي الكريم على هده الإضافة الرائعة بارك الله فيك
ردحذف