كيفية إضافة أيقونات الشبكات الإجتماعية في المربعات الجانبية للمدونة

بسم الله الرحمن الرحيم

انسألت كيف سويت أيقونات الشبكات الإجتماعية اللي عاليسار ..

ما كان عندي وقت أشرحها بس أيام الاختبارات سبحان الله يجي كل الوقت لفعل كل شيء 😛

مرة سهلة الطريقة سواء للوردبريس أو لبلوجر =]

~::~

أول شيء تحتاجوا مدونة << احلفي 😛 أمزح ، تحتاجوا الأيقونات طبعا ..

وحتلاقوا في أيقونتي و Icon Finder .. أيقونات جيدة ، ارفعوها على مدوناتكم أضمن

و حتحتاجوا هذا الكود ( تم تحديث الكود بعد تنبيه من الأخ نعمان )

<a target=”_blank” href=”رابط بروفايلكم في الشبكة الإجتماعية“> <img src=”رابط الأيقونة” /> </a>

مثال

<a target=”_blank” href=”http://twitter.com/iAfnan“> <img src=”https://afnanm.files.wordpress.com/2010/04/twitter-24×24.png” /> </a>

على فكرة إذا تبغوا الرابط يفتح في نفس الصفحة شيلوا الكلام المكتوب بالأزرق

~::~

ووردبريس

1- من لوحة التحكم

2- اسحبوا حق النص من “مربعات متوفرة” إلى “القائمة الجانبية”

3- حطوا العنوان و الكود كرروه على حسب عدد الأيقونات ..

هذا عندي بعد الأكواد و شسمه

و هنا شكله في المدونة =]

~::~

بلوجر

1- من لوحة التحكم ..

2- بعدين اضغطوا على

3- من النافذة اللي طلعت اختاروا

4- اكتبوا العنوان و الكود كرروه على حسب عدد الأيقونات

هذا شكله عندي بعد ما كتبت الأكواد و شسمه

و هنا شكله في المدونة =]

~::~

بس ! مررة سهلة صح ؟ ما يحتاج =/ خلاص حأكنسل الشرح 😛

وبالمناسبة ، تجيني أسئلة من فورم التواصل ..

[ كيف أسوي مدونة ؟ ] ، [ كيف أزبط مدونتي ؟ ] ، [ كيف أرتب المدونة ؟ ] !

كيف تسويها ؟ عالـووردبريس ، على بلوجر .. و أنصح بالووردبريس

كيف تزبطها و ترتبها ؟ جرب واتعلم و حتعرف كيف .. =]

بالتوفيق للجميع .., تحياتي

Advertisements

الأوسمة: , , , , , , ,

