احدث طريقة لانشاء صفحة اتصل بنا فى بلوجر
اتصل بنا من أهم الإضافات فى اى موقع على الأنترنت ، الصفحة التى يمكنك من خلالها التواصل مع صاحب الموقع ، واليوم سوف أقدم لكم احدث طريقة لانشاء صفحة اتصل بنا فى بلوجر.
ولقد قمت من قبل بعرض أكثر من موضوع لانشاء صفحة اتصل بنا بأكثر من شكل يمكنك الحصول من هذا الموضوع طريقة انشاء صفحة اتصل بنا تدعم الصفحات المسرعه AMP على الإضافة او من هذا الموضوع انشاء صفحة اتصل بنا بشكل احترافى بالماتيريال ديزاين كذلك على الإضافة ولكن بشكل مختلف.
ولقد قمت من قبل بعرض أكثر من موضوع لانشاء صفحة اتصل بنا بأكثر من شكل يمكنك الحصول من هذا الموضوع طريقة انشاء صفحة اتصل بنا تدعم الصفحات المسرعه AMP على الإضافة او من هذا الموضوع انشاء صفحة اتصل بنا بشكل احترافى بالماتيريال ديزاين كذلك على الإضافة ولكن بشكل مختلف.
بعد ذلك سوف تبحث عن هذا الوسم]]></b:skin>فى مظهر مدونتك وتقوم بوضع الكود التالى فوقه.
لأن قم بحفظ القالب وانتقل الى انشاء صفحة جديده وتقوم بوضع الكود التالى فى وضع HTML كما فى هذه الصورة
<div dir="rtl" style="text-align: right;" trbidi="on">
<form name="contact-form">
<div class="formcolumn1">
<input id="ContactForm1_contact-form-name" name="name" placeholder="الاسم" size="30" type="text" value="" /> </div>
<div class="formcolumn2">
<input id="ContactForm1_contact-form-email" name="email" placeholder="البريد الإلكتروني" size="30" type="text" value="" /> </div>
<div class="formcolumn3">
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="الرسالة" rows="7"></textarea> </div>
<input class="ripplelink" id="ContactForm1_contact-form-submit" type="button" value="ارسال" />
<div style="max-width: 100%; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
<style scoped="" type="text/css">
#ContactForm1,#comments{display:none}
#ContactForm1_contact-form-name,#ContactForm1_contact-form-email{display:inline-block;width:100%;height:auto;margin:10px auto;padding:14px;background:#f4f7f8;color:#222;border:0;transition:all .6s;box-shadow:0 1px 2px 0 rgba(60,64,67,0.302),0 1px 3px 1px rgba(60,64,67,0.149)}
#ContactForm1_contact-form-email-message{width:100%;height:250px;margin:10px auto;padding:14px;background:#f4f7f8;color:#222;border:0;transition:all .6s;box-shadow:0 1px 2px 0 rgba(60,64,67,0.302),0 1px 3px 1px rgba(60,64,67,0.149)}
#ContactForm1_contact-form-submit{background:#f4f7f8;color:#5f6368;font-size:16px;height:45px;float:left;padding:0 30px;margin:10px 0 3px 5px;cursor:pointer;border:none;box-shadow:0 1px 2px 0 rgba(60,64,67,0.302),0 1px 3px 1px rgba(60,64,67,0.149)}
#ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-message{margin-top:35px}
form{color:#888}
.formcolumn1,.formcolumn2{float:left;width:50%}
.formcolumn1,.formcolumn2{margin:0 0 10px 0;padding:0 10px 0 0}
.formcolumn2{padding:0 0 0 10px}
</style>
<script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '6834270398171671909';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d6834270398171671909','//wdbloog.blogspot.com/','6834270398171671909');
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'footer1', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'إرسال...', 'contactFormMessageSentMsg': 'تم ارسال رسالتك.', 'contactFormMessageNotSentMsg': 'لا يمكن إرسال الرسالة. الرجاء معاودة المحاولة في وقت لاحق.', 'contactFormInvalidEmailMsg': 'مطلوب عنوان بريد إلكتروني صالح.', 'contactFormEmptyMessageMsg': 'لا يمكن ترك حقل الرسالة فارغًا.', 'title': 'Contact Form', 'blogId': '6834270398171671909', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'البريد الإلكتروني', 'contactFormMessageMsg': 'الرسالة', 'contactFormSendMsg': 'إرسال', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
//]]>
</script>
</div>
ليست هناك تعليقات:
إرسال تعليق