اذهب إلى المحتوى
  • 0

كيف أضيف شعار لمدونة بلوجر ؟

مهند سليمان

السؤال

ماذا أفعل إذا أردت إضافة شعار لمدونتي علي بلوجر 
الشعار المقصود هنا هو الذي يظهر بجانب اسم الموقع في علامة التبويب أو البحث مثل الصور المرفقة هنا :

Screenshot 2023-05-15 212420.png

Screenshot 2023-05-15 212504.png

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 1

أنت بذلك تقصد FavIcon أي أيقونة المفضلة، ولإضافتها  إلى مدونتك على بلوجر، عليك بإتباع التالي:

قم بإعداد الشعار الخاص بك بتنسيق صورة صغيرة، عادةً بحجم 16x16 بكسل أو 32x32 بكسل. يجب أن يكون الشعار بتنسيق صورة مشفرة بتنسيق ICO أو PNG.

  1. انتقل إلى "تخطيط المدونة" (Layout) من لوحة التحكم.
  2. انقر على "تحرير" (Edit) بجانب عنصر "رأس المدونة" (Blog Header).
  3. ستنتقل إلى صفحة تحرير عنصر رأس المدونة. ابحث عن خيار "fav icon" أو "رمز الموقع" (Site Icon).
  4. انقر على زر "اختيار ملف" (Choose File) أو "استعراض" (Browse) لتحديد ملف FavIcon الذي قمت بإعداده في الخطوة الأولى.
  5. بعد اختيار الملف، انقر على زر "حفظ" (Save) أو "تحديث" (Update) لحفظ التغييرات.
رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 1

الأمر سهل من خلال الخطوات التالية:

  1. قم بتسجيل الدخول إلى حسابك في بلوجر واختر المدونة التي ترغب في إضافة الشعار إليها.
  2. انتقل إلى "تخطيط المدونة" (Layout) من لوحة التحكم.
  3. ابحث عن عنصر العنوان (Header) في قائمة العناصر الموجودة في التخطيط وانقر على "تحرير" (Edit) بجانبه.
  4. سيظهر لك مربع حوار "إعدادات عنصر العنوان" (Configure Header). في هذا المربع، ستجد خيارًا لتحميل صورة الشعار.
  5. انقر على زر "اختيار ملف" (Choose File) أو "استعراض" (Browse) لتحديد صورة الشعار من جهاز الكمبيوتر الخاص بك.
  6. بعد تحديد الصورة، انتقل إلى خيار "موقع العنصر" (Placement) واختر موقع الشعار الذي ترغب في وضعه. يمكنك اختيار وضع الشعار في الجزء العلوي من الصفحة (Above Title) أو في الجزء السفلي من الصفحة (Below Title).
  7. بعد الانتهاء، انقر على زر "حفظ" (Save) أو "تحديث" (Update) لحفظ التغييرات التي قمت بها.
رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 1

بجانب ما اقترح مصطفى، يمكنك القيام بذلك عن طريق التحرير على نسق القوالب وفق المراحل التالية:

  • ارفع الأيقونة التي قمت بتصميمها إلى أي خدمة الاستضافة الخاصة بك.
  • احفظ رابط الصورة المرفوعة للأيقونة.
  • في لوحة التحكم في بلوجر، اختر "تخطيط المدونة" ثم انقر على "تحرير HTML".
  • استخدم الأمر <link> لربط الصفحة بالأيقونة، ويجب أن يتم وضع هذا الأمر داخل عنصر <head> في صفحة HTML. استخدم الكود التالي:
<link rel="shortcut icon" href="رابط الصورة">
  • قم بتغيير "رابط الصورة" في الأمر <link> برابط الصورة التي قمت بتحميلها في الخطوة الثانية.
  • احفظ التغييرات وشاهد النتيجة بالذهاب إلى مدونتك وتحديث الصفحة. ستظهر الأيقونة بجانب عنوان الموقع في علامة التبويب.
رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 1

لإضافة شعار لمدونتك على بلوجر، الإجراءات التي يجب اتباعها كالتالي:

الطريقة 1: إضافة صورة الشعار من لوحة التحكم للمدونة

1. تسجيل الدخول إلى حسابك في بلوجر.
2. الوصول إلى لوحة التحكم الخاصة بالمدونة.
3. النقر على "تخطيط المدونة".
4. انقر على "تحرير" في قسم "Header".
5. اختر تحميل صورة شعار جديدة "إظهار العناصر".
6. تحميل صورة بتنسيق PNG، JPG أو GIF وأبعاد يمكن التحكم بها.
7. اختيار الخيار "عرض العناصر" والضغط على "حفظ".

