مرحبًا بك في من جديد
إذا كنت تبحث عن 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>
خاتمة
أتمنى أن تكون قد نجحت في إعداد صناديق المتابعة على وسائل التواصل الاجتماعي. إذا واجهتك أي مشكلة في أي قسم أو كان لديك أي سؤال، فاسألنا في مربع التعليقات.
معلومات الكاتب
مصمم
اديب القربعي كنز المعلومات
اضافات اكواد قوالب تحسين محركات البحث مدونات بلوجر



