طريقة إضافة نموذج اتصل بنا احترافي لمدونة بلوجر
كيفية إنشاء وإعداد صفحة اتصال معنا على مدونة بلوجر ، هل تبحث عن أحدث طريقة لإضافة رمز اتصال احترافي لمدونة بلوجر ، هل لديك مشاكل في تثبيت كود html الخاص بنموذج الاتصال الخاص بنا ، لا تقلق أنك في المكان الصحيح ، سنقدم لك أفضل كود لصفحة الاتصال بطريقة احترافية وفريدة من نوعها وسنعرض لك جميع الطرق لحل مشاكل صفحة الاتصال التي يواجهها المستخدمون.
ماهي أهمية صفحات التواصل معنا على Blocher :
طريقة إضافة أكواد صفحة أتصل بنا :
- أضف نموذج اتصال اتصل بنا للتأكد من أنك أضفت نموذج اتصال إلى مدونتك ، وتعرف على كيفية إضافة نموذج اتصال ، وافتح لوحة Blogger ، وانقر فوق تخطيط أو تنسيق ، وانقر فوق إضافة. أداة ، ثم حدد إضافة جهة الاتصال.
- بمجرد إضافة نموذج الاتصال إلى متصفح المدونة ، يجب عليك إدخال رمز html أسفل علامة <head> ، حيث يساعد هذا الرمز في إخفاء نموذج الاتصال منا في الصفحة الأولى من مدونتنا ويقتصر على المظهر فقط في تلك الصفحة. اتصل بنا.
- إذا كنت قد أضفت مسبقًا عنوان اتصال إلى مدونتك ، فقد تحتاج إلى إدخال رمز لإخفاء نموذج الاتصال. فيما يلي خطوات إضافة رمز لإخفاء نموذج جهة اتصال ، انقر أولاً على "المظهر" في لوحة تحكم Blogger ، ثم انقر فوق الخيار "تحرير HTML" ، ثم أدخل رمز CSS للعثور على تسمية "العنوان". لإخفاء صفحة جهة الاتصال أدناه من الصفحة الرئيسية ، ستظهر صفحة جهة الاتصال فقط.
كود CSS .
<style type=’text/css’>#ContactForm1,#ContactForm1 br{display:none}</style>
كيفية إنشاء صفحة متعلقة بنا في مدونة blogger ، انتقل أولاً إلى لوحة تحكم Blogger الخاصة بمدونتك وانقر فوق قائمة الصفحة ، ثم انقر فوق الزر "إنشاء صفحة جديدة" وحدد اسم الصفحة المناسب. "اتصل بنا - اتصل بنا - نموذج الاتصال" ، ثم حدد HTML HTML وأضف الكود أدناه إلى علامة التبويب HTML.
كود HTML هنا .
<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><div class=”formcolumn4″><input class=”ripplelink” id=”ContactForm1_contact-form-submit” type=”button” value=”إرسال” /></div><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><script src=”https://www.blogger.com/static/v1/widgets/2271878333-widgets.js” type=”text/javascript”></script><style scoped=”” type=”text/css”>#ContactForm1,#comments,.post-body form.paypalpay br{display:none}.post-body form.paypalpay{margin:0;text-align:center}#ContactForm1_contact-form-name,#ContactForm1_contact-form-email{font-family:’Quicksand’,sans-serif;display:inline-block;width:100%;height:auto;margin:10px auto;padding:14px;background:#fff;color:#222;border:1px solid rgba(0,0,0,0.08)}#ContactForm1_contact-form-email-message{font-family:’Google Sans’,sans-serif;width:100%;height:250px;margin:10px auto;padding:14px;background:#fff;color:#222;border:1px solid rgba(0,0,0,0.08)}#ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-email-message:focus{background:#fff;outline:none;border-color:rgba(0,0,0,0.18)}#ContactForm1_contact-form-submit{font-family:’Quicksand’,sans-serif;background:#fff;color:#5f6368;font-size:16px;width:161px;height:45px;float:left;padding:0 0 0 20px;margin:10px 0 3px 5px;cursor:pointer;border:none;border-radius:24px;box-shadow:0 1px 2px 0 rgba(60,64,67,0.302),0 1px 3px 1px rgba(60,64,67,0.149);transition:box-shadow .08s linear,min-width .15s cubic-bezier(0.4,0.0,0.2,1)}.formcolumn4{position:relative}.formcolumn4:before{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaV84j4qU1a7xzo349U0UnL3GEF9p8rJKICgcI1yF7uke0f2hRYCD-oXkFUf2mKciY4XsbbqJHWtdD6wAj8FiFIopxuChyphenhyphen9vZJephz8qnjz4CvBheB23SdEA46VXhAdAIdeW2y8zuWCfew/s1600/mailme.png);background-position:center;background-repeat:no-repeat;background-size:20px;content:”;display:block;height:63px;width:32px;position:absolute;z-index:1;left:15px;top:0}#ContactForm1_contact-form-submit:hover{background:#fafafb;box-shadow:0 1px 3px 0 rgba(60,64,67,0.302),0 4px 8px 3px 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}@media only screen and (max-width:768px){.formcolumn1,.formcolumn2{width:100%;padding:0}}
</style>
تحميل الاكواد هنا .
إلى هنا دمتم في حفظ الله ورعايته كان معكم 3MO TV .
تعليقات
إرسال تعليق