| 64 تعليقات ]

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



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




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 لتعدل خلفية و حدود مستطيل تعريف الكاتب ...
تقبل الله قيامكم و صيامكم، نسألكم الدعاء.


التعليقات : 64

عزيز

جميل جدا اخي دؤيب
اضافة رائعة من اخ اروع
جاري التجريب
مودتي واحترامي

خالد

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

غير معرف

بارك الله فيك أخي ذؤيب

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

بالتوفيق أخي

راكان صالح

في الحقيقة درس كُنا في إنتظاره
شكراً لك ذؤيب على هذه المواضيع الفريدة.

محمد

أخي عزيز
شكرا لك أخي على طيب الزيارةو الله يجزيك خير.

أخي خالد
تعليقك هذا ينم على مهارة عالية في صياغة المقال، أعجبني المحتوى المركز في بضعة أسطر :)
بوركت أخي الفاضل.

أخي الطالب
أقدر ملاحظتك الطيبة لكني لا أضع الإضافة في مدونتي هذه بل فقط أكتفي بالطريقة الأولى و التي قلت إنها تصلح في المدونات وحيدة الكاتب. أما الطريقة الثانية فلو دققت في كود html الأخير لوجدت أن هناك شرط يهم اسم الكاتب. و هذه مدونة لمعاينة الإضافة كنت فقط أجرب عليها.
http://mohamedblg.blogspot.com/
و ستلاحظ فيها أني أكتب بحسابين مختلفين أحدهما باسم ذؤيب و الآخر باسم Doaib .
لذلك أنا فصلت بن الطريقتين الأولى و الثانية فالأولى تصلح فقط مع كاتب واحد و الثانية لمدونات بكتاب كثر.
تحياتي لك أخي الطالب سرني قدومك .
تقبل الله صيامكم و قيامكم.

محمد غراب

درس رائع يا اخ ذؤيب بارك الله فيك و شكراً جزيلاً لك.

محمد

مرحبا بك أخي ركان صالح جاء ردك بينما كنت أكتب ردي :)
أهلا و سهلا أخي محمد غراب تحياتي لك يا طيب.
حياكم الله و شكرا لقدومكم.

أبو إياد

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

احمد العزاوي

ما شاء الله اخي محمد دائما متميز و تاتي بالجديد في كل ما تقدمه .. شكرا لك و بارك الله فيك .

غير معرف

منا ومنك أخي الكريم آمين.

استسمحك أخي ذؤيب فلم أنتبه لأني كنت أتصفح موضوع: (فتح الروابط الخارجية في صفحة جديدة) ووجدت أن به مستطيلين لكاتبين في نفس الموضوع. فقلت أن هذه هي الطريقة التي اتبعتها وعلي أن أنوه عليها.

بارك الله فيك

عرب ماستر

لن أقول عنك غير أنك أستاذ ورئيس قسم التدوين العربي

اقصوصه

{مضان كريم

وكل عام وانتم بخير :)

غير معرف

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

غير معرف

تم الحل بارك الله فيك

AhMeD MoHaMeD

جميل جدا وتم التركيب فى مدونتى والحمد لله

تسلم الايادى والى الامام يامبدع

Nora

رائعه
لاكن مالقيت هالكود في قالبي ايش الحل

Nora

أقصد الكود الثاني

Nora

