إنشاء نموذج اتصال احترافي لمدونات بلوجر

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

معاينة

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

الآن سوف تحتاج إلى إنشاء صفحة ثابتة حيث سنقوم بإضافة التعليمة البرمجية HTML للنموذج اتصال جديدة.

1. الذهاب إلى Blogger> الصفحات
2. اختيار صفحة فارغة
3. اعطائها أي عنوان تريد. أوصي "اتصل بنا"
4. التبديل إلى وضع HTML ولصق رمز HTML التالي داخله:

   

   

   

   

   
   

   

   
   

   

   
   

   
   

   
   
   

   
   

   

   

   

   

   
   

تخصيص النموذج:

الذهاب إلى Blogger> قالب
النسخ الاحتياطي لديك
انقر على "تحرير HTML"
ابحث عن الوسم   و اضف الكود التالي فوقه

 


     
 
   

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

اهم الملاحظات حول الكود

لتغيير الوان الازرار ابحث عن .mudwnp-button-color و قم بتغيير الارقام اسفله
لتغيير لون الزر عند مرور الماوس .mudwnp-button-color:active و قم بتغيير الارقام اسفله
لتغيير لون الزر عند مرور الماوس .mudwnp-button-color:hover و قم بتغيير الارقام اسفله

من يواجه مشكلة مع الاضافة فليترك تعليق و سوف يتم حلها

مدونة مدون محترف 

في امان الله