صورة من الإضافة
إقرأ ايضا : اضافة فتات الخبز Breadcrumb لمدونات بلوجر #2
احدث طريقة لانشاء صفحة اتصل بنا فى بلوجر
سوف تقوم أولا بإضافة نموذج الأتصال من التخطيط فى مدونتك كما فى هذه الصورة ، اما اذا كان الإضافة فى مدونتك من قبل لن تحتاج الى اضافتها من جديد.
بعد ذلك سوف تبحث عن هذا الوسم]]></b:skin>فى مظهر مدونتك وتقوم بوضع الكود التالى فوقه.#ContactForm1,#ContactForm1 br{display:none}
الأن قم بحفظ القالب وانتقل الى انشاء صفحة جديده وتقوم بوضع الكود التالى فى وضع HTML كما فى هذه الصورة
<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<span style="font-size: large;"><span style="font-family: "tahoma"; text-align: start;"><span style="color: #666666;">ارسل لنا مقترحاتك او شكواك او اذا رأيت رابط لا يعمل او واجهتك اي مشكلة فإحكها لنا </span></span></span><br />
<span style="font-size: large;"><span style="font-family: "tahoma"; text-align: start;"><span style="color: #666666;"><br /></span></span></span>
<div style="text-align: start;">
<span style="color: purple; font-family: "tahoma"; font-size: large;"><span style="background-color: cyan;">لا يمكن ارسال طلبات التبادل الإعلاني من هذا النموذج وانما من هذه<a href="http://mo7trfe-pc.blogspot.com/p/blog-page_9.html" target="_blank"> الصفحة</a> </span></span></div>
<span style="font-size: large;"><span style="font-family: "tahoma"; text-align: start;"><span style="color: #666666;"><br /></span></span></span>
<span style="font-size: large;"><span style="font-family: "tahoma"; text-align: start;"><span style="color: #666666;"><br /></span></span></span>
<span style="font-size: large;"><span style="font-family: "tahoma"; text-align: start;"><span style="color: #666666;"><br /></span></span></span>
<br />
<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="ارسال" />
<br />
<br />
<br />
<br />
<br />
<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'] = '218979330938051742';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d218979330938051742','//https://rafekdesigner54.blogspot.com//','7932818675754156001');
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'footer1', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'إرسال...', 'contactFormMessageSentMsg': 'تم ارسال رسالتك.', 'contactFormMessageNotSentMsg': 'لا يمكن إرسال الرسالة. الرجاء معاودة المحاولة في وقت لاحق.', 'contactFormInvalidEmailMsg': 'مطلوب عنوان بريد إلكتروني صالح.', 'contactFormEmptyMessageMsg': 'لا يمكن ترك حقل الرسالة فارغًا.', 'title': 'Contact Form', 'blogId': '7932818675754156001', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'البريد الإلكتروني', 'contactFormMessageMsg': 'الرسالة', 'contactFormSendMsg': 'إرسال', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
//]]>
</script>
تعليقات
إرسال تعليق
=q =w =s =d =f =g =h =t =y =u =z =x =c =v =b =n =m =a =e =r