السلام عليكم ..
اليوم سأقدم إضافة جديدة وحصرية لمدونات بلوجر ولم ارى لها رواجاً واسعاً بين المدونين العرب :)
الإضافة هي عبارة عن أيقونة بجوار عناوين المواضيع في مدونتك على بلوجر
الاضافة بسيطة جدا وسأشرحها لكم الان لكن قبل البدء اليكم صورة " مثال " للإضافة من مدونتي .
من رئيسية مدونتك توجه إلى تصميم \ تحرير html \ وابحث عن الكود التالي :
في نفس الكود
ما بين الـ <a expr:href='data:post.url'> و <data:post.title/>.
ضع الكود التالي :
توضيح بالصورة لمكان وضع الكود .
- إذا أردت وضع حدود "حواف" على الصورة غير الرقم 0 في الكود الى أي رقم أكبر
ملاحظة : إذا كنت لا تمتلك أيقونة فلا تتعب في البحث في جوجل الصوري فقط إدخل الى هذا الموقع www.iconfinder.com/ .
اليوم سأقدم إضافة جديدة وحصرية لمدونات بلوجر ولم ارى لها رواجاً واسعاً بين المدونين العرب :)
الإضافة هي عبارة عن أيقونة بجوار عناوين المواضيع في مدونتك على بلوجر
الاضافة بسيطة جدا وسأشرحها لكم الان لكن قبل البدء اليكم صورة " مثال " للإضافة من مدونتي .
صورة الإضافة :
مميزات الإضافة :
- احترافية وتنسيق لمظهر عناوين المدونة .
- سهلة التركيب .
- قابلة للتعديل .
- يمكن وضع صورة أيقونة بأي صيغة ليست فقط icon .
أكمل الموضوع لطريقة التركيب .
طريقة تركيب الإضافة :
من رئيسية مدونتك توجه إلى تصميم \ تحرير html \ وابحث عن الكود التالي :
<b:if cond='data:post.url'>
<a expr:href='data:post.url'> <data:post.title/></a>
<b:else/>
<data:post.title/>
<a expr:href='data:post.url'> <data:post.title/></a>
<b:else/>
<data:post.title/>
في نفس الكود
ما بين الـ <a expr:href='data:post.url'> و <data:post.title/>.
ضع الكود التالي :
توضيح بالصورة لمكان وضع الكود .
<img src="ضع رابط الأيقونة هنا" style="border-width: 0px;" />
طريقة التخصيص :
- استبدل "ضع رابط الأيقونة هنا" برابط أيقونة الصورة التي تريدها .- إذا أردت وضع حدود "حواف" على الصورة غير الرقم 0 في الكود الى أي رقم أكبر
ملاحظة : إذا كنت لا تمتلك أيقونة فلا تتعب في البحث في جوجل الصوري فقط إدخل الى هذا الموقع www.iconfinder.com/ .
انتهى
بقلمي محمد نجد الحسين
حصري لبلوجر بالعربي

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









تسلم الاياديتم التطبيق رووعة
يسلموا :)
إرسال تعليق