الخميس، 26 ديسمبر 2013

نموذج اتصال بلوجر المطور

customize blogger email form widget
من الإضافات الحديثة في بلوجر هي اضافة نموذج الإتصال وهي ظهرت منذ حوالي 6 أشهر وفكرت كثيراً قبل ان اتكلم عنها ولكن أحببت أنه عندما اعرضتها يكون الأمر به شئ جديد طبعا تحدثنا من قبل عن نموذج اتصال FoxyForm وساضع مقارنة بسيطة بينهما للتتعرف على مميزات وعيوب كل منهما وتختار ما يناسبك ملحوظة هذه النسخة من الإضافة تنسيق خاص بنا وسيتم شرح طريقة التعديل حتى تصل للنتيجة التي تناسبك لكن قبل المقارنة يمكنك معاينة الإضافة بتنسيقها الخاص بنا من الرابط التالي


المقارنة

البنودنموذج بلوجرfoxyform
دعم اللغة
سهولة التركيب
امكانية تنسق الشكل
تنسيق الرسالة المرسلة
الحماية من السبام عبر كلمة التحقق

طريقة التركيب

قم بالدخول لصفحة التخطيط ثم أضف آداة نموذج الإتصال ستجدها في المزيد من الأدوات

blogger Email form

بعد ذلك قم بالدخول لصفحة تحرير القالب ثم اختار الآداة بالشكل التالي

chose widget

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

remove code

ملحوظة في حالة أن الآداة تحمل رقم آخر غير الرقم واحد أي مثلاً ContactForm2 قم بتغييره الى واحد

آخر جزء في عملية التركيب

ننشئ صفحة ثابته جديد أو ان كانت لديك واحده منشئه
قم بوضع الكود التالي بها بعد أن تحول صندوق المواضيع من وضع تأليف الى وضع Html احذف اى شئ موجود ثم أضف الكود







   

   
   


   
   


   
   


   
   
   


   

   


   


   

   

   




بعض التنسيقات
اللونين #ddd,#fff هما الوان تدرج الخلفية
الرقم 777 هو لون الظل ولون الإطار الخارجي
الكودين الأخضر والازرق هما الوان تدرجات الأزرار يمكنك تغيرهما
وطبعا مع قليل من الخبرة في CSS ستستطيع تنسيقها بشكل أفضل
وبالتوفيق

ليست هناك تعليقات:

إرسال تعليق