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

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

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

      1- من  لوحة التحكم -> قالب -> تحرير HTML
     2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات 
     3- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)
]]></b:skin>
 ** والصق الكود التالي قبله تمامآ
#mblrib {
width: 111px;
height: 111px;
margin-right:-15px;
margin-top:-15px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSe2ItpBpILAWxwMH77-AwDnyMn__5M3xF7FAWLIqmSHV7QTLSZv4VGMvToY77yA4TXpAGaK-flFjazxxpmfXqK8dRVkjn9VmHGh70k7BG8KoFn2oVR0S0VJJR1iu05t3iivUzjt-I22dZ/s109/1rib.png) no-repeat;
z-index: 7;
position:absolute;
}
.mblautbox {border: #4f5966 solid 3px; width:100%;}
.authorinfoname { text-decoration:underline;}
.mblautbox a:hover {
color: #afafaf;
text-decoration: underline;
outline: none;
}
.mblautbox a {
color: #afafaf;
text-decoration: none;
outline: none;
}
.mblautinfo {
border: #f5f5f5 solid 5px;
-moz-border-radius: 74px;
-webkit-border-radius: 74px;
border-radius: 74px;
margin-left:20px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
float:right; padding:4px;margin-right: 0px;height:100px;
}
.mblautobox {
font-size:20px;
margin-top:-20px;
}
.mblautbox{
direction:rtl;
background:#222222;
line-height:1.7em;
float:center;
padding:10px 10px 10px 10px;
margin:20px 5px 5px 0;
color:white;
font-family:GE SS Two Light;
font-size: 14px;
line-height: 24px;
}
.mblautbox-right-min{
border-left:solid 0px #e8e8e8;
height:auto
}
#mycontents {
position:absolute;
width: 111px;
height: 111px;
margin-left:565px;
margin-top:-5px;
}

ثم قم بالبحث عن 


<div class='post-footer'>

** والصق الكود التالي بعده  مباشره (تحته)


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='mblautbox'>
<div id='mblrib'>
</div>
<a class='authorinfolink' href='https://plus.google.com/u/0/103499777490414306950?rel=author' title='jalal'>
<img border='1' class='mblautinfo' src='https://fbcdn-sphotos-e-a.akamaihd.net/hphotos-ak-ash3/487292_327202174037831_1400015829_n.jpg' title='albaadani'/>
</a><br/>
<div>
<div class='mblautobox'>
<b>بقلم:</b>
<span class='authorinfoname'>اسم الكاتب</span></div>
<div class='authorinfodescription'>
اكتب هنا نبذه قصيره عن الكاتب
<br/>
<b>يمكنك متابعتي على:</b>
<a href='http://facebook.com/alb33dani'>فيس بوك</a> | <a href='https://twitter.com/albaadani1'>تويتر</a> | <a href='https://plus.google.com/103499777490414306950?rel=author'>جوجل بلس</a> | <a href='http://www.youtube.com/alb33dani'>يوتيوب</a> | <a href='http://alb33dani.blogspot.com/'>الموقع</a>.</div>
</div>
<div style='clear: both;'>
</div>
</div>
</b:if>

