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

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

اضافات بلوجر احترافيه

كيفية اضافة هذه الاداه الى مدوناتكم

الخطوه الاولى (تخصيص قطعة مولد الاكواد)

  1.  ادخل رابط صفحتك على فيس بوك
  2.  ثم ادخل اسم حسابك على التويتر
  3. ادخل الايدي الخاص بحسابك في جوجل بلس
  4.  ثم ادخل اسم حسابك على فيدبرنر 
  5. ثم  اكتب وصف قصير عن كاتب التدوينه
  6.  الان رابط صورة الكاتب
  7.  ثم  قم بتخصيص الالوان حسب رغبتك
  8. الان قم بالضغط على زر  Generate code” لتوليد الكود
  9. الان يمكنك استعراض الاداه قبل اضافتها الى مدونتك بالنقر على زرpreview
الخطوه الثانيه(اضافة الاكواد الى المدونه)
   
      1- انتقل الى لوحة التحكم مدونتك -> قالب -> تحرير HTML ->
     2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات 
     4- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)
</head>
    5-الان قم بنسخ الكود الذي ظهر في داخل مستطيل ccs والصقه قبل </head> تماما
    6- قم بالبحث عن
<div class=’post-footer-line post-footer-line-1′>
  7-قم بنسخ الكود الذي ظهر داخل مستطيل html في قطعة مولد الكود والصقه بعد <div class=’post-footer-line post-footer-line-1′>

الان قم بحفظ القالب ومبروك عليك الاضافه  :)

