Web Hosting

الأربعاء، 13 يونيو 2012

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

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


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL8dkyj-tlRmVsa2Uy0m_k2GoB9tKIymL0eqIir22NScuGso3Dk14aud6VZMvHBSO8Uw19mVgvALsXRNRa5t6iNuGJhixfdQNcSfoSKpbsw5i2AJvgiViC6sq3ptYy44nRB4NBXTmR6ROi/s1600/resized_111.jpg


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

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinvLKwB7w-GMvDZWI-R3FA6OHv4Bu2LbLjslFQ7RL9-Tzaoo2FxLiahFPgkOG_tzXZHNvxd_y6uL5xvh9r-I3i1gUhxQ5xOB6wA6E3ZDylsUSvmcCoz8f6Tf9Irz1DB3r_wVQITX0BIvkH/s1600/resized_ez.jpg


  ثم ابحث عن الكود التالي :بالضغط على         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/AVvXsEgN8qJy521upqst7IpRwQdqPn-78pBVmHjS1xVIE9kSnNa7RpoAIjplDYn5fOj6Y1MiL_tyrqaonpfNx4qj9rWebkLkzPGbSEQK9hFUfeOf94gqT2mPhzZG3X1V7i5DwAHxYwTskg9X9C38/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/AVvXsEgN8qJy521upqst7IpRwQdqPn-78pBVmHjS1xVIE9kSnNa7RpoAIjplDYn5fOj6Y1MiL_tyrqaonpfNx4qj9rWebkLkzPGbSEQK9hFUfeOf94gqT2mPhzZG3X1V7i5DwAHxYwTskg9X9C38/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/AVvXsEgN8qJy521upqst7IpRwQdqPn-78pBVmHjS1xVIE9kSnNa7RpoAIjplDYn5fOj6Y1MiL_tyrqaonpfNx4qj9rWebkLkzPGbSEQK9hFUfeOf94gqT2mPhzZG3X1V7i5DwAHxYwTskg9X9C38/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/AVvXsEgN8qJy521upqst7IpRwQdqPn-78pBVmHjS1xVIE9kSnNa7RpoAIjplDYn5fOj6Y1MiL_tyrqaonpfNx4qj9rWebkLkzPGbSEQK9hFUfeOf94gqT2mPhzZG3X1V7i5DwAHxYwTskg9X9C38/s1600/check-yes-ok-mp3-icone-5214-128.png' style='border-width:0px'/>


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

هدا كل شيء أي استفسار ضعه في التعليق والسلام عليكم

Social Sharing Widget bychamelcool


6 التعليقات:

بارك الله فيك وغفرالله لك ولوالديك على ماتقدم من أبداع مميز

امين أخي الكريم وشكرا على دعواتك الطيبة
ومرورك الكريم

اخي شامل كول هناك مشكلة وجهتني وهي ان عنوان الموضوع يكرر ويعاد مرتين ما الحل
ارجوك حل لي هذه المشكل

اخي شامل لقد حللتها ايضا

والله افضل مدونة شوفتها هيا مدونتك ربنا يحفظك كل مواضيعك فريدة ومتميزة ما شاء الله

إرسال تعليق

ملحوظة: يمكن لأعضاء المدونة فقط إرسال تعليق.

Web Hosting
Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Gadgets By chamelcool Blog