Wednesday, 29 May 2013

بلوجر تطلق نمودج اتصل بي Contact US رسميا في مدونات بلوجر

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

اليوم جأت لكم بأداة جديدة من بلوكر وهي contact US اتصل بي 
 هده الأداة الرائعة التي تمكن زوار ومتابعي مدونتك من التصال بك بسهولة جدا

ادن فل ننطلق في الشرح :

أولا ادهب الى مدونتك ومن تم الى تخطيط تم اضافة أداة كما في الصورة ونضغط
على المزيد من الأدوات 

ومن تم نجد الأداة ونضغط عليها كما في الصورة
ومن تم نضغط حفض

وهدا نمودج حي من المودنة 
وبامكانك أيضا عمل هده الأداة في صفحة من خلال الدهاب الى الصفحات ومن تم تدهب الى اضافة صفحة فارغة وتضغط Html وتضع الكود التالي : 

<div class='form'>
<form name='contact-form'>
<p/>
<data:contactFormNameMsg/>
<br/>
<input class='contact-form-name' expr:id='data:widget.instanceId + &quot;_contact-form-name&quot;' name='name' size='30' type='text' value=''/>
<p/>
<data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
<br/>
<input class='contact-form-email' expr:id='data:widget.instanceId + &quot;_contact-form-email&quot;' name='email' size='30' type='text' value=''/>
<p/>
<data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>
<br/>
<textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + &quot;_contact-form-email-message&quot;' name='email-message' rows='5'/>
<p/>
<input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + &quot;_contact-form-submit&quot;' expr:value='data:contactFormSendMsg' type='button'/>
<p/>
<div style='text-align: center; max-width: 222px; width: 100%'>
<p class='contact-form-error-message' expr:id='data:widget.instanceId + &quot;_contact-form-error-message&quot;'/>
<p class='contact-form-success-message' expr:id='data:widget.instanceId + &quot;_contact-form-success-message&quot;'/>
</div>
</form>
</div>
</div>

أتمنى أن يكون الموضوع قد أفادكم 
في موضوع أخر ان شاء الله 



0 comments:

Post a Comment