إضافة صورة الملف الشخصي بجانب المعلومات في المواضيع

إضافة صورة الملف الشخصي بجانب المعلومات في المواضيع - في درس اليوم سوف نتعلم كيفية إضافة صورة الملف الشخصي الخاص بك على جوجل بلس - Google Plus بجانب المعلومات الخاصة بالمواضيع يمكنك معاينة الإضاقة عبر الزر التالي

معاينة

طريقة التركيب

1. ادخل إلى لوحة تحكم المدونة
2. انقر فوق قالب ثم تحرير HTML
3. الان ابحث عن الوسم ]]></b:skin> و اضف الكود التالي فوقه

.post-info {background:transparent;margin-top:5px;margin-bottom:5px;color:#fff;font-size:12px;text-align:right;padding:0;box-shadow:none;}
.post-info a {display:inline;background:transparent;color:#fff;padding:4px 6px 4px 6px;transition:all .3s ease-out;}
.post-info a:hover {color:#ff786e;}
.author-info, .time-info, .comment-info, .label-info, .review-info {
margin-left:8px!important;display:inline-block;color:#fff;padding:10px;}
.post-info .avatar-author {float:right;border:0;padding:0;width:38px;height:38px;box-shadow:none;}
.timestamp-link abbr {border-bottom:none;}

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

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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*)\//,'/s38$1/');document.write('<img alt="'+c+'" class="avatar-author" src="'+d+'" title="'+c+'"/>')}
//]]>
</script>
</b:if>

الان ابحث عن هذا الكود

<b:includable id='post' var='post'>

سوف تجد تحته هذا الكود  <div class='post-info'>  اضف الكود التالي تحته مباشرة

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

بحيث يصبح شكل الكود كامل على هذا الشكل

<div class='post-info'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/&quot; + data:post.id + &quot;?alt=json-in-script&amp;amp;callback=av&quot;'/>
</b:if>

الان قم بحفظ القالب اي سؤال او استفسار لا تترد بوضعه في تعليق

2/21/2015

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

إضافة صورة الملف الشخصي بجانب المعلومات في المواضيع

4 / 5

بواسطة مدون محترف

مدون محترف 2/21/2015 2 تعليقات