كيفية وضع أزرار شبكات التواصل الاجتماعي على مدونتك.
أصبحت وسائل التواصل الاجتماعي المصدر الرئيسي لحركة المرور على العديد من صفحات الويب، حيث تكبر المنافسة يومًا بعد يوم على التصدر في محركات البحث، وفي بعض الأحيان يكون من الأسهل الوصول إلى الجمهور والتفاعل اجتماعيًا بدلاً من الحركة العضوية. ولذلك، من المهم أن تكون وسائل التواصل الاجتماعي حاضرة في استراتيجية نشر المحتوى على مدونتك.
في هذه المقالة، سأريك كيفية إضافة أزرار أو أيقونات لوسائل التواصل الاجتماعي إلى مدونتك، بغض النظر عما إذا كنت تستخدم بلوجر أو أي نظام إدارة محتوى آخر. إذا اتبعت تعليماتي، يمكنك استخدامها دون مشكلة.
فوائد استخدام أزرار لوسائل التواصل الاجتماعي:
ستمنحك أزرار التواصل الاجتماعي مظهرًا أكثر احترافية لمدونتك، بالإضافة إلى ذلك، سيشعر المستخدمون بالأمان الأكبر عند رؤية أن هناك شخصًا حقيقيًا وراء مدونتك يمكنهم التحدث معه في حال الحاجة. تُضاف إلى ذلك الفوائد التالية:
زيادة في حركة المرور إلى مدونتك: في الوقت الحالي، يفضل 80% من الأشخاص البحث عن المعلومات السمعية والبصرية قبل قراءة مقال على صفحة. لذلك، من المهم أن تنشئ ملفات تعريف للوسائل الاجتماعية وتخصص جزءًا من استراتيجيتك النمو للبحث عن قراء محتملين بطريقة اجتماعية.
زيادة في عدد المشتركين: في بلوجر، يصعب عليك تتبع عدد الأشخاص الذين يتابعون مدونتك. ومع ذلك، تسمح لك وسائل التواصل الاجتماعي بإدارة هذه المعلومات بشكل مفصل. إذا أضفت أزرارًا لوسائل التواصل الاجتماعي، سيتمكن قراؤك من متابعتك بنقرة واحدة فقط، وسيستفيدون من ذلك حيث سيرتفعون إشعارات فقط في الوقت الذي تقوم فيه بنشر محتوى جديد على مدونتك، وستستفيد أنت أيضًا حيث يمكنك إعلامهم بوجود محتوى جديد على مدونتك.
أيقونات لوسائل التواصل الاجتماعي لنسخ ولصق:
إذا كنت تجيد HTML و CSS جيدًا، يمكنك بسهولة إنشاء أزرار لوسائل التواصل الاجتماعي، فقط استخدم أحد هذه الصور: [يمكنك وضع الصور هنا]
زرار لوسائل التواصل الاجتماعي لـ Blogger
إذا لم تكن تعرف شيئًا عن HTML أو CSS، لا تقلق، سأقدم لك الآن دليل مفصل وخطوة بخطوة لمساعدتك في إضافة أزرار لوسائل التواصل الاجتماعي إلى مدونتك على Blogger.
الخطوة 1: نسخ ولصق الرمز التالي
ثم، يجب عليك نسخ الرمز أدناه ولصقه في قسم "إدخال-قسم-قطعة" حيث ترغب في ظهوره.
👴
<center>
<div class="iconos-sociales">
<a href="LINK URL RESEAU SOCIAL" target="_blank"><img loading="lazy" alt="Subscribe YouTube" height="35" width="35" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhatgr0qwXvVsY36EhSbR-L5hCWnssppu4tbbqDMiq00PaQHWbJhgIpVUp6hi_zCM2yyCsi1PZW9pf5LLowPF5MmYf4qpuTpyoMIlKGeRvg0FUM97Jl8V0hmzD91Y8P5MFwjAiPbJvXoN0G/s0/Youtube-icono.png" title=" Subscribe Youtube "/></a>
<a href="LINK URL RESEAU SOCIAL" target="_blank"><img loading="lazy" alt="Follow Facebook" height="35" width="35" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMQO4rYVKhTgyfyALxx2eT27Sr1yk8zdPdGZ-MMs8qlsTkVdFH4BiiHDIg3plBLtASsH42eFxa_iWOfQVQ-Khoux3CEPtrJo22hl3a_GWG09lbRse7LJqSVnCSfv0sktVuNyKYoHzhwkh8/s0/facebook-icono.png" title="Follow Facebook"/></a>
<a href="LINK URL RESEAU SOCIAL" target="_blank"><img loading="lazy" alt="Follow Instagram" height="35" width="35" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBU-ODY76AYPN2S3IDx4Woo0tkafkWiisy7a4NkicG4IJuf9C2NIlYNKHDhzZl_DO7OntPw1vbjAGBL93NlOaJYhrsJkDMaaqsb0aUaJ3dGLpVTy8iltfIUrPuFHOrnPCMZLfx-L_Ny46Y/s0/Instagram-icono.png" title="Follow Instagram"/></a>
<a href="LINK URL RESEAU SOCIAL" target="_blank"><img loading="lazy" alt="Follow WhatsApp" height="35" width="35" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicAIaqYw4dleqXjNGpRhHAIcUrmHuDQRoLLtCDcgkqkNc9_z5iuEr75IUOSCE28aIkj7K_9AYhHlUZ_GNTtB4R6qlYX-h61QMaprRV2HKwJz8K4_3k5Q7K8vHiZTCEteu_-QJX_9o4RgYg/s0/whatsapp-icono.png" title="Follow WhatsApp"/></a>
<a href="LINK URL RESEAU SOCIAL" target="_blank"><img loading="lazy" alt="Follow TikTok" height="35" width="35" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxiWxHgyl9aW8e_urRmyX75u8vglYm8g4KoAXt4S-qz0poJGlbtNDrPVxXuHOEy9WgPa7bY-4jiyJ0S_hyphenhyphenuWDmnzDqVEU74H4ZnxPaFauthwoi6cqo2E0uqcLioR7K3JXW9Xs-GKEeth2F/s0/tiktok-icono-oscuro.png" title="Follow TikTok"/></a>
<a href="LINK URL RESEAU SOCIAL" target="_blank"><img loading="lazy" alt="Follow Twitter" height="35" width="35" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeQPd8FzvaSH_qIkL6UshVKpqpoITGCMiy8jMnU_z-J-MEfKhxkw0fzI2Ihjy3qYjzLfFA7zuRMKq4QKjeU0iBx2vgxBPYp6pMxKImtEceVFy54m-h1bNCLxUrmWhyphenhyphenSZRTlZSYY_SCKEXJ/s0/Twitter-icono.png" title="Follow Twitter"/></a>
</div>
</center>
<!-- Ici entrent les styles -->
الخطوة 2: قم بتخصيص شبكات التواصل الاجتماعي الخاصة بك
تحرير الأكواد الملونة باللون الأخضر:
رابط URL للشبكة الاجتماعية: يجب عليك وضع رابط URL للشبكة الاجتماعية المقابلة هنا.
(الارتفاع والعرض): سيوفر الرمز قياسًا افتراضيًا بارتفاع 35 بكسل، إذا كنت ترغب في أن تبدو أيقونات شبكات التواصل الاجتماعي أكبر أو أصغر، فزد الرقم أو اختصره على التوالي.
الخطوة 3: إضافة أو حذف شبكات التواصل الاجتماعي.
يمكنك إضافة أو حذف الشبكات الاجتماعية التي ترغب في ظهورها. لحذف شبكة اجتماعية، يكفي حذف رمز الشبكة الاجتماعية التي لا ترغب في رؤيتها، وإذا كنت ترغب في إضافة نسخة جديدة من أي شبكة اجتماعية، فقط انسخ الرمز من أي شبكة اجتماعية وقم بتحرير حقل "رابط URL للشبكة الاجتماعية".
إذا تمت المهمة بنجاح، ستبدو شبكات التواصل الاجتماعي الخاصة بك مثل هذا:
اشترك على يوتيوب
تابع على فيسبوك
تابع على إنستغرام
تابع على واتساب
تابع على تيك توك
تابع على تويتر
أضف أنماطًا إلى أزرار شبكات التواصل الاجتماعي الخاصة بك
كما يمكنك ملاحظة، لا تحتوي أزرار شبكات التواصل الاجتماعي الافتراضية على أي تحركات، فهي مجرد صورة مع رابط، وهذا قد يكون مناسبًا لعدم إبطاء مدونتك كثيرًا، ومع ذلك، إذا كنت ترغب في شيء أكثر احترافية، يجب عليك نسخ الأنماط التي سأعرضها لك أدناه ولصقها في نهاية رمز شبكات التواصل الاجتماعي الخاص بك حيث يقال "هنا تدخل الأنماط".
انتقل إلى الأعلى
ستتحرك الأزرار قليلاً لأعلى عند تمرير الأشخاص فوق الصورة.
''''''''' <style>
.iconos-sociales img{
transition:all 0.5s ease-out;
}
.iconos-sociales img:hover{
box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
transform:translate(0px, -5px);
}
</style>
''''''''
تعليقات
إرسال تعليق