احدث طريقة لانشاء صفحة اتصل بنا فى بلوجر

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

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


احدث طريقة لانشاء صفحة اتصل بنا فى بلوجر

معاينة الإضافة



صورة من الإضافة




إقرأ ايضااضافة فتات الخبز Breadcrumb لمدونات بلوجر #2

احدث طريقة لانشاء صفحة اتصل بنا فى بلوجر


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



بعد ذلك سوف تبحث عن هذا الوسم]]></b:skin>فى مظهر مدونتك وتقوم بوضع الكود التالى فوقه.

#ContactForm1,#ContactForm1 br{display:none}

الأن قم بحفظ القالب وانتقل الى انشاء صفحة جديده وتقوم بوضع الكود التالى فى وضع 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>



وسوف تقوم بجعل الأعدادت كما فى هذه الصورة.


إقرأ ايضاكيفية تمكين الإصدار الجديد من Gmail

وقبل حفظ الصفحة سوف تقوم فى الصفحة بالبحث عن هذا الكود6834270398171671909بعد وضع الأكواد فى الصفحة ، وتقوم بتغيير بـ blogID الخاص بمدونتك كما فى هذه الصورة سوف تعرف المعرف ، وكذلك سوف تقوم بتغيير رابط مدونتي wdbloog.blogspot.com برابط مدونتك



بعد ذلك سوف تقوم بحفظ الصفحة ومبروك عليك.

هذا كل شئ فى موضوع اليوم بالتوفيق للجميع وأنتظرونا بكل جديد بأذن الله على المدونة ، لا تنس مشاركة الموضوع حتى يتسفيد غيرك وأى مشكلة تجدها تضعها فى تعليق .

هناك تعليقان (2) :

ممكن تعلمنا إزاي نعمل زووم للصور ال موجود عندك على الصفحة الرئيسية