اضافة ايقونات الماتريال ديزاين على بلوجر

السلام عليكم ورحمة الله وبركاته

طبعا اغلبيه الناس سمعة بالماتريال ديزاين الي سيطر على افلب تطبيقات الاندرويد

واغلب تطبيقات الاندرويد يتم تحديثها لتعمل بالماتيريال ديزاين

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"/>

او عن طريق البحث عن ]]></b:skin> و وضع الكود التالي فوقه أو ضعه بين <style> </style>

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://fonts.gstatic.com/s/materialicons/v12/2fcrYFNaTjcS6g4U3t-Y5ewrjPiaoEww8AihgqWRJAo.woff) format('woff'), url(https://fonts.gstatic.com/s/materialicons/v12/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format('woff2'), url(https://fonts.gstatic.com/s/materialicons/v12/2fcrYFNaTjcS6g4U3t-Y5bbKic1PW3nceB3q24YFOMg.ttf) format('truetype');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  vertical-align:middle;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}

وأخيرا اختيار الأيقونات!
- الأمر بسيط فقط توجه إلى هذا الرابط ستجد الأيقونات اضغط على الأيقونة التي تريد إظافتها ستضهر لك في الأسفل قائمة :

عند اختيار الخط سيضهر لك خياران الخيار الأول عن طريق وضع إسم الأيقونة بحيث يمكن تحديدها
والخيار الثاني هو لإظافته بالطريقة العادية أي رمز الأيقونة.

أما الصور فتقوم بتحميلها وتستعملها كأي صورة.
للمزيد من المعلومات انصحك بمشاهدة هدا الموضوع حول كيفية اضافة ايقونات الماتريال ديزاين على بلوجر بالتفصيل عبر الرابط التالي اضغط هنا شكرا لك.
أرجو ان يكون الشرح مفيدا والسلام عليكم.