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

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

الخطوة الاولي اضافة 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;'/>

مدير الموقع

تطوير المواقع والبرمجة وامن المعلوميات

فيسبوك

تويتر

انستغرام

شارك هذا المنشور

اشترك في بريدنا الالكتروني لتتوصل باشعار فور نشر موضوع جديد

مواضيع ذات صلة