طريقة وضع صورة او ايقونة قبل عناوين المواضيع او المشاركات طريقة جميلة وسهلة التركيب والا تستغرق منك سواء دقيقة وحدة فهو مجرد تركيب كود خاص بالصورة الذى نريد وضعة قبل عناوين المشاركات نجد كثيرا بالمنتديات هذه الخاصية ولكن بالمنتديات بالامكان ان تضع صورة مخصصة ومختلفة عن الاخر بعناوين المواضيع وبالنسبة لمدونات بلوجر لا توجد هذه الخاصية ولكن متاكد بان مدونة بلوجر تحت التطوير والتحديث من قبل شركة جوجل الرائعة فكل مدة نرى شيى جديد بالمدونة وهى مازالت تحت التحديث لكى نشاهد خصائص افضل واحسن عن المنتجات الاخرى وبما ان مدونة بلوجر مازالت ينقصها الكثير ولكن ستظل الاولى من وجهة نظرى والاختلاف فى الراى لا يفسد فى الود القضية اعذرونى لاننى اعشق البلوجر وسأظل اعشق هذا المنتج نأتى الان الى موضوعنا اليوم وهو كيفية اضافة صورة او ايقونة قبل عناوين المشاركات تعالو نبحر سويا لنتعرف طريقة التركيب فى البداية اذهب الى لوحة تحكم المدونة ومنها اضغط على زر القالب وقبل اى تعديل قم بأخذ نسخة احتياطية وبالنسبة للمبتدئين لمن لا يعرف طريقة اخذ نسخة احتيايطة اخل هنا لتتعرف على الطريقة الان تعرفنا على الطريقة واخذنا نسخة احتياطية بامكان الان نقوم بالتعديل دون خوف على القالب او حدوث اى مشكلة نضغط الان على زر تحرير HTML كما واضح بالصورة التالية :
اضغط الان على زر متابعة مثل ما واضح لنا بالصورة التالية :
الان ضع علامة على خاصية توسيع القالب لنشاهد الاكواد بشكل سليم
اضغط الان على ازرر CTRL + F من لوحة المفاتيح الكيبورد لتظهر لنا خاصية خانة البحث
الان ابحث عن هذا الكود :
من الممكن ان يكون هذا الكود مكرر فالكود الصحيح يكون بهذا الشكل :
الان تم الوصول الى الكود المطلوب ركزو فى هذه النقطة والصورة توضح اكثر
الصورة السابقة كما تشاهدون اللون السماوى الكود الذى بحثنا عنة
واللون الاحمر يدل على ان هذا المكان الصحيح بمعنى ان هذا الكود المطلوب لان الكود الذى بحثنا عنة مكرر
ماذا نفعل الان ؟
نضع هذا الكود التالى بمنتصفهم اى ما بين اللون السماوى وبين اللون الاحمر
صورة موضحة اخرى للتركيب بالشكل الصحيح
كما تلاحظون بالصورة السابقة تم وضع الكود المشار باللون الرمادى ما بين الكود السماوى والاحمر
فى الاخير اضغط على حفظ القالب واذهب الى رئيسية المدونة ستجد الايقونة او الصورة الذى تم وضعها بهذا الشكل
صورة موضحة بعد التركيب بشكل صحيح وسليم
اذا اعجبتك هذه الطريقة لا انتظر منك غير كلمة شكر
واى استفسار او اى مشكلة ضع لى رد وبالتوفيق لكم
اضغط الان على زر متابعة مثل ما واضح لنا بالصورة التالية :
الان ضع علامة على خاصية توسيع القالب لنشاهد الاكواد بشكل سليم
اضغط الان على ازرر CTRL + F من لوحة المفاتيح الكيبورد لتظهر لنا خاصية خانة البحث
الان ابحث عن هذا الكود :
<b:if cond='data:post.url'>
من الممكن ان يكون هذا الكود مكرر فالكود الصحيح يكون بهذا الشكل :
<b:if cond='data:post.url'>
<a expr:href='data:post.url'>.<data:post.title/>.</a>
الان تم الوصول الى الكود المطلوب ركزو فى هذه النقطة والصورة توضح اكثر
الصورة السابقة كما تشاهدون اللون السماوى الكود الذى بحثنا عنة
واللون الاحمر يدل على ان هذا المكان الصحيح بمعنى ان هذا الكود المطلوب لان الكود الذى بحثنا عنة مكرر
ماذا نفعل الان ؟
نضع هذا الكود التالى بمنتصفهم اى ما بين اللون السماوى وبين اللون الاحمر
<img src="ضع رابط الصورة هنا"/>طبعا سنضع رابط الصورة المطلوبة مكان كلمة ضع رابط الصورة هنا فقط بدون ازالة الاحرف او النقط
صورة موضحة اخرى للتركيب بالشكل الصحيح
كما تلاحظون بالصورة السابقة تم وضع الكود المشار باللون الرمادى ما بين الكود السماوى والاحمر
فى الاخير اضغط على حفظ القالب واذهب الى رئيسية المدونة ستجد الايقونة او الصورة الذى تم وضعها بهذا الشكل
صورة موضحة بعد التركيب بشكل صحيح وسليم
اذا اعجبتك هذه الطريقة لا انتظر منك غير كلمة شكر
واى استفسار او اى مشكلة ضع لى رد وبالتوفيق لكم
جزاك الله كل خير
ردحذففكرة جميلة شكرا لك
ردحذفاضافه مميزه بكل ماتعني الكلمه يعطيك الف الف الف عافيه على مجهودك وابداعك
ردحذفسيف
ردحذف=================
اهلا بك يا اخى بالمدونة وشكرا لك على المشاركة
sa3d
ردحذف===========
العفو يا اخى شكرا لك على المشاركة
برق الشوق
ردحذف======================
شكرا لك يا اخى الكريم على المشاركة ومرورك الطيب