JavaScript is not enabled!...Please enable javascript in your browser

جافا سكريبت غير ممكن! ... الرجاء تفعيل الجافا سكريبت في متصفحك.

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

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

#تحميل قوالب بلوجر2024
0
(0)
author-img
نجم تهامه
كيفية وضع صورة الملف الشخصي بجانب المعلومات الخاصة بالمواضيع بطريقة جديدة و جميلة

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


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

      NomE-mailMessage

      Rechercher dans ce blog
      "0" title="Advertisement" aria-label="Advertisement" style="border: none; height: 300px; width: 600px; margin: 0px; padding: 0px; position: relative; visibility: visible; background-color: transparent; display: inline-block; overflow: visible;">
      google-playkhamsatmostaqltradent