اضافة صورة الكاتب بجانب عنوان المقال في الصفحه الرئيسه وصفحة المقال

مطلق 11:52:00 م

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

الخطوة الاولي اضافة css

فوق هذا الوسم ]]></b:skin> في قالب مدونتك نضع الكود التالي 

.avatar-author

{

float:left;

margin-right:10px;

border:0;

border-radius:50%;

padding:0;

width:30px;

height:30px

}

الخطوة الثانية اضافة سكريبت

فوق هذا الوسم </ head> قي قالب مدونتك نضع الكود التالي 

<script>

//<![CDATA[

function av(a){var b=a.entry.author[0];c=b.name.$t;d=b.gd$image.src.replace(/\/s[0-9]+(-*c*)\//,'/s30$1/');document.write('<img alt="'+c+'" class="avatar-author" src="'+d+'" title="'+c+'"/>')}

//]]>

</script>

الخطوة الثالثة اضافة الاضافة النهائية 

ابحث في قالب مدونتك عن الكود التالي 

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

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

<script expr:src='&quot;/feeds/posts/default/&quot; + data:post.id + &quot;?alt=json-in-script&amp;amp;callback=av&quot;'/>

الي هنا ينتهي موضوعنا اليوم

دمتم في أمان الله