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




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

 معاينة إضافة تعريف الكاتب

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

هذه الطريقة سوف تهم المدونات الشخصية التي يكتب فيها كاتب وحيد، و ستظهر نبذة عنه في أسفل كل مواضيع مدونته.
من لوح تحكم مدونتك توجه إلى تصميم ثم تحرير HTML  و قبل البدء في التعديل احفظ نسخة احتياطية من قالبك على حاسوبك. ضع علامة في خانة توسيع القوالب.
الخطوة الأولى (*) : ابحث عن ]]></b:skin>  و قبله مباشرة ضع كود CSS الآتي ).
/* 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 */

الخطوة الثانية :  ابحث عن <data:post.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- طريقة تركيب اضافة تعريف الكاتب في مدونات بلوجر الجماعيه (متعددة الكتاب)

كثير من المدونات في الآونة الأخيرة بدأت تعتمد على أقلام كاتبين أو أكثر، و الطريقة التي كان ينهجها أصحابها لوضع تعريف للكاتب تكون عبر تضمينه داخل جسم التدوينة و يتكرر الأمر مع كل موضوع. الآن سنضع تعريفات الكتاب في القالب و سيظهر كل تعريف موافقا لموضوع كاتبه.
أولا ستتبع نفس الخطوة الأولى (*)  كما في المدونات الشخصية أي نفس كود CSS ستضعه كما ذكر سابقا.
ثم تبحث عن <data:post.body/> (إن وجدت ثنتين فالثانية هي المقصودة)  و مباشرة بعدها ضع الكود الآتي).
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- تعريف الكاتب الأول -->
<b:if cond='data:post.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='data:post.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>
قبل الحفظ غير ما لون بالأحمر، و كرر كود تعريف الكاتب الثاني إن كنتم أكثر من كاتبين، و كذلك افعل عند الحاجة.
كذلك يمكن تعديل كود CSS لتعدل خلفية و حدود مستطيل تعريف الكاتب ...
تقبل الله قيامكم و صيامكم، نسألكم الدعاء.

هناك 20 تعليقًا:

  1. نقـــاء31/7/13 06:27

    السلام عليكم

    أنا للأسف لم تظهر لي رغم أني ركبت قالب يوسف ويب من مدونتكم

    ولكن لم يظهر أي شيء حاولت كثيرا وغيرت الكود من مواقع اخرى ولم يظهر اي شيء أرجو أن تساعدني ..ولك جزيل الشكر

    ردحذف
    الردود
    1. وعليكم السلام ورحمة الله وبركاته
      اذا كنت تستخدم قالب يوسف ويب فعليك اضافة كود ال html (الكود الثاني الموجود في التدوينه)
      بعد هذا الكود
      <data:post.body/>
      مع العلم ان هذا الكود مكرر في قالب يوسف ويب اربع مرات
      قومي بلصق كود الاضافه بعد الكود الرابع الذي يلي اضافة اقرا المزيد

      حذف
  2. غير معرف14/8/13 17:18

    السلام ورحمة الله وبركاته
    شرح رائع وسلس
    بارك الله فيك

    ردحذف
    الردود
    1. وعليكم السلام ورحمة الله وبركاته
      العفو اخي الكريم شكرا لمرورك العطر

      حذف
  3. أزال أحد مشرفي المدونة هذا التعليق.

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

    ردحذف
    الردود
    1. حسنا اخي ستقوم بتكرار الكود الخاص بوصفك واسمك ستضع قبله هذا الكود الخاص بالعلامه الشرطيه
      <b:if cond='data:post.author == &quot;هنا اسم الكاتب حسب ماهو مسجل في بلوجر &quot;'>

      وعند نهاية الكود تقفل العلامه الشرطيه بهذا الوسم </b:if>
      هذا كل شي ولكن عليك التاكد من ان اسم الكاتب الذي اضفته للعلامه الشرطيه هو نفس الاسم الموجود في حسابه على بلوجر ولكي تتاكد من ذلك اذهب الى الاعدادات > مؤلفو المدونات الإلكترونية و ستجد اسمه بجوار ايميله قم بنسخ الاسم ولصقه في العلامه الشرطيه السابقه
      من الاعدادات

      حذف
  5. http://hocine-pro.blogspot.com/2014/02/who-is-the-geek-and-who-is-the-Addict.html شاهد كيف ظهرت

    ردحذف
  6. بارك الله فيك اخ جلال شكرا لك

    ردحذف
    الردود
    1. الله يبارك في ايامك ويجعلها عامره بالخير والعطاء ,, شكرا لرورك اخي

      حذف
  7. أنا لدي كاتبان في مدونتي بحثت عن هذا الكود ولم أجده ارجو ان تجيبني واجرك على الله هذه هي المدونة ان اردت معاينتها http://riyah-tagyir.blogspot.com/

    ردحذف
    الردود
    1. أخي الطريقة فعالة جدا يوجد بمدونتنا 4 مدونين وقمت بتركيب الاكواد ونجحت معي كل ما عليك ان تتبع الخطوات التي شرحها الاخ جلال ولكن هل لي بطرح سؤال كيف جعلت الصورة الموجودة براس الصفحة بمدنتك متحركة صورة توضيحية http://im76.gulfup.com/v33ZCN.png

      حذف
    2. الصورة جاءت مع القالب با اعرف كيف تم وضعها اعجبتني لانها متناسبة مع موضوع المدونة بالنسة للتعديل على الكتاب في البحث في html لم اجد

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


    رابط موضوع قالب ميجا ماج

    http://alb33dani.blogspot.com/2014/09/mega-mag-templat-for-blogger.html

    ردحذف
    الردود
    1. وعليكم السلام ورحمة الله وبركاته
      اخي الكريم الكود يعمل بكفائه ومجرب لاكثر من شخص
      فقط تاكد من انك قمت باضافة اسماء المؤلفين حسب ماهو مسجل في حساباتهم في بلوجر وللتاكد من ذلك << من لوحة تحكم مدونتك >>> الاعدادات >> المؤلفين وستجد ايميلات المؤلفيين واسمائهم بالكامل قم بنسخ الاسم ولصقه داخل الكود الموجود في الشرح وستجد ان الاضافه تعمل بكفائه

      حذف
    2. تم حل المشكل شكرا لك اخي جلال على المساعدة

      حذف
  9. كل الشكر لكم ..... تم بنجاح
    افضلوا بزيارتنا
    www.th3key.com

    ردحذف
  10. أخي كيف اغير الصوره الي تظهر جانب التعريف!! @-)

    ردحذف
  11. السلام عليكم
    اخي جلال شكرا لك و بارك الله فيك

    ردحذف