لايف سويت

 اضافه كود ويدجت مواقع التواصل الاجتماعيه في القالب 

قبل نهايه كود 

]]></b:skin>

اضافه الكود 

/* تنسيق مربع منصات التواصل الاجتماعي */

.social-grid-box {

  display: grid;

  grid-template-columns: repeat(3, 1fr); /* عرض 3 أيقونات في الصف */

  gap: 10px;

  padding: 15px;

  background: #fff; /* لون الخلفية */

  border-radius: 8px;

  box-shadow: 0 2px 5px rgba(0,0,0,0.1);

}

.social-item {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  padding: 15px 5px;

  border-radius: 5px;

  transition: all 0.3s ease;

  text-decoration: none !important;

  color: #fff !important;

}

.social-item i {

  font-size: 24px; /* حجم الأيقونة */

  margin-bottom: 5px;

}

.social-item span {

  font-size: 12px;

  font-weight: bold;

}

/* ألوان المنصات */

.facebook { background-color: #3b5998; }

.twitter { background-color: #1da1f2; }

.instagram { background-color: #e1306c; }

.youtube { background-color: #ff0000; }

.tiktok { background-color: #000000; }

.whatsapp { background-color: #25d366; }

/* تأثير عند تمرير الماوس */

.social-item:hover {

  transform: translateY(-3px);

  opacity: 0.8;

}

اختر الموقع المناسب في القالب لاضافه الويدجت 

اختر اضافه HTML/JavaScript

ضع كل رابط داخل الفراغ المناسب

www.          ....        .com

اضف الكود 

<div class='social-grid-box'>

  

  <!-- فيسبوك -->

  <a class='social-item facebook' href='www.          ....        .com' target='_blank'>

    <i class='fab fa-facebook-f'></i>

    <span>Facebook</span>

  </a>

  <!-- تويتر/إكس -->

  <a class='social-item twitter' href='www.          ....        .com' target='_blank'>

    <i class='fab fa-x-twitter'></i>

    <span>Twitter</span>

  </a>

  <!-- انستقرام -->

  <a class='social-item instagram' href='www.          ....        .com' target='_blank'>

    <i class='fab fa-instagram'></i>

    <span>Instagram</span>

  </a>

  <!-- يوتيوب -->

  <a class='social-item youtube' href='www.          ....        .com' target='_blank'>

    <i class='fab fa-youtube'></i>

    <span>YouTube</span>

  </a>

  <!-- تيك توك -->

  <a class='social-item tiktok' href='www.          ....        .com' target='_blank'>

    <i class='fab fa-tiktok'></i>

    <span>TikTok</span>

  </a>

  <!-- واتساب -->

  <a class='social-item whatsapp' href='www.          ....        .com' target='_blank'>

    <i class='fab fa-whatsapp'></i>

    <span>WhatsApp</span>

  </a>

</div>