إضافة تعريف كاتب الموضوع لمدونات بلوجر الشخصية و الجماعية
بسم الله و الحمد لله و الصلاة و السلام على خير من بعث نبيا مرشدا سيدنا محمد السراج المنير. السلام عليكم و رحمة الله. اليوم نعرف و إياكم طريقة إضافة تعريف للكاتب أسفل موضوعه لكل من المدونات الشخصية ذات الكاتب الوحيد و كذلك المدونات التي تعدد كتابها. طبعا الإضافة مفيدة كونها تعرف القارئ بالكاتب و تحيي آصرة بينهما.
معاينة إضافة تعريف الكاتب
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 == "item"'> <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 == "item"'> <!-- تعريف الكاتب الأول --> <b:if cond='data:post.author == "أحمد"'> <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 == "جواد"'> <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 لتعدل خلفية و حدود مستطيل تعريف الكاتب ...
تقبل الله قيامكم و صيامكم، نسألكم الدعاء.
السلام عليكم
ردحذفأنا للأسف لم تظهر لي رغم أني ركبت قالب يوسف ويب من مدونتكم
ولكن لم يظهر أي شيء حاولت كثيرا وغيرت الكود من مواقع اخرى ولم يظهر اي شيء أرجو أن تساعدني ..ولك جزيل الشكر
وعليكم السلام ورحمة الله وبركاته
حذفاذا كنت تستخدم قالب يوسف ويب فعليك اضافة كود ال html (الكود الثاني الموجود في التدوينه)
بعد هذا الكود
<data:post.body/>
مع العلم ان هذا الكود مكرر في قالب يوسف ويب اربع مرات
قومي بلصق كود الاضافه بعد الكود الرابع الذي يلي اضافة اقرا المزيد
السلام ورحمة الله وبركاته
ردحذفشرح رائع وسلس
بارك الله فيك
وعليكم السلام ورحمة الله وبركاته
حذفالعفو اخي الكريم شكرا لمرورك العطر
أزال أحد مشرفي المدونة هذا التعليق.
ردحذفمشكور أخي
ردحذفلكن يا أخي أنا استخدمت قالب من تطير مدونة أخرى
وتحت كل موضوع مكتوب كاتب الموضوع وكل المعلومات هذا عندما كنت أدون
لكنني الآن أضفت شخصا آخر معي
ولكن عندما يكتب موضوعا ترى تحته مكتوب اسمي مع انني جربت هته الطريقة ولم تنجه
ممكن مساعدة أخي البعداني من فضلك
حسنا اخي ستقوم بتكرار الكود الخاص بوصفك واسمك ستضع قبله هذا الكود الخاص بالعلامه الشرطيه
حذف<b:if cond='data:post.author == "هنا اسم الكاتب حسب ماهو مسجل في بلوجر "'>
وعند نهاية الكود تقفل العلامه الشرطيه بهذا الوسم </b:if>
هذا كل شي ولكن عليك التاكد من ان اسم الكاتب الذي اضفته للعلامه الشرطيه هو نفس الاسم الموجود في حسابه على بلوجر ولكي تتاكد من ذلك اذهب الى الاعدادات > مؤلفو المدونات الإلكترونية و ستجد اسمه بجوار ايميله قم بنسخ الاسم ولصقه في العلامه الشرطيه السابقه
من الاعدادات
http://hocine-pro.blogspot.com/2014/02/who-is-the-geek-and-who-is-the-Addict.html شاهد كيف ظهرت
ردحذف:o
ردحذفبارك الله فيك اخ جلال شكرا لك
ردحذفالله يبارك في ايامك ويجعلها عامره بالخير والعطاء ,, شكرا لرورك اخي
حذفأنا لدي كاتبان في مدونتي بحثت عن هذا الكود ولم أجده ارجو ان تجيبني واجرك على الله هذه هي المدونة ان اردت معاينتها http://riyah-tagyir.blogspot.com/
ردحذفأخي الطريقة فعالة جدا يوجد بمدونتنا 4 مدونين وقمت بتركيب الاكواد ونجحت معي كل ما عليك ان تتبع الخطوات التي شرحها الاخ جلال ولكن هل لي بطرح سؤال كيف جعلت الصورة الموجودة براس الصفحة بمدنتك متحركة صورة توضيحية http://im76.gulfup.com/v33ZCN.png
حذفالصورة جاءت مع القالب با اعرف كيف تم وضعها اعجبتني لانها متناسبة مع موضوع المدونة بالنسة للتعديل على الكتاب في البحث في html لم اجد
حذفالسلام عليك اخي جلال شكرا على القالب لقد قمت بتركيب الاضافة لقالب ميجا ماج الذي قمتم بكتابة موضوع عليه لكن دون جدوى مع العلم ان المدونة عندي يوجد بيها العديد من المؤلفين ارجوو المساعدة يا اخي جلال
ردحذفرابط موضوع قالب ميجا ماج
http://alb33dani.blogspot.com/2014/09/mega-mag-templat-for-blogger.html
وعليكم السلام ورحمة الله وبركاته
حذفاخي الكريم الكود يعمل بكفائه ومجرب لاكثر من شخص
فقط تاكد من انك قمت باضافة اسماء المؤلفين حسب ماهو مسجل في حساباتهم في بلوجر وللتاكد من ذلك << من لوحة تحكم مدونتك >>> الاعدادات >> المؤلفين وستجد ايميلات المؤلفيين واسمائهم بالكامل قم بنسخ الاسم ولصقه داخل الكود الموجود في الشرح وستجد ان الاضافه تعمل بكفائه
تم حل المشكل شكرا لك اخي جلال على المساعدة
حذفكل الشكر لكم ..... تم بنجاح
ردحذفافضلوا بزيارتنا
www.th3key.com
أخي كيف اغير الصوره الي تظهر جانب التعريف!! @-)
ردحذفالسلام عليكم
ردحذفاخي جلال شكرا لك و بارك الله فيك