اضافة خط و ايقونات ماتريال ديزاين لمدونة بلوجر، يعتربر تصميم ماتريال ديزاين من اهم اللغات تصميمية التي طورتها شركة جوجل عام 2014 على أساس تصميم البطاقات و ايقونات و صفحات ويب بشكل عام . وفي هذه التدوينة حول << اضافة خط و ايقونات متريال ديزاين للمدونة بلوجر >> سنتعرف على كيفية ستخدام هذه ايقونات على مدونات بلوجر.
صور لتصميمات بواسطة متريال ديزاين :
طريقة اضافة خط ايقونات متريال ديزاين :
توجه الى لوحة تحكم بلوجر
اختر قالب ثم تحرير
ابحث عن <body> ثم اضف الكود التالي اسفله :
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"/>ابحث عن كود ]]></b:skin> و اضف كود التالي فوقه و قم بحفض القالب :
/*Material tharabic.com*/
.material-icons{font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:'liga'}الان كيف تقوم بستخدام ايقونات
توجه الى الموقع التالي و اختر احدى ايقونات :
بعد ذالك قم باضافة اسم ايقونة داخل الكود التالي :
<i class="material-icons">هنا اسم </i>
مثال توضيحي لنفترض اني اردت اضافة لاحد اقسام ايقونة
القسم اضافات بلوجر سيكون على الشكل تالي :
<li><a href="/search/label/اضافات بلوجر?&max-results=12">اضافات بلوجر</a></li>و نتيجة بعدة اضافة ايقونة تصبح
<li><a href="/search/label/اضافات بلوجر?&max-results=12"><i class="material-icons">extension</i>اضافات بلوجر</a></li>هذا يتم استخدام ايقونات متريال ديزاين على مدونة بلوجر، اتمنى ان تكونو استفدتو من درس اليوم حول اضافة خط و ايقونات متريال ديزاين للمدونة بلوجر و اي تسائل يمكنكم طرحه في التعليقات.
تعليقات
إرسال تعليق