تخصيص الاضافه

 2- استبدال ماباللونalbaadani1 باسم حسابك في تويتر
 3- استبدال ماباللونalb33dani باسم صفحتك في فيس بوك
 4- استبدال ماباللون115387305017738790650 باسم حسابك جوجل بلس
 5- استبدال ماباللونalb33dani باسم قناتك في يوتيوب
 5- استبدال ماباللونhttp://alb33dani.blogspot.com برابط مدونتك
  6- اسم الكاتب استبدله باسمك او الاسم الذي تحب
  7- اكتب هنا نبذه قصيره عن الكاتب استبدله بنبذه قصيره عنك او عن خدمات مدونتك

 وبالاخير قم بحفظ القالب ومبروك عليك الاضافه ولا تنسى ان تشاركنا ارائك بتعليق 

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

  1. يا اخى اريدك ان تضفنى كصديق لانى اريد مساعدتك ارجوك

    ردحذف
    الردود
    1. هذا حسابي على الفيس بوك
      https://www.facebook.com/alb4dani

      حذف
  2. غير معرف9/9/13 00:44

    :>)

    ردحذف
    الردود
    1. [-( أخي جلال بارك الله فيك وعلى مجهودك الرائع....شرح جميل جدا لكن أخي لم تنفع معي

      حذف
  3. كيفية اضافة الاداة للمدونين المتعددين اخى وشكرا

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


      وبعدها انتقل الى اخر الكود واضف هذا القفل


      الان كرر الكود بالكامل لاكثر من مره حسب عدد الكتاب في مدونتك مع تغيير اسم المدون داخل العلامه الشرطيه السابقه ;-(
      اعرف ان التوضيح ليس كافي ولكن يمكنك التواصل معي على الفيس بوك
      https://www.facebook.com/alb4dani

      حذف
  4. شكرا ولكن وين القفل

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

    <b:if cond='data:post.author == &quot;اسم الكاتب&quot;'>

    وبعدها انتقل الى اخر الكود واضف هذا القفل

    </b:if>

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

    <b:if cond='data:post.author == &quot;اسم الكاتب&quot;'>

    ردحذف
  6. أخي لا يظهر شي في المدونة بعد إضافة الأكواد

    ردحذف
  7. اخي قم بالبحث عن الكود التالي
    <data:post.body/>

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

    ردحذف
  8. حاولت كثيرا من دوون فائدة .. احيانا بيقول هناك خطاء
    ايش الحل يا جلال

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

      حذف
  9. يا اخي لفد تبعت تعليماتك لكن لم يضهر شيى

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

      حذف
  10. رااااااااااااائعه بارك الله فيك

    ردحذف
    الردود
    1. مشكور اخي الله يبارك في ايامك

      حذف
  11. سلام عليكم اخي دا احاول مدتصيل عندي ممكن انت تضيفها


    رابط تحميل القالب :http://bb.ta7a.com/upfiles/ta7a-jGr43010.rar

    ردحذف
    الردود
    1. وعليك السلام اخي ,, تم اضافة الاداه للقالب
      https://app.box.com/s/kjea6o4is7chk4a5zr51

      حذف
  12. يا اخي لفد تبعت تعليماتك لكن لم يضهر شيى www.dhsarabe.com

    ردحذف
  13. رائع ومبدع كعادتك ولكن انا لدى عدة مدونين عرفنا كبف نجعلها وانا الرئيس فى المدونة فغيرت كلمة محدرة بكلمة مشرف كيف اجعل اى كاتب اخر تطهر له كلمة كاتب بدل محدرة

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

      اولا قم بالبحث عن الرابط التالي
      https://lh4.googleusercontent.com/-1v4mDvEDEvM/UUyT59ggkVI/AAAAAAAABXs/ZQbl6vXEiEE/s109/1rib.png

      واستبدله برابط صوره الذي تريدها ان تظهر لباقي الكتاب في مدونتك
      ولقد ارفقت لك صوره يمكنك الكتابه عليها حسب رغبتك
      http://im32.gulfup.com/8A6Et.png

      ثانيا قم بالبحث عن الكود التالي الخاص بملف تعريفك انت

      <div id='mblrib'>


      استبدله بهذا الكود

      <div id='mblrib'><img src="https://lh4.googleusercontent.com/-1v4mDvEDEvM/UUyT59ggkVI/AAAAAAAABXs/ZQbl6vXEiEE/s109/1rib.png" alt=""></img>

      الان قم بحفظ القالب والمعاينه

      حذف
    2. رائع ياغالى تحت التجريب

      حذف
  14. شكرا اخي بارك اللة فبك وبجهودك الرائعة

    ردحذف
    الردود
    1. الله يبارك في ايامك اخي شكرا لمرورك

      حذف
  15. شكرا اخي بارك الله فيك

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

      حذف
  16. عن الكاتب موجودة عندي تحت البوست كيف اعدل عليها ؟؟ مدونتي http://mosaid-tech.blogspot.ae/2013/12/2013.html

    ردحذف
    الردود
    1. قم بالبحث عن الكود التالي
      <div class='box-admin'>
      ستجد كود الاضافه الخاصه بك بهذا الشكل
      <div class='box-admin'>
      <h4>Penulis : <b><a href='http://mosaid-tech.blogspot.ae/'>MOSAID ALsari</a></b> ~ </h4>
      <div class='kontainer'>
      <div class='photo-admin'>
      </div>عن الكاتب<b></b>.
      <div style='clear:both;'></div>
      </div>
      </div>
      </div>

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

      حذف
  17. يعطيك العافية أخوي .. اذا حذفت الكود يطلعلي
    حدث خطأ أثناء تحليل XML، في السطر 1602، العمود 3: The element type "b:if" must be terminated by the matching end-tag ""

    ردحذف
    الردود
    1. أخوي جلال ماحليتلي المشكلة ؟.. كيف احذف (عن الكاتب) اللي عندي ؟؟

      حذف
  18. أخي جلال فعلة كل شيئ لاكنه يظهر فوق الموضوع ارجوك ساعدني

    ردحذف
  19. اخي جلال اريد منك ان تركب لي التعليقات في قالبي و تظبطه لي

    ردحذف
  20. و تضيف لي تعريف كاتب الموضوع

    ردحذف
  21. سوف ارسل لك القالب

    ردحذف
  22. انا عملت زى ما قولت ولكن لم تظهر

    ردحذف
    الردود
    1. قم بالبحث عن الكود التالي
      <div class="articleTags" style
      والصق كود الاضافه الثاني قبله تماما

      حذف
  23. لو سمحت ارجوك ;-( انا اريد ان اضيف مدون صديقى الى مدونتى ارجو الرد

    ردحذف
  24. اذهب الى لوحة تحكم بلوجر خاصتك .. اذهب الى اعدادات .. و من ثم اساسي... و ستجد في (اساسي) شيء اسمه اذونات ... ستجد فيها اظافة مؤلفين

    ردحذف
  25. شكرا وجزاك الله خيرا

    ردحذف
  26. أخي جلال بارك الله فيك وعلى مجهودك الرائع....شرح جميل جدا لكن أخي لم تنفع معي [-( [-(

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

    ردحذف
  28. الاضافة تعمل عندي ولكن بدون ستايل ما المعمول

    ردحذف
  29. أخي جلال أنا و صديقي مشرفين في مدونتي و أنا أضع تعريف الكاتب تحت تدويناتي فهو عندما يضع موضوع أو درس تظهر له تعريف الكاتب الخاصة بي .. كيف أصنع له تعريف الكاتب خاصة به هو مع ابقائ تعريفي كما هو ... يعني عندما أضع أنا موضوع يأتي تعريفي .. و هو عندما يضع موضوع تظهر له تعريفه الخاص به . !!!!!

    ردحذف
  30. اخي حاولت لكن بلا جدوة ;(

    ردحذف
  31. اخى جلال رجاء اريد التواصل معك للضروره
    saramoon1000@yahoo.com

    ردحذف
  32. عفو اخي انا صلاح الدين من اليمن
    ومدونتي هي
    http://salah1234.blogspot.com/

    بس مافي في قالب مدونتي هذا الكود :-? :-? :-? :-? [-( [-( [-( ;( ;( ;(
    ]]>

    ردحذف
  33. يا اخي لفد تبعت تعليماتك لكن لم يضهر شيى

    ردحذف
  34. مرحبا اخي عاشت يدك على الاضافة الرائعه ولكن هل يمكنني ازالة الخط الموجود تحت اسم الكاتب ؟؟

    ارجو الرد

    ردحذف
  35. غير معرف30/5/14 12:32

    مرحبا اخي عاشت يدك على الاضافة الرائعه ولكن هل يمكنني ازالة الخط الموجود تحت اسم الكاتب ؟؟

    ارجو الرد باسرع وقت

    ردحذف
  36. السلام عليكم اخي انا عملت الاضافة لكنها لم تظهر
    http://shiite-designer.blogspot.com/
    هاذه المدونة

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

      والصق كود الاضافه الثاني فوقه مباشره

      حذف
  37. اخي جلال ممكن تعمل لنا فيديو تشرح لنا فيه كيف نغير معلومات صاحب القالب -بقلم .....الله اجازيك

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

    ردحذف
  39. بارك الله فيك
    :)

    ردحذف
  40. جيد أخي جلال

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

    http://www3.0zz0.com/2014/07/21/17/595626263.gif

    ارجو حل المشكلة فى اقرب وقت ممكن.

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

      حذف
    2. رابط المدونة :- http://www.alkspan.com/

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

    ردحذف
    الردود
    1. اخي قم بتجربة الاتي
      قم بالبحث عن الكود التالي #menu li ul
      وستجده بهذا الشكل
      #menu li ul {
      display: none;
      line-height: 37px;
      margin-top: 3px;
      z-index: 9999;
      margin-right: 151px;
      position: absolute;
      border-bottom-right-radius: 4px;
      border-bottom-left-radius: 4px;
      box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
      width: 160px;
      background: url('http://2.bp.blogspot.com/-x3lNawiunoU/UvtSOUkWEYI/AAAAAAAADJ8/haUUBytDfP0/s1600/submenu-bg.png') repeat-y scroll 0% 0% transparent;
      }
      قم بحذف هذا الوسم من الكود السابق margin-right: 151px;

      الان قم بالبحث عن الكود التالي #menu ul li
      وستجده بهذا الشكل
      #menu ul li {
      display: inline;
      padding: 17px 0px;
      }
      قم بحذف display: inline; واسبدلها بهذا الوسم display: -moz-groupbox;

      الان قم بحفظ القالب ومعاينته

      حذف
  43. اخي جلال ممكن رابط صفحتك الشخصية على الفيس بوك

    ردحذف
  44. اخي اتبعت كل ماقلته ولم ينجه معي
    اتبعت ايضاً كل مواضيعك السابقة عن اضافة الكتاب لم ينجح ايضاً
    هذه مدونتي al-mojtm3.blogspot.com
    ان أمكن ان تضع ايميلك هنا وارسل لك القالب لتصلحه لي وشكراً اخي مدونتك رائعة

    ردحذف
  45. أخي الكريم ممكن التعديل في طول هذا السلايدر

    ردحذف
  46. لكن لم ينجح ارجور رد علي و قل لي ما الذي علي فعله

    ردحذف
  47. بارك الله فيك أخي مبدع كالعادة

    ردحذف