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

في هذا المقال سنتعلم كيف نضيف اداة ايكونات ربط المدونه بمواقع التواصل الاجتماعي ( SOCIAL MEDIA WEBSITE ) واظهارها في الشريط الجانبي للمدونه ( Side Bar )

---------------------------------------------

من اعدادات المدونه نذهب الي الجزء الخاص بالتخطيط
ثم نذهب الشريط الجانبي في التخطيط ونختار اضافة اداه جديده ( إضافة أداه )
نختار من القائمه اداه من نوع ( HTML/JAVASCRIPT )
في جزء تحرير الاداه نضغط علي كلمة ( تعديل html ) كما في الصوره اذا كنت غير منشطه
ننسخ الكود التالي ونلصقه في جزء تحرير الاداه ( المحتوي )

---------------------------------------------

الصور التوضيحيه:-

---------------------------------------------

نسخ الكود التالي

        <a href="http://twitter.com/" target="_blank"><img alt="twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYggUQ8iTwD4CqIcD0PCVvCmmooFNONZsI8saUDZmJeYM-43JJchAVy2k7msgEtAi0vVrhZhEi4aeOJKDb4uIsZWvlojP6wPzMnRsEddQIT_R3pY0GMi8MxE-HubixyNp7AGf3KZ0VxBXZ/s0/twitter.png" title="twitter" /></a>
        
        <a href="https://www.facebook.com/QfshatMhnds/" target="_blank"><img alt="facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8V1pS9Jc7WFMqMzWAntWlpRkyjy89bcpVBUFVk1q3FtHYQKkK1CGTizIWdbwbaRaRZ3NnKApL-BVz-hFjvD0oLKA7NSpmLXCqqXr0c_fJeIkV_18SP_iXiv3yF9U7LI7Xn-77XPw1Q16p/s0/facebook.png" title="facebook" /></a>
        
        <a href="https://plus.google.com/" target="_blank"><img alt="google plus" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTy0Ro4oWS7FEeaVZsA9dLbjHHA61k8qRs-6NGjoxn6W3GRU1jf_k8BQMQz6yQc1H_jthCRxQMSMm1FI8CXklMhAsnRyGl1IVVHiGlyTvlnv-_RhD8lZSMrXP9Ow7JMKLn-PfkD04wetrp/s0/gplus.png" title="google plus" /></a>
        
        <a href="http://www.linkedin.com/" target="_blank"><img alt="linkedin" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQSB5Iz8kZuhShHXvdZ7hkHiAJxfgS0tXXKg4D5h9srANz90CJ8WsmYAMpGgd6k6BRzd-Xt43y88l120peeJgNIGkYAybvDTy239VChN14OJnecgnmkEFCRp_P1f1B1EtkaAUdqVH0Fgx5/s0/linkedin.png" title="linkedin" /></a>
        
        <a href="http://feedburner.com/" target="_blank"><img alt="rss feed" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh5IIMvO6GkouiACtFWa-PDCNBx-VOa5NmO6CZD56wht9sAzKP5wXl5PP9-enVtp-_8QEq1AzbLpq3CwbSeL12LCszng5m0jXmjeTPej9rbvLC5EZe30topsMy9yo3Q7DrMtREFF8H9o9u/s0/rss.png" title="rss feed" /></a>
        
        <a href="mailto:your@email.com" target="_blank"><img alt="email" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNu7-DJlJzwyxreLS5Zbaz3lUigoOxem1en-u9fNdAQScqwoes95_GWtypRbCBTSz358fFHm559AcpBCY4i5lP0wLx_foAeYGpwNOPGov45Ksg7gCiQ5cQi5c7_cBePtBRR_8H61lyYei4/s0/email.png" title="email" /></a>

ملحوظه: يتم تغيير الجزء الخاص ( href ) من الكود ( href="http://twitter.com/" ) بلنك الحساب الخاص بك لكل موقع ( twitter-facebook-linkedin..... ) علي حدي