0 أضف أيقونة في أول عنوان موضوعك أو اخره أو فوقه أو تحته لمدونات بلوجر

من افضل الاضافات التي تضهر جمالية مدونتك واحترافيتها هي أيقونة صغيرة تضهر بجانب كل عنواين مواضيعك بحيث تضفي جمالية لمدونتك.سنتطرق في هدا الشرح الى كيفية وضع هده الايقونة التي تكون من اختيارك   في بداية عنوان  التدوينة أو في نهاية  عنوان التدوينة أو فوق عنوان التدوينة أو أسفله ,نعم هنالك أربع اختيارات يمكنك الاختيار ماتشاء وكل هد فقط بطريقة سهلة وعملية.


 لنمر لتركيب  الاضافة:

  ثم ابحث عن الكود التالي :بالضغط على         alt+f

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

هدا الكود هو فقط جرء من هدا الكود لتسهيل عملية البحث  ثم 

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

قم بتضليه وعوضه باحد الاكواد التالية:

•   ادا أردت وضع أيقونة فوق عنوان موضوعك

 

  <b:if cond='data:post.url'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjch8GNRg9I66aqmr8WhdyPmGVJySNzcv84hVp8XpPfOM1xjVf87tviPmX3NIwVXmorTxWtuq6BCN4BTzMdC9yGe81fKf9ZWBDDlu4TpBYX5P2vKmEatM453HtP-Bzg16g8_7yS5lP5pbfz/s1600/check-yes-ok-mp3-icone-5214-128.png' style='border-width:0px'/>
<a expr:href='data:post.url'><data:post.title/></a>

•   ادا أردت وضع أيقونة  في أول  عنوان موضوعك

 <b:if cond='data:post.url'>
<a expr:href='data:post.url'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjch8GNRg9I66aqmr8WhdyPmGVJySNzcv84hVp8XpPfOM1xjVf87tviPmX3NIwVXmorTxWtuq6BCN4BTzMdC9yGe81fKf9ZWBDDlu4TpBYX5P2vKmEatM453HtP-Bzg16g8_7yS5lP5pbfz/s1600/check-yes-ok-mp3-icone-5214-128.png' style='border-width:0px'/><data:post.title/></a>

•  ادا أردت و ضع اليقونة في نهاية عنوان موضوعك

 <b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjch8GNRg9I66aqmr8WhdyPmGVJySNzcv84hVp8XpPfOM1xjVf87tviPmX3NIwVXmorTxWtuq6BCN4BTzMdC9yGe81fKf9ZWBDDlu4TpBYX5P2vKmEatM453HtP-Bzg16g8_7yS5lP5pbfz/s1600/check-yes-ok-mp3-icone-5214-128.png' style='border-width:0px'/></a>

•  ادا أردت و ضع الايقونة تحث عنوان موضوعك

<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjch8GNRg9I66aqmr8WhdyPmGVJySNzcv84hVp8XpPfOM1xjVf87tviPmX3NIwVXmorTxWtuq6BCN4BTzMdC9yGe81fKf9ZWBDDlu4TpBYX5P2vKmEatM453HtP-Bzg16g8_7yS5lP5pbfz/s1600/check-yes-ok-mp3-icone-5214-128.png' style='border-width:0px'/>

1.  يمكنك تغير الرابط البرتقالي  الى أي رابط أيقونة ترد ويفضل أن تكون بحجم 32px *32px
2.  ادا أردت وضع حدود للأيقونة غير   width:0px   غير الصفر باي رقم أكبر 
3.  ادا لم تكن عند أيقونة جرب هدا الموقع   icones.pro
4. عاين الاضافة
5. ثم احفض القالب

Tweet

Sharing Widget bychamelcool

هل اعجبك هذا الموضوع ؟	تابعني على google plus تابعني عبر الفيس بوك تابعني على تويتر اشترك عبر البريد الالكتروني

تعليقات الفايسبوك :