الجمعة، 29 يونيو، 2012

وضع صورة او ايقونة قبل عناوين المشاركات بمدونات بلوجر

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
















اضغط الان على زر متابعة مثل ما واضح لنا بالصورة التالية :












الان ضع علامة على خاصية توسيع القالب لنشاهد الاكواد بشكل سليم













اضغط الان على ازرر 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="ضع رابط الصورة هنا"/>
 طبعا سنضع رابط الصورة المطلوبة مكان كلمة ضع رابط الصورة هنا فقط بدون ازالة الاحرف او النقط

صورة موضحة اخرى للتركيب بالشكل الصحيح










كما تلاحظون بالصورة السابقة تم وضع الكود المشار باللون الرمادى ما بين الكود السماوى والاحمر

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

صورة موضحة بعد التركيب بشكل صحيح وسليم














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

هناك 6 تعليقات :

  1. جزاك الله كل خير

    ردحذف
  2. فكرة جميلة شكرا لك

    ردحذف
  3. اضافه مميزه بكل ماتعني الكلمه يعطيك الف الف الف عافيه على مجهودك وابداعك

    ردحذف
  4. سيف

    =================

    اهلا بك يا اخى بالمدونة وشكرا لك على المشاركة

    ردحذف
  5. sa3d
    ===========
    العفو يا اخى شكرا لك على المشاركة

    ردحذف
  6. برق الشوق

    ======================

    شكرا لك يا اخى الكريم على المشاركة ومرورك الطيب

    ردحذف

قال تعالى ( مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ )

الموافقة على نشر التعليقات

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