السبت، 31 أكتوبر 2015

كيفية اضافة او تغيير ايقونة مدونة بلوجر + تحميل ايقونة اي موقع تريده

طريقة تغيير ايقونة مدونات بلوجر

 كيفية اضافة او تغيير ايقونة مدونة بلوجر + تحميل ايقونة اي موقع تريده

تغيير ايقونة اي موقع هو شيء مهم بالتأكيد ، فهي تضفي منظراً رائعاً على المدونة ، لكن هناك مشكلة في وضع ايقونة لمدونة بلوجر وهي ان بلوجر لا تتيح امكانية وضع ايقونة ليست مربعة ! ، اذا حاولت وضع ايقونة غير مربعة بالطريقة الاعتيادية بالذهاب الى "تخطيط" ثم "تهيئة رمز التفضيلات" يظهر لك الخطأ التالي :
ليست صورة مربعة
هذه هي الطريقة الخاطئة التي سنتطرق اليها في موضوعنا ، وسوف نذكر لكم الطريقة الصحيحة ان شاء الله

لكن قبل كل شيء علينا تجهيز ايقونة الايقونة ، انصحكم بتصميم صورة ثم تحويلها الى ايقونة.


لتحويل الصور الى ايقونات قم بالدخول الى الموقع التالي :


موقع تحويل الصور الى ايقونات



ملاحظة : الموقع بسيط جداً ولا يحتاج الى شرح




الطريقة الخاطئة ×

1) شرح وضع ايقونة لبلوجر :

مشكلة هذه الطريقة هي انه لا يمكنك وضع ايقونة بصيغة png ولا يتم وضع الايقونة فوراً بل تأخذ الكثير من الوقت ، فقط تستطيع وضع ايقونة مربعة !

تقوم بالدخول الى "حسابك في  بلوجر"

ثم تتوجه الى "تخطيط"

ثم تضغط على زر "تحرير" الموجود بجانب "رمز التفضيلات"

فتظهر لك النافذة التالية :




اضغط "اختيار ملف" واختار الصورة المناسبة

الطريقة الصحيحة √


2) شرح وضع ايقونة بأي صيغة تريدها :



تقوم بالتوجه الى "حسابك في بلوجر"

ثم تتوجه الى "قالب"

ثم "تحرير html"


ثم باستخدام "ctrl + f" تبحث عن الكود التالي :

<b:skin>

ثم تضع فوقه الكود التالي :

<link href="your-icon" rel="icon" type="image/png"/>
قم باستبدال الملون بالأحمر برابط الصورة
ثم قم باستبدال الملون بالاخضر بصيغة الصورة : " png , jpg , ico "...الخ

3) كيفية اضافة ايقونة متحركة لمدونات بلوجر :

قم بعمل نفس الخطوات السابقة ، لكن قم بتغيير الكود ، الى التالي :
<link href="your-icon" rel="icon" type="image/gif"/>
قم باستبدال الملون بالأحمر برابط الصورة الصورة المتحركة

4) طريقة تحميل ايقونة اي موقع تريده :

قم بوضع التالي بعد رابط الموقع الذي تريد الحصول على ايقونته :
/favicon.ico
مثال : http://information-technology-blogger.blogspot.com/favicon.ico
مع تغيير رابط مدونتي الملون بالاحمر برابط موقعك او مدونتك
مبروك عليك الايقونة ^_^

 

0 التعليقات:

إرسال تعليق