معهد خبراء بلوجر - تنسيق وتخصيص شكل نموذج اتصل بنا في بلوجر

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

كما في الصورة التالية
http://1.bp.blogspot.com/-GTeZEYxdMk...Jo/s1600/1.jpg

بعد هذا توجه الى لوحة التحكم ثم تحرير Html
واضف الكود التالي قبل الوسم ]]></b:skin>

كود بلغة HTML:

  .contact-form-name, .contact-form-email, .contact-form-email-message, .contact-form-widget {

max-width: none;

margin-bottom: 15px;

}

.contact-form-name, .contact-form-email, .contact-form-email-message {

background-color: #fff;

border: 0;

}

.contact-form-widget .form {

}

.contact-form-button-submit {

max-width: none;

width: 100%;

height: 35px;

border: 0;

background-image: none;

background-color: #1babbc !important;

cursor: pointer;

font-family: GESSTwoMediumRegular;

font-style: normal;

font-weight: 400;

}

.contact-form-name:focus, .contact-form-email:focus, .contact-form-email-message:focus {

border: 0;

box-shadow: none;

}

.contact-form-name:hover, .contact-form-email:hover, .contact-form-email-message:hover {

border: 0;

}

.contact-form-button-submit:hover {

background-color: #222;

background-image: none;

border: 0;

}

 -----end code by ebd3h.blogspot.com------------

استبدل ما باللون الأزرق بلون الزر المناسب ..
لمزيد من التفاصيل ..
http://ebd3h.blogspot.com/2014/06/new-conect-form.html