الأحد، 1 مايو 2016

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

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

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

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


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



ليست هناك تعليقات:

إرسال تعليق

أرشيف المدونة الإلكترونية

يتم التشغيل بواسطة Blogger.
جميع الحقوق محفوظة ل حسني للمعلوميات 2016