| 52 تعليقات ]

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

1 - طريقة تركيب إضافة المتابعة بالبريد الإلكتروني.

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


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

2 - طريقة تخصيص إضافة المتابعة بالبريد الإلكتروني.
 
  • استبدال عبارة Submit بأخرى مناسبة.
لاستبدال هذه العبارة بأخرى مناسبة نتوجه بعد تركيب الإضافة إلى صفحة " تحرير HTML " و نحمل نسخة احتياطية من القالب ثم نضع علامة في خانة توسيع القوالب و نبحث عن الكود الآتي و نستبدل العبارة الملونة بالأحمر بأخرى أنسب.

<input class='follow-by-email-submit' type='submit' value='Submit'/>

  • و وضع صورة مكان الزر الافتراضي
ما عليك سوى استعمال الكود الآتي بدل الأول مع تعديل رابط صورة الزر.

    <input class='follow-by-email-submit' src='رابط صورة الزر' type='image' />
    

    • تغيير عبارة Email adress ... 
    لتغيير هذه العبارة التي تختفي بمجرد الضغط على في مستطيل إدخال البريد، ابحث عن الكود الآتي و غير ما لون بالأحمر.

      <input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/>
      

      • تخصيصات CSS إضافية
      و لمزيد من التخصيص يمكن استعمال أكواد CSS الآتية و تخصيصها كما في هذا المثال.
      تحياتي!

        .FollowByEmail .follow-by-email-inner .follow-by-email-address {
                 border:1px solid black;
                 background-color:#A6BEDE;
        }
        .FollowByEmail .follow-by-email-inner .follow-by-email-submit {
                 border:1px solid black;
                 background-color:#A6BEDE;
        }
        


        التعليقات : 52

        أبو معاذ

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

        Elosaily

        موضوع مميز
        تسلم ايدك

        maram

        شكرا جزيلا

        عزيز

        تشكر اخي محمد على الشرح المميز

        قوالب بلوجر معربة

        عودة حميدة أخي الغالي محمد ..

        مدونة خالد

        تدوينة رائعة كما عودتنا أخ ذؤيب .. اﻹضافة هامة جدا ومفيدة

        zakri

        بارك الله فيك يا أستاذنا محمد
        لا تحرمنا من جديد دروسك
        وفقك الله


        http://afa9maroc.blogspot.com/

        Jaser Alharbi

        السلام عليكم

        عوداً حميداً إن شاء الله ، حضورك واستمراريتك أمر مهم ..

        ملاحظة: لعلك تصحح الخطأ في صفحة " فهرس المدونة "

        تحاياي

        مهاجره بإحساس

        اشكرك اخوي الكريم

        تحيتي لك

        ANDCM BEN-GUERIR

        جعله الله في ميزان حسناتك لقد استفدت منك كثيرا اخي بارك الله فيك
        http://andcmbg.blogspot.com

        Zyia

        اشكرك أستاذ محمد على هذه الشرح .

        لقد أضفت هذه الأداة تجريبياً.

        س : هل من الممكن أعرف المشتركين في هذه الخدمة ؟

        محبتي

        منير

        شرح رائع أخي الكريم أصبحت تبهرنا كما تبهرنا بلوغر بإضافاتها.

        تحياتي لك

        غير معرف

        الحمد الله على السلامة ذؤيب لقد مر وقت طويل من دون تدويناتك المميزة .

        غير معرف

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

        غير معرف

        شرح مميز شكرا اخي الكريم
        http://kalam-njom.blogspot.com/

        أبومسلم

        جزاك الله خيرا

        Yousef Zatari

        موضوع رائع , بس عندي سؤال : كيف بدي أخلي المواضيع إلي بتصل على الإيميل مش كاملة يعني بس يصل أول 50 كلمة و الباقي يذهب إلى المدونة ليراه

        تحياتي
        -------------
        يوسف الزعتري
        مالك مدونة ربحك أون لاين

        Mohaned Magdy

        أشكرك على موضوعاتك المتميرزة

        http://hdfna.blogspot.com

        أمال

        جزاك الله خيرااا

        مملكة الحب

        توبيكات
        برامج
        صور
        العاب

        diy

        شكرا على مجهوداتك الرائعة أخي

        مدونة كن داعيا للخير

        شكرا جزيلا
        سيتم التطبيق بإذن الله على مدونتى

        بث مباشر

        شرح مميز جدا
        بارك الله فيك

        مدونة اطايب

        جزاك الله خيرا
        تم التطبيق
        http://atayb.blogspot.com/

        Blog4temp

        تمت الاضافة و التعديل
        شكرا لك

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

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

        هيونداى

        تويوتا

        بيجو

        بوهني عبد الله Bouhenni Abdallah

        يشكركم على المجهودات

        مدونة العقل الحر

        شكراااااااااااااا

        admin

        مشكوووووووووووووووووووور

        http://top-new-now.blogspot.com/

        غير معرف

        لو سمحت بالله عليك تكلمنى على الاميل دا hoda_joker80@yahoo.com بالله عليك فى اسرع وقت

        سيف الدين

        تشكر على الشرح الرائع

        مدونة سعيد

        شرح مميز جدا

        اخبار اليوم

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

        egtot.com

        شكرا لك على موضوعاتك الجميلة والمدونة الرائعة

        غير معرف

        تم عمل الاضافة

        http://we-men.blogspot.com/

        Unknown

        بارك الله فيك أخي
        لكن هل يمكنك شرح طريقة اضافة صورة رسالة و كتابة فوق مثل الي عندك في المدونة
        تحياتي
        www.efada.net

        Unknown

        كيف اين أضع الرابط الذي به صورة الزر

        entrümpelung wien

        شكرا على الموضوع
        entrümpelung
        umzug
        Räumung
        Kleintransport Wien
        Wohnungsräumung Wien
        botendienst Wien

        Ell top

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

        ستارت كاش

        شكراا اخى على الشرح الجميل ده

        Unknown


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

        Unknown


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

        وظائف خالية

        شكرا لك أخي


        اسمايلات الفيسبوك - facebook smileys chat

        ستارت كاش

        شكرا اخى

        Mahmoud Abdelhadi

        بارك الله فيك
        th3giant.blogspotcom

        Unknown

        شكرا بارك الله فيك
        http://egypt-arabs.blogspot.com/

        غير معرف

        http://www.weebtek.com/

        غير معرف

        http://yearstravel.blogspot.com/

        Unknown

        oui قالب الحمراوي للمعلوميات بالمجان
        http://elhbrahim.blogspot.com/2015/06/blog-post_8.html

        Teck Talk

        مدونة تك توك

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

        أكثر من رائع تسلم أخي

        إرسال تعليق


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

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

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