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

اضافتنا اليوم اضافة جميلة وهى عرض صورة الكاتب بجانب عناوين المواضيع بشكل دائرى جميل.

 قبل اضافة اى اكواد يجب اخذ نسخة احتياطية قبل وضع اى اكواد ومن هنا درس بسيط يعلمك طريقة اخذ نسخة احتياطية الان ناتى  الى الطريقة  فى البداية ادخل الى لوحة تحكم مدونتك ومن بعدها اضغط على القالب الأن اضغط على تحرير HTML

وفرجة ممتعة مع الفيديو 

الأكواد المستعملة في الشرح 

------------------]]></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;'/>