من اعمالي في ادوات البلوجر (اضافة صورة مصغره بجانب عنوان الموضوع)
حصرياً مدونة علي نائل
لآضافة صورة مصغره للموضوع قم بإتباع الخطوات التالية
1. ابحث عن هذا السطر :
<b:if cond='data:post.title'>
تنبيه: ستجد هذا السطر مكرر مرتين ، المطلوب هو السطر الثاني .
2. قم بلصق الكود التالي أسفل السطر الذي وجدته في الخطوة (1) :
<!-- thumbnail @ posts titles, alinaeliq.blogspot.com -->
<style>
.titlethumb {
float: right;
width: 50px;
margin-left: 20px;
height: 50px;
border-radius: 5px;
}
</style>
<b:if cond='data:post.thumbnailUrl'>
<img class='titlethumb' expr:src='data:post.thumbnailUrl'/>
</b:if>
<style>
.titlethumb {
float: right;
width: 50px;
margin-left: 20px;
height: 50px;
border-radius: 5px;
}
</style>
<b:if cond='data:post.thumbnailUrl'>
<img class='titlethumb' expr:src='data:post.thumbnailUrl'/>
</b:if>
من غير المتوقع أن تكون الصورة متناسقة بشكل مرضي في قالب مدونتك؛ وبالتالي عليك تغيير خصائص CSS خصوصاً فيما يتعلق بالهوامش والحواشي والعرض والارتفاع ، وعليك أن تعلم أن المقاس الإفتراضي للصورة هو ( 27 بيكسل ).
أما اذا كنت ترغب بإضافة صورة مخصصه بجانب عنوان الموضوع اتبع الخطوات التالية
من رئيسية مدونتك توجه إلى تصميم \ تحرير html \ وابحث عن الكود التالي :
<a expr:href='data:post.url'><data:post.title/></a>
بعد ايجادك للكود استبدلة بأحد الاكواد التاليه
لآضافة
<a expr:href='data:post.url'> <img src="http://im37.gulfup.com/O77zD.png"/>   <data:post.title/></a>
لآضافة
<a expr:href='data:post.url'> <img src="http://im38.gulfup.com/VwcUl.png"/>   <data:post.title/></a>
لآضافة
<a expr:href='data:post.url'> <img src="http://im35.gulfup.com/9O6Pf.png"/>   <data:post.title/></a>
لآضافة
<a expr:href='data:post.url'> <img src="http://im32.gulfup.com/NY34m.png"/>   <data:post.title/></a>
لآضافة
<a expr:href='data:post.url'> <img src="http://im42.gulfup.com/mpQwO.png"/>   <data:post.title/></a>
لاضافة صورة مخصصه قم باضافة الكود التالي
<a expr:href='data:post.url'> <img src="ضع هنا رابط الصورة الخاصه بك"/>   <data:post.title/></a>
0 التعليقات: