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

بسم الله و الحمد لله و الصلاة و السلام على خير خلق الله محمد الأمين.
السلام عليكم و رحمة الله.
في الفترة الأخيرة أقبل علينا بلوجر 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;
}