Post Top Ad

Your Ad Spot

الجمعة، 1 مايو 2015

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

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





كيفية تركيب الاضافة :

 قبل اضافة اى اكواد يجب اخذ نسخة احتياطية قبل وضع اى اكواد ومن هنا درس بسيط يعلمك طريقة اخذ نسخة احتياطية الان ناتى  الى الطريقة  فى البداية ادخل الى لوحة تحكم مدونتك ومن بعدها اضغط على القالب الأن اضغط على تحرير 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;'/>
بالاخير اضغط حفظ
اذاهب الى الصفحة الرئيسية لتشاهد شكل الاضافة

ملحوظة هامة :

اذا كنت تريد صورة الكاتب متواجدة بالجهة اليمنة قم بوضع كلمة right بدل الكلمة المحددة باللون الاصفر وهذه صورة موضحة لشكل الصورة من الجهة اليمنة :







واذا كنت تريد الصورة تظهر بالجانب الايسر فالا تقم بتغيير اى شيى وهذه صورة موضحة لشكل صورة الكاتب من الجهة اليسرى :







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

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

  1. مشاهدة قنوات بى ان سبورت مجانا
    http://hayegy.blogspot.com/2015/02/bien-sports.html

    ردحذف
  2. انا لم اجد هذا الكود

    ردحذف
  3. انا لم اجد هذا الكود

    ردحذف
  4. الاكود متواجدة بمعظم القوالب فيجب ان تأخذ مقتطف من الكود الذى تبحث عنة وليس بأكملة حتى تصل الى الكود المطلوب جرب يا اخى الكريم وانا معك واسف على التاخير بسبب انشغالى بالعمل

    ردحذف
  5. شكرا ^-^ نجحت معي
    هذه صورة : http://www.3rbz.com/uploads/d26d6f5188e31.png

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

    ردحذف
    الردود
    1. اخى الكريم لكى تقوم بتغيير عرض المواضيع من الافضل ان تختار قالب بالعرض الذى تريدة لان تغيير عرض مواضيع للشكل الذى تريدة يتطلب تغييرات فى اكواد القالب ويجب ان تعرف هذه التغيرات ومن الممكن تجد الاكواد مشفرة من قبل المصمم

      حذف

قال تعالى ( مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ )

Post Top Ad