مواقع لاضافة ايقونات القائمة المنسدلة للمذونة بلوجر

 مواقع لاضافة ايقونات القائمة المنسدلة للمذونة بلوج مجانية الحصول عليها .وبدون التسجيل في هاده المواقع الاحترافية 

- الموقع الاول fontawesome :

2- الموقع الثانى fontawesome :

3- الموقع الثالث  iconfinder :

 الموقع الاول fontawesome

1يوجد تشابه في اسماء المواقع ولكنها تختلف من حيث الاداء .لكل موقع ومميزاته عن الاخر نبدء بالموقع الاول .وهاده واجهة الموقع.
كما انه يوجد موقع ضغط الصور في شرحات سابقة لمن اراد زيارة الموقع .و الاستفادة اكثر اضغط هنا .
تجدون رابطه اسفل الشرح عندا الدخول الى الموقع اختار الايقونة التى تبحث عنها في الموقع .ثم قم بضغط على نفس الايقونة لتضهر لك اكواد html لتنسخها وتضعها في التنسيق عبر  القائمة الرائسية .بعد الاسم الموجود عليها وتباعد قليلاا بين الاسم والكود الذى تمت اضافته في الخانة الاولى اما الخانة الثانية .والتى بها علامة # اتركها كما هيا ثم قم باللحفض.

هكدا تضهر الايقونات في الموقع الاول .اختر ما يناسبك والمذونة الخاصة بك حسب كل اسم اضفته في القائمة المنسذلة،

كيفية اخد الكود الايقونة من الموقع الاول .بواسطة نسخه يدويا عكس الموقع الثانى يمنحك الكود بطريقة تلقائية ،

2- الموقع الثانى fontawesome 

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

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

وهاده هيا واجهة الموقع الثانى .بعد الضغط على احد الايقونات بعبارة ( ينسخ ) سوف تضهر نافدة صغيرة .تمنحك ثلاثة خيارات ومنها الخيار اخد الكود على شكل html او  css او  unicode-html اختار اي كود تريد ان تضعه في مذونتك او موقعك.

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

نهاية تعريف هاده المواقع 

رابط تحميل ملف zip  الايقونات font-awesome-4.7.0.zip .تجدوه اسفل هادة الازرار التحميل ،

يحتوى الملف على جميع الاكواد من ضمنها كود  css  وكود   fonts وكود lessscss جميع هاده الاكواد تجدوها في الملف zip .بعد التحميل او يمكنكم كذالك تحميل هدا الملف من الموقع الرسمي font-awesome عبر الضغط على التحميل المجانى .

جميع الروابط لهاده المواقع في اسفل هدا الشرح .

وفي كل مرة اضيف اسفل كل موضوع يتعلق بشئ ما اضع لكم اكواد ربما يبحث عليها الكثرين مثلما وضعت لكم في هدا الشرح عن مواقع الايقونات .اضيف كذالك كود شريط الاخبار احترافى .كهدية متواضعة .

