افضل طريقه لإضافة تعريف كاتب الموضوع لمدونات بلوجر باحترافيه
بسم الله والصلاة والسلام على رسول الله , السلام عليكم اخواني اخواتي متابعي مدونة جلال البعداني . سنتطرق اليوم في هذه التدوينه الى كيفية اضافة تعريف كاتب الموضوع لمدونات بلوجر بطريقه عصريه جدا واحترافيه , طبعا الطريقه جديده وسهله جدا فهي تعتمد على قطعة مولد الاكوادGenerate code والذي يسهل عملية تخصيص الاضافه لتتناسب مع اي مدونه , تتميز هذه الاضافه انها جديده من نوعها وحصريه ف بالاضافه الى تعريف الكاتب يوجد في نفس القطعه ادوات المتابعه عبر مواقع التواصل الاجتماعي فيس بوك وتويتر وجوجل بلس و فيدبرنر . اضافة الى الاشتراك بالقائمه البريديه ..لا اطيل عليكم اترككم مع الاضافه
الخطوه الثانيه(اضافة الاكواد الى المدونه)
1- انتقل الى لوحة التحكم مدونتك -> قالب -> تحرير HTML ->
كيفية اضافة هذه الاداه الى مدوناتكم
الخطوه الاولى (تخصيص قطعة مولد الاكواد)-
ادخل رابط صفحتك على فيس بوك
- ثم ادخل اسم حسابك على التويتر
- ادخل الايدي الخاص بحسابك في جوجل بلس
- ثم ادخل اسم حسابك على فيدبرنر
- ثم اكتب وصف قصير عن كاتب التدوينه
- الان رابط صورة الكاتب
- ثم قم بتخصيص الالوان حسب رغبتك
- الان قم بالضغط على زر “Generate code” لتوليد الكود
- الان يمكنك استعراض الاداه قبل اضافتها الى مدونتك بالنقر على زر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′>
:)
ردحذف@maroc soft :(( ;))
ردحذفماذا أفعل إذا لم أجد الكود الثاني؟
ردحذفوانا ايضا لم اجده ولم يظهر معي
حذفصديقي اهنيك عالمدونة الاكثر من رائعة ولكن عندي طلب صغير .. ممكن تعلمني كيف تحط الظل ورا النص في مدونتك ؟؟
ردحذف@Mahmoud Ahmed
ردحذفاذا لم تجده ابحث عن
<p class='post-footer-line post-footer-line-1'>
او
<div class='post-footer-line post-footer-line-1'>
@غير معرف
ردحذفمشكور اخي على مرورك العطر
ممكن رابط مدونتك للمعاينه (للاهميه)
وان شاء الله سوف اعطيك كود بسيط وسهل جدا لاضافة ظل وراء النص
اخي عملت كل شيء لكن ونسخت الاكواد صح
ردحذفلكم لم تظهر في المدونة
وايضا اخدذت اضافات اخر كتابعني علي الفيس ولكنها لا تظهر ايضا
ارجوك علما باني قمت بتنزيل مجونة المحترف
@mohamed romeh
ردحذفاخي الكريم اذا كنت تستخدم قالب مدونة المحترف قم بتطبيق نفس الخطوات مع تغيير الخطوه الاخيره فقط
يعني
قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)
</head>
ثم قم بنسخ الكود الذي ظهر في داخل مستطيل ccs والصقه قبل </head> تماما
الان قم بالبحث عن الكود التالي
<div id='related-posts'>
قم بنسخ الكود الذي ظهر داخل مستطيل html في قطعة مولد الكود والصقه قبل هذا الكودتماما <div id='related-posts'>
وان شاء الله سوف تظهر معك الاضافه
وبالنسبه لكود معجبي صفحتك على الفيس بوك
قم بالبحث عن <div id='related-posts'>
والصق كود الفيس بوك قبله تماما
شكراا
ردحذف@Islam Lameche
ردحذفالعفو اخي شكرا لمروروك
مدونتك أبهرتني :>)
ردحذف:)
حذفمشكور اخي اسعدني كلامك وان شاء الله اكون عند حسن ظنك
حذفالسلام عليكم يا أخي، لقد حاولت تركيب اضافتك الطيبة ولكنها لم تعمل!
ردحذفhttp://shawkynasr.blogspot.com
@Shawky nasr
ردحذفاخي الكريم اذا لم تظهر معك الاضافه قم بتطبيق نفس الخطوات مع تغيير الخطوه الاخيره فقط
يعني
قم بالبحث عن الكود التالي
</head>
ثم قم بنسخ الكود الذي ظهر في داخل مستطيل ccs والصقه قبل </head> تماما
الان قم بالبحث عن الكود التالي
<div id='related-posts'>
قم بنسخ الكود الذي ظهر داخل مستطيل html في قطعة مولد الكود والصقه قبل هذا الكودتماما <div id='related-posts'>
وان شاء الله سوف تظهر معك الاضافه
شكرًا يا أخي سؤال آخر بالنسبة لتصميم الافاتر Avatar لك؟ ممكن اعرف من المصمم له وبأي برامج تم صنعه؟
ردحذف@Shawky nasr
ردحذفعن طريق هذا الموقع
http://www.faceyourmanga.com/editmangatar.php
شكرًا جزيلا :)
حذفبالنسبة لكود الاضافة حاولت كثيرًا وضع الكود ولكنه لا ينجح
headالكود بضع هناك بالضبط
**********************
Shawky nasr@
حذفاخي الكريم انا جربت الكود على نفس القالب الذي تضعه في مدونتك وظهرت الاضافه بدون اي اخطاء
عموما يمكنك ارسال قالبك على ايميليalb33dani@yahoo.com وساقوم بتركيب الاضافه على القالب
حنى انا وقع لي نفس المشكل
ردحذفقم بتطبيق نفس الخطوات مع تغيير الخطوه الاخيره فقط
حذفيعني
قم بالبحث عن الكود التالي
</head>
ثم قم بنسخ الكود الذي ظهر في داخل مستطيل ccs والصقه قبل </head> تماما
الان قم بالبحث عن الكود التالي
<div id='related-posts'>
قم بنسخ الكود الذي ظهر داخل مستطيل html في قطعة مولد الكود والصقه قبل هذا الكودتماما <div id='related-posts'>
وان شاء الله سوف تظهر معك الاضافه
مش عاوزة تشتغل الاضافة عندى
ردحذفاضف الكود الثاني الذي ظهر في مستطيل الـhtml في مولد الكود
حذفقبل هذا الكود
<div class='footermasher'>
وسوف تظهر الاضافه ان شاء الله
الاضافة بردو مش عاوزة تظهر عندى
حذفاخي الكريم انا جربت الكود على نفس القالب الذي تضعه في مدونتك وظهرت الاضافه بدون اي اخطاء
حذفعمومايمكنك ارسال قالبك على ايميلي alb33dani@yahoo.com وساقوم بتركيب الاضافه على القالب
أزال المؤلف هذا التعليق.
ردحذفلو سمحت أريد طريقة لحذف اسم الكاتب و التاريخ و ملف التعريف في مدونة بلوجر
ردحذفممكن رابط المدونه الذي تريدي حذف هذه الادوات منها
حذفوذلك للمعاينه
او ارسلي القالب على هذا الايميل alb33dani@yahoo.com وسوف اقوم بتعديله ان شاء الله
حذفأزال المؤلف هذا التعليق.
ردحذفلقد أرسلت لك القالب شكرا لك أخي الكريم
ردحذفتم التعديل على القالب وارساله على ايميلك اختي
حذفاتمنى لكي التوفيق
أزال المؤلف هذا التعليق.
ردحذفأزال المؤلف هذا التعليق.
حذفممكن اخى العزيز ابعتلك القالب بتاعى وانت تضيفها لانى اتبت كل الخطوات ولكن مش بيظهر
ردحذفمدونتى
egnology.blogspot.com
جلال css هذا شنو
ردحذفccs ما هذاااا
ردحذفاخي هذا اقصد به المربع الذي في مولد الاكود في الشرح اعلى قم بوضعه قبل وسم ال head
حذفقمت بكل الخطوات كما يجب للاسف لم يظهر اي شيئ www.dhsarabe.com
ردحذفالصق الكود الثاني قبل الوسم التالي
حذف<div class='postmeta-secondary'>
تمت الاضافة بنجاح مشكور على رد السريع الخدمة رائعة www.dhsarabe.com
ردحذفالعفو اخي (h) (h) (h) شكرا لمرورك
حذفمشكوووور أخي لكن عندما أبحث عن الكود الكود الثاني في html لا أجد شيئا ما السبب ؟
ردحذف؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟
ردحذفاخي اذا لم تجد الكود السابق الخاص باضافة html فقم بالبحث عن الكود التالي
حذف<div class='post-footer'>
والصق كود الاضافه بعده تماما
جربت الطريقة لكن يوجد مشكلة .. شوف الصورة في الرابط
ردحذفhttps://fbcdn-sphotos-a-a.akamaihd.net/hphotos-ak-prn1/560145_438091559625503_1876186415_n.jpg
اخي هذه اضافه مدمجه مع القالب يمكنك التعديل عليها بالبحث عن الكود التالي
حذف<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>
قم بالتعديل عليه حسب رغبتك او قم بحذف الكود السابق واستبدله بكود الاضافه التي في الموضوع
أزال المؤلف هذا التعليق.
ردحذفشكرا لك ... ماهي طريقه اضافه هذه الاضافه مع اكثر من من ادمن
ردحذفما ظهر عندي ليش :-s
ردحذفاخيرا ضهر :-d عندي شكراااا =))
ردحذف(h) (h) (h) (h) رائع بالتوفيق
حذفممكن تعطوني كود الابتسامات دول cheer (o) كل الابتسانات قصدي
ردحذفقمت بكل الخطوات كما يجب للاسف لم يظهر اي شيئwww.boztube.blogspot.com
ردحذفقم البحث عن الكود التالي والصق كود ال html بعده مباشره <div class='post-footer'>
حذفاخي مدونتي تحتوي على العديد من المؤلفين كيف اجعل كل مؤلف يظهر التعريف الخاص به
ردحذفقمت بتطبيق الخطوات ولكن الصورة لم تظهر انا كنت رافع الصورة على مركز الخليج . هل فيه موقع معين لازم ارفع عليه الصورة ؟
ردحذفأخي الحبيب .. أنا حمزة من المغرب وتشرفت بمعرفة مدونتك الراائعة .. وأثناء تصفحي لمدونتك وجدت هذه الإضافة المذهلة .. لكن حاولت مرارا وتكرارا ولم تشتغل معي لأسف [-( ..
ردحذفأخي العزييز ممكن تعطيني لإيميلك حتى أرسل لك قالبي وتضيف عليه هذه الإضافة :-? ... وشكراااا أتمنى لك التوفييق ... (h) (k)
ممكن أخي العزيز طريقة حذف وصف الكاتب تماما
ردحذف