أداة رائعة لأيقونات التواصل الجانبية الثابتة لبلوجر

صورة الأداة وهي ثابتة على الجانب الايسر للموقع

📌 أداة أيقونات التواصل الجانبية الثابتة لبلوجر

تواصل أسرع، تصميم أنيق، تجربة مستخدم أفضل

✨ ما هي الأداة؟

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

🎯 لماذا تحتاجها في مدونتك؟

• ✅ ثابتة أثناء التمرير: تبقى ظاهرة في الشاشة مهما تحرك الزائر.
• ✅ تجربة مستخدم سلسة: الوصول الفوري إلى وسائل التواصل.
• ✅ تصميم احترافي: أيقونات دائرية بألوان مميزة وتفاعل عند المرور.
• ✅ لا تؤثر على سرعة الموقع: خفيفة وتعمل بدون سكربتات خارجية.
• ✅ متوافقة مع سياسات Google: لا تجمع بيانات ولا تتطلب تسجيل دخول.

🛠️ طريقة التركيب في بلوجر

1. افتح لوحة التحكم في بلوجر.
2. انتقل إلى "التخطيط" → "إضافة أداة" في قسم الشريط الجانبي أو الفوتر.
3. اختر "HTML/JavaScript".
4. الصق الكود التالي بالكامل.
5. احفظ التغييرات وشاهد النتيجة مباشرة.

✅ كود الأداة الجانبية (جاهز للنسخ)

<style>
  .contact-icons-fixed {
    position: fixed;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 6px;
  }

  .contact-icons-fixed a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    background-color: #fff;
    color: #fff;
    border-radius: 50%;
    text-decoration: none;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    transition: transform 0.3s, box-shadow 0.3s;
  }

  .contact-icons-fixed a:hover {
    transform: scale(1.1);
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
  }

  .contact-icons-fixed a.whatsapp { background-color: #25D366; }
  .contact-icons-fixed a.telegram { background-color: #0088cc; }
  .contact-icons-fixed a.facebook { background-color: #1877f2; }
</style>

<div class="contact-icons-fixed">
  <a href="https://wa.me/962799940180" target="_blank" class="whatsapp" title="واتساب">📱</a>
  <a href="https://t.me/daralwazaff" target="_blank" class="telegram" title="تلغرام">✈️</a>
  <a href="https://www.facebook.com/wzaeff" target="_blank" class="facebook" title="فيسبوك">📘</a>
</div>
  

💡 ملاحظات تخصيص

• يمكنك تغيير مكان الأداة من left: 0 إلى right: 0 لتظهر على يمين الشاشة.
• الرموز داخل الأزرار (📱 ✈️ 📘) قابلة للتغيير إلى SVG أو أيقونات Font Awesome.
• الروابط الحالية مخصصة لـ دار الوظائف – الأردن، ويمكنك تعديلها حسب الدولة أو الصفحة الخاصة بك.

⚖️ هل الأداة قانونية وآمنة؟

نعم، فهي:

• لا تجمع بيانات المستخدم.
• لا تطلب تسجيل دخول.
• لا تنتهك سياسات Google أو بلوجر.
• لا تحتوي على سكربتات خارجية أو تتبع.

💬 هل ترغب أن أضيف زرًا لـ "انشر إعلانك" بنفس التصميم؟ يمكنني تجهيز نسخة متعددة الدول حسب الزائر!