القائمة الرئيسية

الصفحات

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



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

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


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

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


معاينة

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




إقرأ ايضا اضافة فتات الخبز 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: &quot;tahoma&quot;; text-align: start;"><span style="color: #666666;">ارسل لنا مقترحاتك او شكواك او اذا رأيت رابط لا يعمل او واجهتك اي مشكلة فإحكها لنا&nbsp;</span></span></span><br />
<span style="font-size: large;"><span style="font-family: &quot;tahoma&quot;; text-align: start;"><span style="color: #666666;"><br /></span></span></span>
<div style="text-align: start;">
<span style="color: purple; font-family: &quot;tahoma&quot;; font-size: large;"><span style="background-color: cyan;">لا يمكن ارسال طلبات التبادل الإعلاني من هذا النموذج وانما من هذه<a href="http://mo7trfe-pc.blogspot.com/p/blog-page_9.html" target="_blank">&nbsp;الصفحة</a>&nbsp;</span></span></div>
<span style="font-size: large;"><span style="font-family: &quot;tahoma&quot;; text-align: start;"><span style="color: #666666;"><br /></span></span></span>
<span style="font-size: large;"><span style="font-family: &quot;tahoma&quot;; text-align: start;"><span style="color: #666666;"><br /></span></span></span>
<span style="font-size: large;"><span style="font-family: &quot;tahoma&quot;; 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>


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


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

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



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

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

تعليقات

التنقل السريع