لقيت الكود بس ماضبطت معي =(

إياد عمر أبو عرقوب

شكرا جزيلا أخي الكريم ..
لكن ألا نجد هذه الاضافة في الوورد بريس ؟؟

أمينة سمير

الإضافة معها كلمة ( بقلم) هل يمكن حذف هذه الكلمة ؟

mohammed glal

@كمونة

يمكن حذفها وكتابه أى كلمه أخرى من Html

جزاك الله كل خير استاذ ذؤيب

فوركس واى

شكرا جزيلا

برنس العرب

الف شكر لك جاري التطبيق

بالعلم نرتقي

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

بالعلم نرتقي

عندما بحثت عن <data:post.body/>

بالعلم نرتقي

لم اتلقى اجابة...؟؟؟؟؟

THE HEADLINER

شكرا لك انتظر المزيد

Mohaned Magdy

لو سمحت أنا لا يوجد عندى فى المدونة هذا الكود



أرجو الرد علىَ

مدونة تقارب

تسلم بارك الله فيك تةم التطبيق

غير معرف

جزاك الله خبر يا اخي علي مجهودك ولكني فعلت لخطوات بكل دقة ولم ينتج شئ لماذا؟

غير معرف

شكر لك على هذه الإضافة المميزة لكن لي طلب من فضلك وهو كيف أجعل الكتابة تبدأ في اليمين إلى اليسار في المربع
وهذه مدونتي
http://blogridouan.blogspot.com

صهيب مهزول

اخي الاضافة لم تأتي مثل ما وضعت انت مالمشكلة

Unknown

لوسمح يا اخ ذؤيب ممكن تقولنا ازاى نغير حجم الصوره الى فى اعلى المدونه

انا غيرت الصوره وحطيت الصوره الخاصه بمدونتى بس الصوره نزله على مقاس الصوره القديمه بتاعت القارب بتاعك قارب ذؤيب ياريت لو تكرمت تقولى ازاى اغير الححجم بتاع الصوره ضرورى يارت الرد بسرعه

Unknown

وانا يزدنى شرف لو ضفت رابط مدونتى عندك فلى الاعلانات
وده رابط المدونه
http://fox-egypt.blogspot.com/

ahmed

سبق لي وأن جربتها ووجدت أنها لا تعمل في حالة مدونة الجماعية (أكثر من مؤلف)(الطريقة فيها إعادة نظر)
لذا وددت أن أنوه ويمكنك رؤية مثال عن ذلك في أحد مواضيع مدونتك التي هي من تأليف شخص آخر غيرك.
www.al-bazar.com
www.zizfon.com
www.syria-bazar.com
www.face-usa.com
www.face-usa.net

Newtanta

شكرا يا أخى وتم التطبيقhttp://newtanta.blogspot.com

zikoniss

أخي لدي طلب
أريد إضافة هذه الأداة لكن معها أزرار المفضلات الإجتماعية
تماما كاللتي توجد الآن في مدونتك
ممكن تقولي كيف أعملهم بنفس طريقتك و شكراً لك

بوبكر بولحديد

السلام عليكم ..
للأسف أخـي جربت الطريقة و لم تعمل معي مع العلم أنني اتبعت خطواتك جيدا
أرجــوا المساعدة في أقرب وقت ممكن و شكراً مقدما !!

مدونة عربي كاش2

شكرا اخي دؤيب على الدروس الله
يعطيك العافية ويخلينا اياك

بوبكر بولحديد

في انتظار جوابكـ أخي ذؤيب ..

كتالوج السيارات

شكرا على الموضوع

هيونداى

تويوتا

بيجو

غير معرف

ممكن يا اخي الطريقة لعدة مؤلفين؟

ســاره

شكرااا

اخبار اليوم

تسلم ايديك على الموضوع
اخبار اليوم-اخبار مصر

محمد موسي

ياخي الكود الثاني مالقيته ايش الحل

Unknown

يعطيكك العافيهةة ,

بس انا عملتت نفسس الشيء بس ماتغير في مدونتي ولا حاجه
وبرضوو إضفةة من هناءء كثير اشياءء بس ماتغير ولا شيء , ولو ممكن تقولي كيف إضيف قوالب اعلى المدونه ,
وتشكر ع جهوودكك الجبارهه , ^^

post

السلام عليكم و رحمة الله و بركاته
موضوع رائع و اضافة جميلة
قمت بإضافة كودتعريف كاتب الموضوع لمدونتي بشكل صحيح تماما لكنه لا يظهر عند تصفحي للمدونة, كما أن نفس المشكلة حصلت معي في إضافة زر أعجبني للمواضيع.
أرجو إبلاغي عن السبب و الحل, مع متمنياتي لك بالتوفيق في مسيرتك الناجحة

ahmed

شكرا على الاضافة ...
http://learn-price-action.blogspot.com

إبراهيم

تم تركيب الإضافة بارك الله فيك يا محمد وهذي مدونتي مدونة الناجح
الناجح

Unknown

مشكوور
http://rifed-blog.blogspot.com

Unknown


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

غير معرف

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


جربت إضافة الأداة لكن لم تعمل

يوجد عندي 3 أكواد من الكود الثاني جربت وضعه بعد كل و احدة و لم ينفع و جربت وضع تحتهم حميعاً و لم ينفع


( جربت وضع الجماعية )

Unknown

شكىا اخي واتمنى ان تقول رايك فيها
aab9ari.blogspot.com

غير معرف

انهى لا تنجح

Unknown

اخي انا وضعت الكود الاول لاكن دون جدوى لم اجده كيف اجده في لوحة التحكم الجديد للبوجر

غير معرف

هذه الطريقة أسهل

إضافة تعريف ( معلومات ) كاتب التدوينة من الفيسبوك لمدونات بلوجر الفردية .
http://aplaticos.blogspot.com/2013/04/info-Author.html

جميلة

بارك الله فيك موضوع فادني كثيرا

غير معرف

شكرا

غير معرف

بعد تجربة هذه الطريقة أفضل ويتم تحديثها تقائياً مع الفيسبوك
http://aplaticos.blogspot.com/2013/04/info-Author.html

Unknown

http://pro3app.blogspot.com/

http://www.abou-nizar.com/

merci

مييم

مرحبا ممكن نصيحتك لمدونتي اذا ما في مانع
.
رابط المدونه:http://meemss.blogspot.com/

Unknown

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

ان نلجاء لشركة الكمال
شركة الكمال

شركة تسليك مجارى بالرياض

شركة تسليك مجارى بالدمام

شركة تسليك مجارى بالطائف

شركة تسليك مجارى بجازان

شركة تسليك مجارى بحائل




Teck Talk

مدونة تك توك

إرسال تعليق


يمكن استخدام بعض علامات HTML، مثل <b>, <i>, <a>

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

» معرض قوالب بلوجر مدونة لعرض أفضل القوالب المطروحة على معهد خبراء بلوجر : منتدى خاص بالبلوجر لتبادل الخبرات بين مدوني البلوجر ومشاركة القوالب العربية والمعربة أو الأجنبية إضافة إلى التبادل الإعلاني وطرق الربح عن طريق مدونات بلوجر.