<style> #cnmunewasbar { background: #cecece; box-shadow: 0 0 1px #777; height: 40px; width: 100%; } .cnmunbtile { background: #222; color: #fff; display: inline-block; float: right; padding: 7px 0; font: bold 14px/30px tahoma; height: 100%; margin-left: -112px; text-align: center; width: 110px; border-left: 4px solid #bc2f9d; } .fa-newspaper-o:before { content: "\f1ea"; margin: 5px; } .cnmu-newsb-srp { float: right; font: 14px/28px tahoma !important; margin-right: 112px; padding: 7px; } </style> <script type="text/javascript"> var cnmuWidth= 100; var cnmuScrollAmount=0; var cnmuScrollDelay=80; var cnmuDirection="right"; var cnmutargetlink="yes"; var cnmunumPosts=10; var cnmuBulletchar =">>>"; var cnmuimagebullet="yes"; var cnmuimgurl="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjImnTtZxqQq-8N250mdjJGzYQaOE1rtF0Zz_L6jX5XJqDTYtHtmwHLFVXGoRBp32km-lQjDdVJCHKV1uVzXYn0QXylRq6U_n-8k0MMsY0yjUz3Md-K4KkSq4C2seP-0ABMlBi2MX6oycjj/s1600/%25D9%25A2%25D9%25A0%25D9%25A1%25D9%25A9%25D9%25A1%25D9%25A2%25D9%25A0%25D9%25A3_%25D9%25A1%25D9%25A9%25D9%25A1%25D9%25A5%25D9%25A5%25D9%25A6+%25281%2529+%25281%2529.png"; var cnmufontsize=16; var cnmubgcolor="transparent"; var cnmulinkcolor="008EFA"; var cnmulinkhovercolor="CD0317"; //contnue var _0x96be=["\x3C\x6D\x61\x72\x71\x75\x65\x65\x20\x62\x65\x68\x61\x76\x69\x6F\x72\x3D\x22\x73\x63\x72\x6F\x6C\x6C\x22\x20\x6F\x6E\x6D\x6F\x75\x73\x65\x6F\x76\x65\x72\x3D\x22\x74\x68\x69\x73\x2E\x73\x65\x74\x41\x74\x74\x72\x69\x62\x75\x74\x65\x28\x27\x73\x63\x72\x6F\x6C\x6C\x61\x6D\x6F\x75\x6E\x74\x27\x2C\x20\x30\x2C\x20\x30\x29\x3B\x22\x20\x6F\x6E\x6D\x6F\x75\x73\x65\x6F\x75\x74\x3D\x22\x74\x68\x69\x73\x2E\x73\x65\x74\x41\x74\x74\x72\x69\x62\x75\x74\x65\x28\x27\x73\x63\x72\x6F\x6C\x6C\x61\x6D\x6F\x75\x6E\x74\x27\x2C\x20\x36\x2C\x20\x30\x29\x3B\x22\x20","\x20\x73\x63\x72\x6F\x6C\x6C\x61\x6D\x6F\x75\x6E\x74\x20\x3D\x20\x22","\x25\x22","\x20\x77\x69\x64\x74\x68\x20\x3D\x20\x22","\x20\x77\x69\x64\x74\x68\x20\x3D\x20\x22\x31\x30\x30\x25\x22","\x20\x73\x63\x72\x6F\x6C\x6C\x64\x65\x6C\x61\x79\x20\x3D\x20\x22","\x22","\x20\x64\x69\x72\x65\x63\x74\x69\x6F\x6E\x20\x3D\x20\x22","\x22\x3E","\x6C\x65\x66\x74","\x72\x69\x67\x68\x74","\x26\x6E\x62\x73\x70\x3B\x26\x6E\x62\x73\x70\x3B\x26\x6E\x62\x73\x70\x3B","\x3C\x62\x72\x2F\x3E","\x79\x65\x73","\x20\x74\x61\x72\x67\x65\x74\x3D\x20\x22\x5F\x62\x6C\x61\x6E\x6B\x22\x20","\x20","\x20\x3C\x69\x6D\x67\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x6E\x6D\x75\x62\x75\x6C\x6C\x65\x74\x62\x69\x6D\x67\x22\x20\x73\x72\x63\x3D\x22","\x22\x20\x2F\x3E","\x3C\x2F\x6D\x61\x72\x71\x75\x65\x65\x3E","","\x65\x6E\x74\x72\x79","\x66\x65\x65\x64","\x6C\x65\x6E\x67\x74\x68","\x6C\x69\x6E\x6B","\x72\x65\x6C","\x61\x6C\x74\x65\x72\x6E\x61\x74\x65","\x68\x72\x65\x66","\x20\x3C\x61\x20","\x20\x68\x72\x65\x66\x3D\x22","\x24\x74","\x74\x69\x74\x6C\x65","\x3C\x2F\x61\x3E","\x3C\x61\x20\x74\x61\x72\x65\x67\x65\x74\x20\x3D\x22\x5F\x62\x6C\x61\x6E\x6B\x22\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x63\x6E\x6D\x75\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F\x22\x3E\x3C\x2F\x61\x3E","\x75\x70","\x3C\x73\x74\x79\x6C\x65\x20\x73\x74\x79\x6C\x65\x3D\x22\x74\x65\x78\x74\x2F\x63\x73\x73\x22\x3E\x2E\x63\x6E\x6D\x75\x2D\x6E\x65\x77\x73\x62\x2D\x73\x72\x70\x7B\x66\x6F\x6E\x74\x2D\x73\x69\x7A\x65\x3A\x31\x32\x70\x78","\x70\x78\x3B\x62\x61\x63\x6B\x67\x72\x6F\x75\x6E\x64\x3A\x23","\x3B\x66\x6F\x6E\x74\x2D\x77\x65\x69\x67\x68\x74\x3A\x6E\x6F\x72\x6D\x61\x6C\x3B\x7D\x2E\x63\x6E\x6D\x75\x2D\x6E\x65\x77\x73\x62\x2D\x73\x72\x70\x20\x61\x7B\x63\x6F\x6C\x6F\x72\x3A\x23","\x3B\x74\x65\x78\x74\x2D\x64\x65\x63\x6F\x72\x61\x74\x69\x6F\x6E\x3A\x6E\x6F\x6E\x65\x3B\x7D\x2E\x63\x6E\x6D\x75\x2D\x6E\x65\x77\x73\x62\x2D\x73\x72\x70\x20\x61\x3A\x68\x6F\x76\x65\x72\x7B\x63\x6F\x6C\x6F\x72\x3A\x23","\x3B\x7D\x69\x6D\x67\x2E\x63\x6E\x6D\x75\x62\x75\x6C\x6C\x65\x74\x62\x69\x6D\x67\x7B\x76\x65\x72\x74\x69\x63\x61\x6C\x2D\x61\x6C\x69\x67\x6E\x3A\x6D\x69\x64\x64\x6C\x65\x3B\x62\x6F\x72\x64\x65\x72\x3A\x6E\x6F\x6E\x65\x3B\x7D\x3C\x2F\x73\x74\x79\x6C\x65\x3E","\x77\x72\x69\x74\x65","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x6E\x6D\x75\x2D\x6E\x65\x77\x73\x62\x2D\x73\x72\x70\x22\x3E","\x3C\x2F\x64\x69\x76\x3E"];function cnmuAdvRecentPostsScrollerv3(_0x391ax2){var _0x391ax3;var _0x391ax4;var _0x391ax5;var _0x391ax6;var _0x391ax7;var _0x391ax8;var _0x391ax9;var _0x391axa;var _0x391axb;try{_0x391ax6= _0x96be[0];if(cnmuScrollAmount){_0x391ax6= _0x391ax6+ _0x96be[1]+ cnmuScrollAmount+ _0x96be[2]};if(cnmuWidth){_0x391ax6= _0x391ax6+ _0x96be[3]+ cnmuWidth+ _0x96be[2]}else {_0x391ax6= _0x391ax6+ _0x96be[4]};if(cnmuScrollDelay){_0x391ax6= _0x391ax6+ _0x96be[5]+ cnmuScrollDelay+ _0x96be[6]};if(cnmuDirection){_0x391ax6= _0x391ax6+ _0x96be[7]+ cnmuDirection+ _0x96be[8];if(cnmuDirection== _0x96be[9]|| cnmuDirection== _0x96be[10]){_0x391ax9= _0x96be[11]}else {_0x391ax9= _0x96be[12]}};if(cnmutargetlink== _0x96be[13]){_0x391axa= _0x96be[14]}else {_0x391axa= _0x96be[15]};if(cnmuimagebullet== _0x96be[13]){_0x391axb= _0x96be[16]+ cnmuimgurl+ _0x96be[17]}else {_0x391axb= cnmuBulletchar};_0x391ax7= _0x96be[18];_0x391ax3= _0x96be[19];for(var _0x391axc=0;_0x391axc< cnmunumPosts;_0x391axc++){var _0x391ax5=_0x391ax2[_0x96be[21]][_0x96be[20]][_0x391axc];if(_0x391axc== _0x391ax2[_0x96be[21]][_0x96be[20]][_0x96be[22]]){break};for(var _0x391axd=0;_0x391axd< _0x391ax5[_0x96be[23]][_0x96be[22]];_0x391axd++){if(_0x391ax5[_0x96be[23]][_0x391axd][_0x96be[24]]== _0x96be[25]){_0x391ax4= _0x391ax5[_0x96be[23]][_0x391axd][_0x96be[26]];break}};_0x391ax3= _0x391ax3+ _0x391axb+ _0x96be[27]+ _0x391axa+ _0x96be[28]+ _0x391ax4+ _0x96be[8]+ _0x391ax5[_0x96be[30]][_0x96be[29]]+ _0x96be[31]+ _0x391ax9};_0x391ax8= _0x96be[32];if(cnmuDirection== _0x96be[9]){_0x391ax3= _0x391ax3+ _0x96be[11]+ _0x391ax8}else {if(cnmuDirection== _0x96be[10]){_0x391ax3= _0x391ax8+ _0x96be[11]+ _0x391ax3}else {if(cnmuDirection== _0x96be[33]){_0x391ax3= _0x391ax3+ _0x96be[12]+ _0x391ax8}else {_0x391ax3= _0x391ax8+ _0x96be[12]+ _0x391ax3}}};document[_0x96be[39]](_0x96be[34]+ cnmufontsize+ _0x96be[35]+ cnmubgcolor+ _0x96be[36]+ cnmulinkcolor+ _0x96be[37]+ cnmulinkhovercolor+ _0x96be[38]);document[_0x96be[39]](_0x96be[40]+ _0x391ax6+ _0x391ax3+ _0x391ax7+ _0x96be[41])}catch(exception){alert(exception)}} </script> <div id="cnmunewasbar"> <span class="cnmunbtile"><i class="fa fa-newspaper-o" aria-hidden="true"></i>ÂÎÑ ÇáÃÎÈÇÑ</span> <script type="text/javascript" src="https://example.com/feeds/posts/default?alt=json-in-script&callback=cnmuAdvRecentPostsScrollerv3&max-results=50" ></script> <div style='clear: both;'></div> </div>  

  

تحميل ملف الايقونات font-awesome على google drive 

تحميل اضغط هنا

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

1. لزيارة الموقع الاول يرجى الضغط على زر الاول من  [ هنا ]
2. لزيارة الموقع الثانى يمكن كذالك الضغط على الزر الثانى من  [ هنا ]
3. الموقع iconfinder  الثالث لتصدير ايقونات من  [ هنا ]