إضافة رموز جامدة ومتحركة بجانب كلمات القائمة الأفقية للبلوجر

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

وكمثال لإضافة رموز لكل قسم في القائمة العلوية أي كل كلمة وبجانبها رمزخاص كما  في الصورة التالية 

ولإضافة هذه الرموز إذهب إلى المدونة ثم قالب ثم تحرير HTML ثم إبحث عن </head>

ثم ضع هذا الكود فوقه 

<link href = "http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel = "stylesheet"/>

والآن لإضافة الرموز  أمام أو خلف الكلمات إدخل إلى الموقع التالي   fortawesome

بعدها ستظهر صفحة الرموز الكثيرة إضغط على الرمز الذي تريد  ستظهر لك صفحة بها الكود مثل هذا 
<i class="fa fa-wifi"></i>

والآن إذهب إلى المدونة ثم قالب ثم تحرير HTML ثم إبحث عن الكلمة التي تريد و ضع الرمز بجانبها أو فوقها ثم ضع الكود الذي نسخته من الموقع 

مثلا : برامج ويفي  <i class="fa fa-wifi"></i>

ولجعل هذه الرموز تتحرك نضيف fa-spin  داخل الكود 

فيصبح الكود بهذا الشكل   <i class="fa fa-wifi fa-spin"></i>

ولتكبير حجم الزر نضيف مايلي  fa-2x أو fa-3x أو fa-4x أو fa-5x أو fa-6x أو fa-7x

ليصبح الكود كمايلي <i class="fa fa-wifi fa-4x"></i>


يمكنك متابعة أمثلة حية مع شرح وافي من هنا  Font-Awesome/examples