الثلاثاء، 26 مارس 2019

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

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

إضافة صورة الملف الشخصي بجانب المعلومات في المواضيع - في درس اليوم سوف نتعلم كيفية إضافة صورة الملف الشخصي الخاص بك على جوجل بلس - 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>


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

      إضافة تعليق

      نموذج الاتصال

      الاسم

      بريد إلكتروني *

      رسالة *