إضافة تعريف كاتب الموضوع اسفل التدوينه لمدونات بلوجر
بسم الله الرحمن الرحيم , السلام عليكم اخواني اخواتي ومرحبا بكم في كل
جديد مدونة جلال البعداني , اليوم باذن الله سنتعلم معا كيفية اضافة نبذه
مختصره عن كاتب التدوينه لمدونات بلوجر بالاضافه الى المتابعه عبر اشهر
مواقع التواصل الاجتماعي فيس بوك وتويتر وجوجل بلس ويوتيوب وغيرها من
المواقع الاخرى مع امكانية اضافة اي رابط موقع اخر للاضافه , تتميز هذه
الاضافه بشكلها الانسيابي والانيق مما يزيد من جمالية المدونه واحترافيتها
وقد سبق وشرحت كيفية اضافة تعريف الكاتب بطريقتين وشكلين مختلفين لمن اراد
الاطلاع عليهما من هنا او هنا واليوم ان شاء الله سوف نتعلم معا كيفية اضافة هذه الاداه اسفل الموضوع مباشرة
كيفية اضافة هذا السلايدر شو الى مدوناتكم
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 == "item"'><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- اكتب هنا نبذه قصيره عن الكاتب استبدله بنبذه قصيره عنك او عن خدمات مدونتك
وبالاخير قم بحفظ القالب ومبروك عليك الاضافه ولا تنسى ان تشاركنا ارائك بتعليق
يا اخى اريدك ان تضفنى كصديق لانى اريد مساعدتك ارجوك
ردحذفهذا حسابي على الفيس بوك
حذفhttps://www.facebook.com/alb4dani
:>)
ردحذف[-( أخي جلال بارك الله فيك وعلى مجهودك الرائع....شرح جميل جدا لكن أخي لم تنفع معي
حذفكيفية اضافة الاداة للمدونين المتعددين اخى وشكرا
ردحذفاخي لاضافة هذه الاداه لاكثر من مدون قم باستخدام العلامه الشرطيه التاليه
حذفاضف الكود التالي قبل الكود الثاني في الاضافه
وبعدها انتقل الى اخر الكود واضف هذا القفل
الان كرر الكود بالكامل لاكثر من مره حسب عدد الكتاب في مدونتك مع تغيير اسم المدون داخل العلامه الشرطيه السابقه ;-(
اعرف ان التوضيح ليس كافي ولكن يمكنك التواصل معي على الفيس بوك
https://www.facebook.com/alb4dani
شكرا ولكن وين القفل
ردحذفاخي لاضافة هذه الاداه لاكثر من مدون قم باستخدام العلامه الشرطيه التاليه
ردحذفاضف الكود التالي قبل الكود الثاني في الاضافه
<b:if cond='data:post.author == "اسم الكاتب"'>
وبعدها انتقل الى اخر الكود واضف هذا القفل
</b:if>
الان كرر الكود بالكامل لاكثر من مره حسب عدد الكتاب في مدونتك مع تغيير اسم المدون داخل العلامه الشرطيه السابقه
<b:if cond='data:post.author == "اسم الكاتب"'>
أخي لا يظهر شي في المدونة بعد إضافة الأكواد
ردحذفاخي قم بالبحث عن الكود التالي
ردحذف<data:post.body/>
ستجده مكرر لاكثر من مره الكود الذي بعد اضافة المزيد هوالمطلوب
والصق الكود الثاني الذي في الشرح بعده مباشره
حاولت كثيرا من دوون فائدة .. احيانا بيقول هناك خطاء
ردحذفايش الحل يا جلال
اخي يوسف يمكنك ارسال قالبك على ايميل alb33dani@yahoo.com وسوف اقوم بتركيب الاضافه ان شاء الله
حذفيا اخي لفد تبعت تعليماتك لكن لم يضهر شيى
ردحذفاخي اترك رابط المدونه التي تريد اضافة الاداه لها
حذفرااااااااااااائعه بارك الله فيك
ردحذفمشكور اخي الله يبارك في ايامك
حذفسلام عليكم اخي دا احاول مدتصيل عندي ممكن انت تضيفها
ردحذفرابط تحميل القالب :http://bb.ta7a.com/upfiles/ta7a-jGr43010.rar
وعليك السلام اخي ,, تم اضافة الاداه للقالب
حذفhttps://app.box.com/s/kjea6o4is7chk4a5zr51
يا اخي لفد تبعت تعليماتك لكن لم يضهر شيى www.dhsarabe.com
ردحذفرائع ومبدع كعادتك ولكن انا لدى عدة مدونين عرفنا كبف نجعلها وانا الرئيس فى المدونة فغيرت كلمة محدرة بكلمة مشرف كيف اجعل اى كاتب اخر تطهر له كلمة كاتب بدل محدرة
ردحذفاخي لست متاكد ولكن قم بتجربة الطريقه التالي
حذفاولا قم بالبحث عن الرابط التالي
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>
الان قم بحفظ القالب والمعاينه
رائع ياغالى تحت التجريب
حذفشكرا اخي بارك اللة فبك وبجهودك الرائعة
ردحذفالله يبارك في ايامك اخي شكرا لمرورك
حذفشكرا اخي بارك الله فيك
ردحذفالعفو اخي الله يبارك في ايامك
حذفعن الكاتب موجودة عندي تحت البوست كيف اعدل عليها ؟؟ مدونتي http://mosaid-tech.blogspot.ae/2013/12/2013.html
ردحذفقم بالبحث عن الكود التالي
حذف<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>
قم بحذفها واتسبدلها بكود الاضافه التي في الشرح
يعطيك العافية أخوي .. اذا حذفت الكود يطلعلي
ردحذفحدث خطأ أثناء تحليل XML، في السطر 1602، العمود 3: The element type "b:if" must be terminated by the matching end-tag ""
أخوي جلال ماحليتلي المشكلة ؟.. كيف احذف (عن الكاتب) اللي عندي ؟؟
حذفأخي جلال فعلة كل شيئ لاكنه يظهر فوق الموضوع ارجوك ساعدني
ردحذف=p~
ردحذفاخي جلال اريد منك ان تركب لي التعليقات في قالبي و تظبطه لي
ردحذفو تضيف لي تعريف كاتب الموضوع
ردحذفسوف ارسل لك القالب
ردحذفانا عملت زى ما قولت ولكن لم تظهر
ردحذفقم بالبحث عن الكود التالي
حذف<div class="articleTags" style
والصق كود الاضافه الثاني قبله تماما
لو سمحت ارجوك ;-( انا اريد ان اضيف مدون صديقى الى مدونتى ارجو الرد
ردحذفاذهب الى لوحة تحكم بلوجر خاصتك .. اذهب الى اعدادات .. و من ثم اساسي... و ستجد في (اساسي) شيء اسمه اذونات ... ستجد فيها اظافة مؤلفين
ردحذفشكرا وجزاك الله خيرا
ردحذفالعفو حياك الله اخي
حذفأخي جلال بارك الله فيك وعلى مجهودك الرائع....شرح جميل جدا لكن أخي لم تنفع معي [-( [-(
ردحذفمن فضلك يا جلال انا حاولت بس الاداة مش بتتضاف وعندي مشكلة مع اداة اخر الاخبار وارجوا تلقي الرد من حضرتك
ردحذفالاضافة تعمل عندي ولكن بدون ستايل ما المعمول
ردحذفأخي جلال أنا و صديقي مشرفين في مدونتي و أنا أضع تعريف الكاتب تحت تدويناتي فهو عندما يضع موضوع أو درس تظهر له تعريف الكاتب الخاصة بي .. كيف أصنع له تعريف الكاتب خاصة به هو مع ابقائ تعريفي كما هو ... يعني عندما أضع أنا موضوع يأتي تعريفي .. و هو عندما يضع موضوع تظهر له تعريفه الخاص به . !!!!!
ردحذفاخي حاولت لكن بلا جدوة ;(
ردحذف:>)
ردحذفاخى جلال رجاء اريد التواصل معك للضروره
ردحذفsaramoon1000@yahoo.com
;-(
ردحذفأزال المؤلف هذا التعليق.
ردحذفعفو اخي انا صلاح الدين من اليمن
ردحذفومدونتي هي
http://salah1234.blogspot.com/
بس مافي في قالب مدونتي هذا الكود :-? :-? :-? :-? [-( [-( [-( ;( ;( ;(
]]>
يا اخي لفد تبعت تعليماتك لكن لم يضهر شيى
ردحذفمرحبا اخي عاشت يدك على الاضافة الرائعه ولكن هل يمكنني ازالة الخط الموجود تحت اسم الكاتب ؟؟
ردحذفارجو الرد
مرحبا اخي عاشت يدك على الاضافة الرائعه ولكن هل يمكنني ازالة الخط الموجود تحت اسم الكاتب ؟؟
ردحذفارجو الرد باسرع وقت
السلام عليكم اخي انا عملت الاضافة لكنها لم تظهر
ردحذفhttp://shiite-designer.blogspot.com/
هاذه المدونة
قم بالبحث عن الكود التالي
حذف<div class='postauthor'>
والصق كود الاضافه الثاني فوقه مباشره
اخي جلال ممكن تعمل لنا فيديو تشرح لنا فيه كيف نغير معلومات صاحب القالب -بقلم .....الله اجازيك
ردحذفاخي قمت بما دكرته في موضوعك و لم يحدث شيئ ارجو منك مساعدتي
ردحذفوارجو منك اضافة على الفيسبوك
بارك الله فيك
ردحذف:)
جيد أخي جلال
ردحذفاخى جلال السلام عليكم لو سمحت انا واقع فى مشكلة انا عندى قائمة بها قائمة منسدلة ولكن بها عيب وهوا ان كلما مر الموس على اى قائمة تظهر فى نفس المكان ان اريد منك ان تجعل كل قائمة تندرج تحت كل زر على سبيل المثال من مدونتك عند مرور الموس من على زر اضافات بلوجر يندرج تحتها الاقسام الخاصة بة واذا مررت باموس من على زر قوالب بلوجر يندرج تحتها الاقسام الخاصة بة على عكس مشكلتى كلما مررت بالموس من على اى زر يظهر فى مكان محدد حتى لو كان الزر فى اخر الشريط مثال على هذا قمت بتصوير المشكلة الموجودة عندى فى الصورة التالية .
ردحذفhttp://www3.0zz0.com/2014/07/21/17/595626263.gif
ارجو حل المشكلة فى اقرب وقت ممكن.
اخي يرجى وضع رابط المدونه التي عليها المشكله للمعاينه ومعرفة اين يكمن الخطا
حذفرابط المدونة :- http://www.alkspan.com/
حذفاخى جلال كل سنة وانتا طيب وعيد سعيد عليك وعلى الامة الاسلامية هل مشكلتى السابق لم يوجد لها حل ارجو المساعدة فانا منتظر ردك منذ فترة ولا يوجد اى رد
ردحذفاخي قم بتجربة الاتي
حذفقم بالبحث عن الكود التالي #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;
الان قم بحفظ القالب ومعاينته
اخي جلال ممكن رابط صفحتك الشخصية على الفيس بوك
ردحذفاخي اتبعت كل ماقلته ولم ينجه معي
ردحذفاتبعت ايضاً كل مواضيعك السابقة عن اضافة الكتاب لم ينجح ايضاً
هذه مدونتي al-mojtm3.blogspot.com
ان أمكن ان تضع ايميلك هنا وارسل لك القالب لتصلحه لي وشكراً اخي مدونتك رائعة
أخي الكريم ممكن التعديل في طول هذا السلايدر
ردحذفشكرا
ردحذفلكن لم ينجح ارجور رد علي و قل لي ما الذي علي فعله
ردحذفبارك الله فيك أخي مبدع كالعادة
ردحذفلم اجد
ردحذف;-(