كيفية تركيب ايقونات مواقع التواصل الاجتماعي في بلوجر

السؤال

جزء من شهرة المواقع هي الزائرين وتجربتهم داخل الصفحات فان اعجبهم مقال معين فربما يتم نشره على مواقع التواصل الاجتماعي الشهيرة منها فيسبوك وتويتر التي تعتبر الاشهر لدى العرب … كيف يمكن تركيب ايقونات وسائل التواصل الاجتماعي داخل مدونات بلوجر ؟

تم الحل 1
ali شهرين 2021-06-14T10:40:33+03:00 0 إجابة 7 مشاهدات 1

إجابة ( 1 )

    0
    2021-06-14T15:09:28+03:00

    كيفية اضافة ايقونات وسائل التواصل الاجتماعي التي تظهر فيها عدد المتابعين على حساباتك :

    1. اذهب الى لوحة تحكم مدونة بلوجر.
    2. توجه الى التخطيط . انقر على اضافة اداة واختر HTML/JavaScript .
    3. يمكنك كتابة الكلمة التي تريد مثل تابعنا على وسائل التواصل الاجتماعي التابع للموقع .
    4. ضع الكود أدناه مع وضع روابطك الخاصة .
    5. احفظ الاداة.

    <div class=’social-to’>
    <ul>
    <li class=’facebook’><a href=’رابط الفيس بوك الخاص بك ‘><span class=’social-name’><i class=’fa fa-facebook’></i></span><span class=’social-count’>+ 86 ألف</span><span class=’social-type’>متابع</span></a></li>
    <li class=’twitter’><a href=’رابط تويتر’><span class=’social-name’><i class=’fa fa-twitter’></i></span><span class=’social-count’>+1.5k</span><span class=’social-type’>متابع</span></a></li>
    <li class=’rss’><a href=’رابط رس’><span class=’social-name’><i class=’fa fa-rss’></i></span><span class=’social-count’>+25 ألف</span><span class=’social-type’>مشترك</span></a></li>
    <li class=’googleplus’><a href=’رابط جوجل بلس’><span class=’social-name’><i class=’fa fa-google-plus’></i></span><span class=’social-count’>+ 78 ألف</span><span class=’social-type’>متابع</span></a></li>
    <li class=’youtube’><a href=’رابط قناتك’><span class=’social-name’><i class=’fa fa-youtube’></i></span><span class=’social-count’>+11 ألف</span><span class=’social-type’>مشترك</span></a></li>
    <li class=’instagram’><a href=’رابط انستجرام’><span class=’social-name’><i class=’fa fa-instagram’></i></span><span class=’social-count’>+2.7k</span><span class=’social-type’>متابع</span></a></li>
    </ul>
    </div>
    <style>/* Social Media */ .social-to ul li.rss a{ background:#ffac35} .social-to ul li.googleplus a{ background:#DD4B39} .social-to ul li.twitter a{ background:#4cadf7} .social-to ul li.facebook a{ background:#416dcb} .social-to ul li.instagram a{ background:#4586bb} .social-to ul li.youtube a{ background:#e4312a} .social-to ul li .social-type{ float:left} .social-to ul li .social-name{ float:right; margin-left:8px} .social-to ul li a{ display:block; border-bottom:3px solid rgba(0,0,0,0.09); margin-bottom:8px; color:#fff; padding:10px 18px; font-size:18px; border-radius:4px; </style>

    أفضل إجابة

‫أضف إجابة