الجمعة، 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 التعليقات

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

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

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

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

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

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

الرموز التعبيريةالرموز التعبيرية