الطريقة 2: إضافة صورة الشعار من قسم "وصف الموقع"

1. تسجيل الدخول إلى حسابك في بلوجر.
2. الوصول إلى لوحة التحكم الخاصة بالمدونة.
3. النقر على "تخطيط المدونة".
4. انقر على "وصف الموقع" في الجزء العلوي من الصفحة.
5. ادخل رمز HTML التالي في مربع النص:

<a href='رابط المدونة'><img alt='اسم الشعار' src='رابط صورة الشعار'></a>

6. انقر على "حفظ التغييرات".

الطريقة 3: إضافة كود HTML لإدراج الشعار

1. تسجيل الدخول إلى حسابك في بلوجر.
2. الوصول إلى لوحة التحكم الخاصة بالمدونة.
3. النقر على "تخطيط المدونة".
4. اختر "إضافة عنصر" من أي مكان في الصفحة.
5. اختر "HTML/Javascript".
6. ادخل الكود التالي في مربع النص:

<a href='رابط المدونة'><img alt='اسم الشعار' src='رابط صورة الشعار'></a>

7. انقر على "حفظ التغييرات".

الطريقة 4: استخدام CSS لعرض الشعار 

1. تسجيل الدخول إلى حسابك في بلوجر.
2. الوصول إلى لوحة التحكم الخاصة بالمدونة.
3. النقر على "القالب" ثم "تخصيص".
4. انقر على "متقدم" ثم "إضافة CSS".
5. ادراج الكود التالي في مربع CSS:

#header-inner img {
    display: block !important;
    background: url("رابط صورة الشعار") no-repeat;
    width: عرض الشعار;
    height: ارتفاع الشعار;
    text-indent: -9999px;
}


6. إستبدال رابط الصورة والأبعاد كما موضح في الكود.

7.حفظ التغييرات وتحديث المدونة للاطلاع على الشعار الجديد.

وأن لم تنفع معك أي طريقة من هذه الطرق أنصحك بالبحث في اليوتيوب.

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 9 دقائق مضت قال Mustafa Suleiman:

الأمر سهل من خلال الخطوات التالية:

  1. قم بتسجيل الدخول إلى حسابك في بلوجر واختر المدونة التي ترغب في إضافة الشعار إليها.
  2. انتقل إلى "تخطيط المدونة" (Layout) من لوحة التحكم.
  3. ابحث عن عنصر العنوان (Header) في قائمة العناصر الموجودة في التخطيط وانقر على "تحرير" (Edit) بجانبه.
  4. سيظهر لك مربع حوار "إعدادات عنصر العنوان" (Configure Header). في هذا المربع، ستجد خيارًا لتحميل صورة الشعار.
  5. انقر على زر "اختيار ملف" (Choose File) أو "استعراض" (Browse) لتحديد صورة الشعار من جهاز الكمبيوتر الخاص بك.
  6. بعد تحديد الصورة، انتقل إلى خيار "موقع العنصر" (Placement) واختر موقع الشعار الذي ترغب في وضعه. يمكنك اختيار وضع الشعار في الجزء العلوي من الصفحة (Above Title) أو في الجزء السفلي من الصفحة (Below Title).
  7. بعد الانتهاء، انقر على زر "حفظ" (Save) أو "تحديث" (Update) لحفظ التغييرات التي قمت بها.

https://3alam-alintarnet.blogspot.com/ 

هل الموقع دا في شعار ؟

أنا عامل شعار في أول الصفحة لكن في علامة التبويب فوق محطوط شعار بلوجر 

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 15 ساعة قال مهند سليمان:

https://3alam-alintarnet.blogspot.com/ 

هل الموقع دا في شعار ؟

أنا عامل شعار في أول الصفحة لكن في علامة التبويب فوق محطوط شعار بلوجر 

 

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

  •  اختر "تخطيط المدونة" من لوحة التحكم الخاصة بمدونتك.
  • اختر "تحرير HTML" من القائمة الجانبية.
  • ابحث عن العنصر "head" في HTML وسوف تجده بعد علامة <body>.
  • انسخ الشفرة التالية والصقها داخل العنصر "head":
   <link href='[رابط الصورة]' rel='icon' type='image/x-icon'/>

   يجب استبدال [رابط الصورة] بعنوان URL الخاص بالصورة التي تريد استخدامها كـ favicon.

  •  احفظ التغييرات التي قمت بها على HTML.

بمجرد تحديد الخطوات السابقة، يجب أن يتم تغيير Favicon في مدونتك على Blogger. يجب أن يتم تحديث الصفحة في المتصفح الخاص بك للتحقق من تغييرات Favicon الجديدة.

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...