mawke3ea

إضافة إتصل بنا على بلوجر

نموذج إتصل بنا

أهمية إتصل بنا:

إتصل بنا

طرق إضافة إتصل بنا على بلوجر

أ - إضافة نموذج إتصل بنا الإفتراضي في بلوجر.

ب - إضافة صفحة إتصل بنا.

نموذج إتصل بنا

طريقة تركيب نموذج إتصل بنا الإفتراضي على بلوجر:

ب - طريقة تركيب صفحة إتصل بنا Html:

<div dir="ltr" style="text-align: left;" trbidi="on">

<!-- contact us page by romisya-eservices.blogspot.com --> 

<br />

<div class="romisya-contact-page">

مرحباًً بك .. لأي إستفسارات أو رغبات تفضل بمراسلتنا من خلال نموذج الإتصال التالي:<br />

<center>

<div class="contact-us-page">

<div class="contact-form-widget">

<div class="form">

<form name="contact-form">

<span class="contact-us-text">الاسم</span>

<input autocomplete="off" class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />

<br />

<span class="contact-us-text">بريد إلكتروني <span style="font-weight: bolder;">*</span></span>

<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />

<br />

<span class="contact-us-text">رسالة <span style="font-weight: bolder;">*</span></span>

<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>

<br />

<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="إرسال" />

<br />

<div style="max-width: 222px; text-align: center; width: 100%;">

<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">

</div>

<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">

</div>

</div>

</form>

</div>

</div>

</div>

<br />

تأكد من ظهور "تم أرسال رسالتلك"<br />

</center>

</div>

<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet"></link>

<link href="http://fonts.googleapis.com/earlyaccess/droidarabickufi.css" rel="stylesheet" type="text/css"></link>

<style>

.bloggeram-contact-page {

direction: rtl;

text-align: center;

}

.contact-us-page { 

width:98%; max-width:400px;

}

.contact-us-text { 

float: right;

}

.contact-form-button, .contact-form-button-submit, #ContactForm1_contact-form-submit {

font-family: 'Droid Arabic Kufi';

color: #fff;

background: #111;

border-color: #111;

width: 95%;

height: 45px;

font-size: 1.1em;

}

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

max-width: none !important;

width: 95% !important;

min-height: 40px !important;

font-family: 'Droid Arabic Kufi' !important;

}

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

box-shadow: none;

}

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

box-shadow: none;

outline: none;

}

.contact-form-widget {

width: inherit;

max-width: none !important;

padding: 10px 12px 5px 0px;

font-size: .90em;

}

#ContactForm1_contact-form-submit {

font-family: 'Droid Arabic Kufi', Voces;

color: #fff;

background: #111;

border-color: #111;

width: 95%;

height: 45px;

font-size: 1.1em;

}

#ContactForm1_contact-form-submit:hover {

background: #FFA200;

border: #FFA200;

}

</style><br />

<div dir="rtl" style="text-align: right;">

<br /></div>

<div dir="rtl" style="text-align: right;">

* كما يمكنك مراسلتنا هاتفياً على : 00000000&nbsp;</div>

</div>

أيهما أفضل نموذج إتصل بنا أم صفحة إتصل بنا؟