33 تعليق to “كيفية إضافة أيقونات الشبكات الإجتماعية في المربعات الجانبية للمدونة”

  1. نعمان سونا Says:

    ماشاء الله تبارك الله
    تدوينة حلوة
    ربي يجزاك ألف خير
    بس ماتنسي تقفلي وسم الرابط

  2. takahashy Says:

    واااا يا قلبــو عليكي ^^
    هووونتووني اريقـآآتو غوزآآيمـآآسس
    ماشاء الله عليكي موبدعه، وجهد يشكر عليه
    اسستمري يـآآ فنوو ،،
    جآنآ~

  3. FaisalKh Says:

    ماشاء الله .. شرح ممتاز جداً
    يعطيك العافية سبايو على الشرح الأكثر من الرآئع =)

  4. Modidoody Says:

    مشكوورة قبل كنت حاايس اعرف الطريقة وشرحك الوحيد الي الواحد يستفيد منه
    جزاك الله خير =)

  5. malek91 Says:

    يعطيكي العافية اختي

    سويت متل ما قلتي بس لما اسوي حفظ واروح البلوق ما احصل الايقونات موجودة مع اني رافعهم ع مدونتي
    شو المشكلة ؟

  6. Photo' yo Says:

    جزاك الله خير سبايووو
    و انا اقل لك شي كمان لو بدك تختصري الكلام في بداية صفحة المدونه زي ( إقراء الباقي) روحي عند السطر الي بدك توقفي عندو و بعدين اضغطي على Shift +Allt+t
    , و بالتوفيق في امتحاناتك
    دعواتك ليا 🙂

  7. M!ss.Do Says:

    !Nice
    Good jop girl

    Iwill back^^

  8. Mousa Almohsen Says:

    ربي يعطيكِ ألف ألفف عافية
    شرح جميل ومرتب
    وكنت أحتاج للكود
    شكراً ع المساعدة
    ^_^ ^_^

  9. mesha Says:

    ربي يعافيك ويخليك ياافنان,, من زمان ابي اعرف الطريقه
    ماقصرتي ياحلوه تسلمين 🙂

  10. أوراق خضــــــــــــــــــــــراء Says:

    الف شكر على مجهودك الرائع تم التطبيق في مدونتي

  11. Violet Aroma Says:

    السلام عليكم اختي ..

    جهدك مشكور .. والموقعين جننوني من روعة الأيقونات لدرجة حملت كثيييير منهم .. *_^

    وبالنسبة لشرحك واضح جدا ..لكن وش تقصدين بـ (ارفعهم ع مدونتك ) ؟؟
    طبعا انا ع Blogger .. هل قصدك اني افتح بوست جديد(تدوينة) ثم ارفع الايقونات من هناك ؟؟
    كل الخطوات واضحة لكن لم تظهر الايقونة !!

    وبالنسبة لكود الايقونة كيف اعرفه ؟؟ احوليت وانا اختار من بين الرموز ..

    اسفة كثرت عليك .. بس صراحة صار لي اسبوع وزيادة ادور هالخاصية وتوني القاها بمدونتك مشروحة ..

    انتظر اجابتك ياغالية ..

    أختك .. (:

  12. Violet Aroma Says:

    ^^^

    عرفت أسويها الحمدلله ..

    بس مشكلة انها ماتظهر في ثلاث متصفحات ( فايرفوكس +اكسبلورر+كرووم ) !!!

    الان شوو الحل !؟!

    تطلع لي إكسات بدالها ..!! 😦

    تفضلي بمدونتي وبلغيني اذا هي تطلع عندك او لا ..
    الرابط باسمي ..

    جزاك الله خير ..*_^

    • Afnan Mohammed Says:

      أهلا بكِ عزيزتي =)

      بما انه مدونتك بلوجر أنصحك ترفعي الأيقونات على موقع لرفع الصور

      وإن شاء الله تنحل المشكلة 😉

      وياكِ يارب ..

  13. reana8 Says:

    طيب سؤال انبراشي .. كيف ارفع الصور على مدونتي ..؟
    :&

  14. shosho Says:

    كيف أرفع صورة الإيقونة , على اي موقع ؟

  15. shosho Says:

    ^
    ^

    علما أن مدونتي بلوقر

  16. {نبض.. Says:

    الكريمة [ أفنان ] ~
    جربت طريقتكِ ولم تنجح معي
    فتظهر لي مربعات ××× =(
    علماً بأنني جربتها برفع الأيقونات على مدونتي
    وعلى أكثر من مركز تحميل ..،

    هل لديكِ فكرة عن السبب ..؟!

    والمعذرة إن أزعجكِ سؤالي ،،
    شاكرة لكِ ..

    تح ـيتي ~

  17. {نبض.. Says:

    عرَفتُ أين المشكلة ،،
    كانت هناك بعض المسافات بين الرموز وحالما محَوتها ظهرَت الأيقونات =)

    جزيل الشكر لتعاونكِ أفنان .،
    وعذراً لإزعاجك ..

    سلمتِ ودمتِ بحفظ ربي ..
    تح ـيتي ~

اترك رد

إملأ الحقول أدناه بالمعلومات المناسبة أو إضغط على إحدى الأيقونات لتسجيل الدخول:

شعار وردبرس.كوم

أنت تعلق بإستخدام حساب WordPress.com. تسجيل خروج   /  تغيير )

Google photo

أنت تعلق بإستخدام حساب Google. تسجيل خروج   /  تغيير )

صورة تويتر

أنت تعلق بإستخدام حساب Twitter. تسجيل خروج   /  تغيير )

Facebook photo

أنت تعلق بإستخدام حساب Facebook. تسجيل خروج   /  تغيير )

Connecting to %s