مرحبًا بك في من جديد
إذا كنت تبحث عن Social Media Follow Box Widget For Blogger Style 2، فإن هذه التدوينة مخصصة لك فقط.
![]() |
| أداة متابعة وسائل التواصل الاجتماعي لنمط Blogger |
صندوق متابعة وسائل التواصل الاجتماعي لـ Blogger Style
الخطوة 1: انتقل إلى
لوحة تحكم Blogger.
الخطوة 2: في لوحة تحكم Blogger، انقر فوق "المظهر" ثم افتح "تحرير HTML".
الخطوة 3: الآن ابحث عن </head>كود css التالي والصقه أعلى هذا الوسم.
![]() |
| أداة متابعة وسائل التواصل الاجتماعي الشكل1 Blogger |
<link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css' rel='stylesheet'/>
الخطوة 4: الآن انقر على زر الحفظ.
الخطوة 5: الآن هنا قم بنسخ الكود الخاص بك واستخدامه في المنشور/الصفحة.
تلجرام
<a href="https://t.me/Teckyaaryan" style="background: rgb(56, 156, 233); border-radius: 8px; color: white; display: block; font-size: 16px; font-weight: 500; padding: 5px; text-align: center; text-decoration: none; margin-top: 10px;" target="_blank">
<i class="fab fa-telegram-plane" style="margin-right: 5px;"></i>Telegram
</a>
انستقرام
<a href="https://www.instagram.com/teckyaaryan" style="background: rgb(131, 58, 180); border-radius: 8px; color: white; display: block; font-size: 16px; font-weight: 500; padding: 5px; text-align: center; text-decoration: none; margin-top: 10px;" target="_blank">
<i class="fab fa-instagram" style="margin-right: 5px;"></i>Instagram
</a>
فيسبوك
<a href="https://www.facebook.com/teckyaaryan" style="background: rgb(59, 89, 152); border-radius: 8px; color: white; display: block; font-size: 16px; font-weight: 500; padding: 5px; text-align: center; text-decoration: none; margin-top: 10px;" target="_blank">
<i class="fab fa-facebook-f" style="margin-right: 5px;"></i>Facebook
</a>
GitHub
<a href="https://github.com/teckyaaryan" style="background: rgb(36, 41, 46); border-radius: 8px; color: white; display: block; font-size: 16px; font-weight: 500; padding: 5px; text-align: center; text-decoration: none; margin-top: 10px;" target="_blank">
<i class="fab fa-github" style="margin-right: 5px;"></i>GitHub
</a>
<a href="https://www.linkedin.com/in/teckyaaryan" style="background: rgb(0, 119, 181); border-radius: 8px; color: white; display: block; font-size: 16px; font-weight: 500; padding: 5px; text-align: center; text-decoration: none; margin-top: 10px;" target="_blank">
<i class="fab fa-linkedin-in" style="margin-right: 5px;"></i>LinkedIn
</a>
تويتر(x)
<a href="https://twitter.com/teckyaaryan" style="background: rgb(29, 161, 242); border-radius: 8px; color: white; display: block; font-size: 16px; font-weight: 500; padding: 5px; text-align: center; text-decoration: none; margin-top: 10px;" target="_blank">
<i class="fab fa-twitter" style="margin-right: 5px;"></i>Twitter
</a>
يوتيوب
<a href="https://www.youtube.com/c/teckyaaryan" style="background: rgb(255, 0, 0); border-radius: 8px; color: white; display: block; font-size: 16px; font-weight: 500; padding: 5px; text-align: center; text-decoration: none; margin-top: 10px;" target="_blank">
<i class="fab fa-youtube" style="margin-right: 5px;"></i>YouTube
</a>
<a href="https://www.pinterest.com/teckyaaryan" style="background: rgb(189, 8, 28); border-radius: 8px; color: white; display: block; font-size: 16px; font-weight: 500; padding: 5px; text-align: center; text-decoration: none; margin-top: 10px;" target="_blank">
<i class="fab fa-pinterest-p" style="margin-right: 5px;"></i>Pinterest
</a>
واتساب
<a href="https://wa.me/yourphonenumber" style="background: rgb(37, 211, 102); border-radius: 8px; color: white; display: block; font-size: 16px; font-weight: 500; padding: 5px; text-align: center; text-decoration: none; margin-top: 10px;" target="_blank">
<i class="fab fa-whatsapp" style="margin-right: 5px;"></i>WhatsApp
</a>
خاتمة
أتمنى أن تكون قد نجحت في إعداد صناديق المتابعة على وسائل التواصل الاجتماعي. إذا واجهتك أي مشكلة في أي قسم أو كان لديك أي سؤال، فاسألنا في مربع التعليقات.



