إضافة صورة أو أيقونة بجوار عنوان الموضوع لبلوجر blogger

اليوم سأقدم إضافة جديدة وحصرية لمدونات بلوجر ولم ارى لها رواجاً واسعاً بين المدونين العرب :)
الإضافة هي عبارة عن أيقونة بجوار عناوين المواضيع في مدونتك على بلوجر

 

 

 

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

صورة الإضافة :

مميزات الإضافة :


- احترافية وتنسيق لمظهر عناوين المدونة .
- سهلة التركيب .
- قابلة للتعديل .
- يمكن وضع صورة أيقونة بأي صيغة ليست فقط icon .


أكمل الموضوع لطريقة التركيب .

طريقة تركيب الإضافة :

من رئيسية مدونتك توجه إلى تصميم \ تحرير html \ وابحث عن الكود التالي :

كود بلغة HTML:

<b:if cond='data:post.url'>

<a expr:href='data:post.url'> <data:post.title/></a>

<b:else/>

<data:post.title/>

في نفس الكود
ما بين الـ

كود بلغة HTML:

<a expr:href='data:post.url'>

و

كود بلغة HTML:

<data:post.title/>.

ضع الكود التالي :

كود بلغة HTML:

<img src="ضع رابط الأيقونة هنا" style="border-width: 0px;" />

طريقة التخصيص :

- استبدل "ضع رابط الأيقونة هنا" برابط أيقونة الصورة التي تريدها .
- إذا أردت وضع حدود "حواف" على الصورة غير الرقم 0 في الكود الى أي رقم أكبر

ملاحظة : إذا كنت لا تمتلك أيقونة فلا تتعب في البحث في جوجل الصوري فقط إدخل الى هذا الموقع http://www.iconfinder.com/ .

انتهى