طريقة عمل أيقونه عامه لمدونتك

كما تعرفنا على كيفية حذف شريط Navbar المتواجد أعلى كل مدونه من مدونات بلوجر لإضافة إلى الخصوصية للمدونة وجعلها كموقع خاص بذاته ، لذلك اليوم أعدت لكم هذا الموضوع الذي سوف يزيد من خصوصية مدونتك ويميزها عن باقي المدونات , وذلك بطريقه بسيطة جدا وسهله أيضا في عملها ، وهي عمل أيقونه عامه لمدونتك .

قد يتساءل البعض , ما هي الأيقونة العامة ؟ فإذا نظرت مثلا بجوار رابط موقع بلوجر http://www.blogger.com بمتصفحك سوف تجد حرف الـ B بالون البرتقالي فهذه هي الأيقونة العامة لموقع بلوجر لذلك كل الموقع المشهورة لديها أيقونه عامه خاصة بها تعطي للموقع لمسه فريدة وخاصة مثل جوجل وياهو والفيس بوك والعديد من المواقع .

فمن الجميل أن تضع لمدونتك أيقونه عامه فريدة ومميزه ومختلفة عن الآخرين خاصة بموقعك , لكن يتطلب منك أشياء ، لا تقلق فهي أشياء بسيطة سوف نتحدث عنها الآن .

متطلبات عمل أيقونه لمدونتك :

1) برنامج لرسم الأيقونة :

تحتاج لبرنامج لرسم أيقونه خاصة بك مثل برنامج الفوتوشوب ويكون مقاس الصورة 20x20 بكسل أو من الأفضل 32x32 بكسل ولاحظ يجب أن تكون الأيقونة مربعة الشكل ويمكنك اختيار امتداد الصورة ما بين gif أو png أو من الأفضل أن يكون الامتداد ico

2) موقع لرفع الصورة

تحتاج أيضا موقع لرفع الصور مثل موقع imageshack أرفع الأيقونة بأحد مواقع الرفع الكثيرة وأنسخ رابط الصورة وضعه في مكانه داخل الكود التالي :

<link href='رابط الصورة يوضع هنا' rel='shortcut icon'

type='image/vnd.microsoft.icon'/>

*وأخيرا طريقة وضع الكود داخل مدونتك : أذهب إلى هذا المسار ] لوحة التحكم الرئيسية - التخطيط – تحرير html [ وأبحث عن هذا الكود :

<b:skin>

بالضغط على CTRL+f ووضع الكود بها ، وفوقها مباشرة ضع الكود السابق وأحفظ وشاهد التغير .

ملاحظه :

غير كلمة icon الموجودة بنهاية الكود باللون الأحمر بـ gif أو png حسب امتداد الأيقونة التي سوف تضعها .

وتذكر أخذ نسخه احتياطيه قبل إضافة أي كود تجنبا للأخطاء .

وممكن تشوف الشرح على الفيديو التالي :






أنا أعلم أن الفيديو ردئ بعض الشئ لكن ان شاء الله سوف أحسن شرحي بالفيديو مع المواضيع القادمة

ولتحميل الفيديو من هنا ( تحميل الفيديو )

وأتمنى لكم التوفيق

متنساش تشترك فى القائمة البريدية عشان يوصلك احدث الدروس

لتحميل الكود من هنا