اذا كان عندكم اي استفسار او واجهتكم مشكله عند اضافة الاداه يمكنكم وضع تعليق وسيتم الرد عليكم ان شاء الله

 

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

  1. ماذا أفعل إذا لم أجد الكود الثاني؟

    ردحذف
    الردود
    1. وانا ايضا لم اجده ولم يظهر معي

      حذف
  2. غير معرف7/6/13 20:25

    صديقي اهنيك عالمدونة الاكثر من رائعة ولكن عندي طلب صغير .. ممكن تعلمني كيف تحط الظل ورا النص في مدونتك ؟؟

    ردحذف
  3. @Mahmoud Ahmed


    اذا لم تجده ابحث عن


    <p class='post-footer-line post-footer-line-1'>

    او

    <div class='post-footer-line post-footer-line-1'>

    ردحذف
  4. @غير معرف
    مشكور اخي على مرورك العطر

    ممكن رابط مدونتك للمعاينه (للاهميه)
    وان شاء الله سوف اعطيك كود بسيط وسهل جدا لاضافة ظل وراء النص

    ردحذف
  5. اخي عملت كل شيء لكن ونسخت الاكواد صح
    لكم لم تظهر في المدونة
    وايضا اخدذت اضافات اخر كتابعني علي الفيس ولكنها لا تظهر ايضا
    ارجوك علما باني قمت بتنزيل مجونة المحترف

    ردحذف
  6. @mohamed romeh

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

    قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)

    </head>
    ثم قم بنسخ الكود الذي ظهر في داخل مستطيل ccs والصقه قبل </head> تماما


    الان قم بالبحث عن الكود التالي
    <div id='related-posts'>

    قم بنسخ الكود الذي ظهر داخل مستطيل html في قطعة مولد الكود والصقه قبل هذا الكودتماما <div id='related-posts'>

    وان شاء الله سوف تظهر معك الاضافه

    وبالنسبه لكود معجبي صفحتك على الفيس بوك
    قم بالبحث عن <div id='related-posts'>
    والصق كود الفيس بوك قبله تماما



    ردحذف
  7. @Islam Lameche
    العفو اخي شكرا لمروروك

    ردحذف
  8. مدونتك أبهرتني :>)

    ردحذف
    الردود
    1. مشكور اخي اسعدني كلامك وان شاء الله اكون عند حسن ظنك

      حذف
  9. السلام عليكم يا أخي، لقد حاولت تركيب اضافتك الطيبة ولكنها لم تعمل!
    http://shawkynasr.blogspot.com

    ردحذف
  10. @Shawky nasr

    اخي الكريم اذا لم تظهر معك الاضافه قم بتطبيق نفس الخطوات مع تغيير الخطوه الاخيره فقط
    يعني

    قم بالبحث عن الكود التالي

    </head>
    ثم قم بنسخ الكود الذي ظهر في داخل مستطيل ccs والصقه قبل </head> تماما


    الان قم بالبحث عن الكود التالي
    <div id='related-posts'>

    قم بنسخ الكود الذي ظهر داخل مستطيل html في قطعة مولد الكود والصقه قبل هذا الكودتماما <div id='related-posts'>

    وان شاء الله سوف تظهر معك الاضافه

    ردحذف
  11. شكرًا يا أخي سؤال آخر بالنسبة لتصميم الافاتر Avatar لك؟ ممكن اعرف من المصمم له وبأي برامج تم صنعه؟

    ردحذف
  12. @Shawky nasr
    عن طريق هذا الموقع
    http://www.faceyourmanga.com/editmangatar.php




    ردحذف
    الردود
    1. شكرًا جزيلا :)
      بالنسبة لكود الاضافة حاولت كثيرًا وضع الكود ولكنه لا ينجح
      headالكود بضع هناك بالضبط
      **********************

      حذف
    2. Shawky nasr@
      اخي الكريم انا جربت الكود على نفس القالب الذي تضعه في مدونتك وظهرت الاضافه بدون اي اخطاء
      عموما يمكنك ارسال قالبك على ايميليalb33dani@yahoo.com وساقوم بتركيب الاضافه على القالب

      حذف
  13. حنى انا وقع لي نفس المشكل

    ردحذف
    الردود
    1. قم بتطبيق نفس الخطوات مع تغيير الخطوه الاخيره فقط
      يعني

      قم بالبحث عن الكود التالي

      </head>
      ثم قم بنسخ الكود الذي ظهر في داخل مستطيل ccs والصقه قبل </head> تماما


      الان قم بالبحث عن الكود التالي
      <div id='related-posts'>

      قم بنسخ الكود الذي ظهر داخل مستطيل html في قطعة مولد الكود والصقه قبل هذا الكودتماما <div id='related-posts'>

      وان شاء الله سوف تظهر معك الاضافه

      حذف
  14. مش عاوزة تشتغل الاضافة عندى

    ردحذف
    الردود
    1. اضف الكود الثاني الذي ظهر في مستطيل الـhtml في مولد الكود
      قبل هذا الكود
      <div class='footermasher'>

      وسوف تظهر الاضافه ان شاء الله

      حذف
    2. الاضافة بردو مش عاوزة تظهر عندى

      حذف
    3. اخي الكريم انا جربت الكود على نفس القالب الذي تضعه في مدونتك وظهرت الاضافه بدون اي اخطاء
      عمومايمكنك ارسال قالبك على ايميلي alb33dani@yahoo.com وساقوم بتركيب الاضافه على القالب

      حذف
  15. أزال المؤلف هذا التعليق.

    ردحذف
  16. لو سمحت أريد طريقة لحذف اسم الكاتب و التاريخ و ملف التعريف في مدونة بلوجر

    ردحذف
    الردود
    1. ممكن رابط المدونه الذي تريدي حذف هذه الادوات منها
      وذلك للمعاينه

      حذف
    2. او ارسلي القالب على هذا الايميل alb33dani@yahoo.com وسوف اقوم بتعديله ان شاء الله

      حذف
  17. أزال المؤلف هذا التعليق.

    ردحذف
  18. لقد أرسلت لك القالب شكرا لك أخي الكريم

    ردحذف
    الردود
    1. تم التعديل على القالب وارساله على ايميلك اختي
      اتمنى لكي التوفيق

      حذف
  19. غير معرف5/9/13 15:14

    أزال المؤلف هذا التعليق.

    ردحذف
    الردود
    1. غير معرف5/9/13 20:37

      أزال المؤلف هذا التعليق.

      حذف
  20. ممكن اخى العزيز ابعتلك القالب بتاعى وانت تضيفها لانى اتبت كل الخطوات ولكن مش بيظهر
    مدونتى
    egnology.blogspot.com

    ردحذف
  21. الردود
    1. اخي هذا اقصد به المربع الذي في مولد الاكود في الشرح اعلى قم بوضعه قبل وسم ال head

      حذف
  22. قمت بكل الخطوات كما يجب للاسف لم يظهر اي شيئ www.dhsarabe.com

    ردحذف
    الردود
    1. الصق الكود الثاني قبل الوسم التالي
      <div class='postmeta-secondary'>

      حذف
  23. تمت الاضافة بنجاح مشكور على رد السريع الخدمة رائعة www.dhsarabe.com

    ردحذف
    الردود
    1. العفو اخي (h) (h) (h) شكرا لمرورك

      حذف
  24. مشكوووور أخي لكن عندما أبحث عن الكود الكود الثاني في html لا أجد شيئا ما السبب ؟

    ردحذف
  25. ؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟

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

      <div class='post-footer'>

      والصق كود الاضافه بعده تماما

      حذف
  26. جربت الطريقة لكن يوجد مشكلة .. شوف الصورة في الرابط
    https://fbcdn-sphotos-a-a.akamaihd.net/hphotos-ak-prn1/560145_438091559625503_1876186415_n.jpg

    ردحذف
    الردود
    1. اخي هذه اضافه مدمجه مع القالب يمكنك التعديل عليها بالبحث عن الكود التالي
      <div class='postauthor'>

      وستجد كود الاضافه بهذا الشكل
      <div class='postauthor'>
      <img alt='اتقان بلوجر' height='80' src='https://fbcdn-sphotos-e-a.akamaihd.net/hphotos-ak-ash3/487292_327202174037831_1400015829_n.jpg' width='80'/>
      <h3>كاتب الموضوع : <a href='http://alb33dani.blogspot.com'>اكتب اسمك هنا</a></h3>
      <p> اجعل مدونتك افضل مدونة مع التصاميم المجانية و الاضافات الجديدة و الدعم الفني المجاني فقط على مدونة <a href='http://alb33dani.blogspot.com'> جلال البعداني</a></p>
      </div>

      قم بالتعديل عليه حسب رغبتك او قم بحذف الكود السابق واستبدله بكود الاضافه التي في الموضوع

      حذف
  27. أزال المؤلف هذا التعليق.

    ردحذف
  28. شكرا لك ... ماهي طريقه اضافه هذه الاضافه مع اكثر من من ادمن

    ردحذف
  29. ما ظهر عندي ليش :-s

    ردحذف
  30. اخيرا ضهر :-d عندي شكراااا =))

    ردحذف
    الردود
    1. (h) (h) (h) (h) رائع بالتوفيق

      حذف
  31. ممكن تعطوني كود الابتسامات دول cheer (o) كل الابتسانات قصدي

    ردحذف
  32. قمت بكل الخطوات كما يجب للاسف لم يظهر اي شيئwww.boztube.blogspot.com

    ردحذف
    الردود
    1. قم البحث عن الكود التالي والصق كود ال html بعده مباشره <div class='post-footer'>

      حذف
  33. اخي مدونتي تحتوي على العديد من المؤلفين كيف اجعل كل مؤلف يظهر التعريف الخاص به

    ردحذف
  34. قمت بتطبيق الخطوات ولكن الصورة لم تظهر انا كنت رافع الصورة على مركز الخليج . هل فيه موقع معين لازم ارفع عليه الصورة ؟

    ردحذف
  35. أخي الحبيب .. أنا حمزة من المغرب وتشرفت بمعرفة مدونتك الراائعة .. وأثناء تصفحي لمدونتك وجدت هذه الإضافة المذهلة .. لكن حاولت مرارا وتكرارا ولم تشتغل معي لأسف [-( ..

    أخي العزييز ممكن تعطيني لإيميلك حتى أرسل لك قالبي وتضيف عليه هذه الإضافة :-? ... وشكراااا أتمنى لك التوفييق ... (h) (k)

    ردحذف
  36. ممكن أخي العزيز طريقة حذف وصف الكاتب تماما

    ردحذف