المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : اضافة كاتب التدوينة تحت المواضيع



mohamed agarroum
20-01-2015, 01:52 AM
السلام عليكم ورحمة الله تعالى وبراكاته
اضافة كاتب التدوينة تحت المواضيع (http://agarroum.blogspot.com/2015/01/blog-post_80.html)


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


1 . طريقة تركيب إضافة تعريف الكاتب في مدونات بلوجر الشخصية (http://agarroum.blogspot.com/2015/01/blog-post_80.html)

بالنسبة للمدونات الشخصية كل ماعليك فعله هو الذهاب إلى لوحة تحكم مدونتك والضغط على قالب ثم تحرير html ، وتضغط في الكيبورد على ctrl+f ثم تضع العلامة على خانة توسيع القوالب وتقوم بالبحث عن هذا الكود

]]></b:skin>

بعد أن تجده ضع قبله مباشرة هذا الكود



/* Author Bio */ .postauthor { background: #F5F5F5; border-top: 1px solid #e1e1e0; border-bottom: 1px solid #e1e1e0; overflow: hidden; padding: 0.7em; } .postauthor img { border: 5px solid #e2dede; float: right; margin-left: 1em; } .postauthor h3 { color: #666; font-size: 1.2em; margin-bottom: 5px; margin-top: 0; } .postauthor p { color: #515151; font-size: 12px; margin-bottom: 10px; margin-top: 0; } /* Author Bio End */


بعد أن تضيفه قم بالبحث عن هذا الكود

<dataost.body/>


بعد أن تجده وقد تجد فيه إثنين أو أكثر ، فالثاني هو المقصود وقم بإضافة بعده مباشرة هذا الكود


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='postauthor'>
<img alt='' height='80' src='رابط الصورة الشخصية' width='80'/>
<h3>بقلم <a href='Blog Link'> اسم الكاتب </a></h3>
<p> فقرة تضم نبذة عن الكاتب </p>
</div>
</b:if>


بعد إضافته قم بتغيير ما باللون الأخضر برابط صورتك الشخصية ، وإسم الكاتب ، وفي الأخير نبذة عنك أنت شخصيا ككاتب للتدوينة.
في الأخير قم بحفظ التغييرات ومبروك عليك الإضافة


2 . طريقة تركيب إضافة تعريف الكاتب في مدونات بلوجر الجماعية متعددة الكتاب

* أما إذا كانت مدونتك بها كتاب كثر فتابع معي كيف تقوم بإضافة هاته الخاصية
أولا تقوم بالخطوة الأولى كما شرحنا في الأول بإضافة الكود الأول قبل

]]></b:skin> .(شاهد المثال الأول )
- ثم كمرحلة ثانية تقوم بالبحث عن هذا الكود مباشرة (إن وجدت إثنين فالثاني هو المقصود)


<dataost.body/>
ثم بعده مباشرة أضف هذا الكود


<b:if cond='data:blog.pageType == &quot;item&quot;'> <!-- تعريف الكاتب الأول --> <b:if cond='dataost.author == &quot;أحمد&quot;'> <div class='postauthor'> <img alt='' height='80' src='رابط الصورة الشخصية' width='80'/> <h3>بقلم <a href='Blog Link'> إسم الكاتب الأول</a></h3> <p> فقرة تضم نبذة عن الكاتب الأول </p> </div> </b:if>
<!-- تعريف الكاتب الثاني --> <b:if cond='dataost.author == &quot;جواد&quot;'> <div class='postauthor'> <img alt='' height='80' src='رابط الصورة الشخصية' width='80'/> <h3>بقلم <a href='Blog Link'> إسم الكاتب الثاني</a></h3> <p> فقرة تضم نبذة عن الكاتب الثاني </p> </div> </b:if> </b:if>


المصدر : الشامل للمعلوميات (http://agarroum.blogspot.com/2015/01/blog-post_80.html)

ضع تعليقا لتحفيزنا
و شكرا

تباشيرالأمل
20-01-2015, 02:15 AM
ينقل لتقنية المعلومات
ادارةالعامة

نور العيون 2013
20-01-2015, 11:04 AM
شكرا ع المعلومه..
يعطيك العافيه