انشاء صفحة أتصل بنا لمدونة البلوجر بشكل إحترافي

هل تريد انشاء صفحة أتصل بنا لمدونة البلوجر ؟ او تبحث عن نموذج اتصل بنا جاهز للبلوجر ؟ اذن اليك طريقة انشاء صفحة أتصل بنا لمدونة البلوجر بشكل إحترافي

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

- الإعلانات -

إن امتلاك صفحة اتصال ذات مظهر احترافي مع نموذج اتصال ، بدلاً من عنصر واجهة مستخدم في الشريط الجانبي أو مجرد رابط “أرسل لي بالبريد الإلكتروني” على الصفحة ، يمكن أن ينقل مدونتك إلى المستوى إحترافي .

لمذا يجب عليك عمل صفحة أتصل بنا لمدونة البلوجر

ان انشاء صفحة اتصل بنا على مدونتك او موقعك لها العديد من الفوائد ومن بينها :

  • تواصل مع قرائك
  • تواصل مع العلامات التجارية والرعاة
  • تواصل مع المدونين الآخرين الذين قد يرغبون في التعاون
  • اكتساب عملاء محتملين إذا كنت تقدم خدمات
  • سهولة قبول موقعك في الادسنس

كيفية انشاء صفحة أتصل بنا لمدونة البلوجر

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

اما الطريقة الثانية و هي التي سنشرحها ، انشاء صفحة اتصل بنا مستقلة و احترافية جدا .

في البداية توجه الى لوحة التحكم في البلوجر > ثم صفحات > ثم انشاء صفحة جديدة ونقر على Html ، كما في الصورة :

 انشاء صفحة أتصل بنا لمدونة البلوجر
انشاء صفحة أتصل بنا لمدونة البلوجر

- الإعلانات -

بعد قم بتسمية الصفحة الى اتصل بنا ، بعد ذلك قم بنسخ الكود التالي و ضع في الصفحة :

<div id="contact-form">
<form name="contact-form">
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" placeholder="الاسم" size="30" type="text" value="" />
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" placeholder="بريد إلكتروني" size="30" type="text" value="" />
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="الرسالة" rows="5"></textarea>
<input id="ContactForm1_contact-form-submit" type="button" value="إرسال" />
<br />
<div style="text-align: center;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
</div>
<style type="text/css">#contact-form{background:#ececec;padding:10px;box-shadow:0 0 0 1px #d9dce1}#ContactForm1_contact-form-name,#ContactForm1_contact-form-email,#ContactForm1_contact-form-email-message{margin:5px auto;border:1px solid #e3e3e3;transition:all .5s ease-out;width:100%;border-radius:10px;padding:8px 15px;margin-bottom:10px;font-family:'bein',Roboto,sans-serif}#ContactForm1_contact-form-submit{border:1px solid #e3e3e3;font:unset;text-shadow:1px 1px 5px #111;font-weight:700;font-size:14px;padding:5px 15px;background-color:#264079;border-radius:5px;color:#fff;font-family:'bein',Roboto,sans-serif;letter-spacing:1px;cursor:pointer}#ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-email-message:focus{outline:none;border-color:rgba(81,203,238,1);box-shadow:0 0 5px rgba(81,203,238,0.7)}.contact-form-error-message-with-border{color:#b90000;font-weight:700}</style>
<script  data-src="https://www.blogger.com/static/v1/widgets/2227587253-widgets.js" type="text/javascript"></script>
<script type="text/javascript">
_WidgetManager._Init('');
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'contact-sec', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'جار&#1613; الإرسال...', 'contactFormMessageSentMsg': 'تم إرسال رسالتك.', 'contactFormMessageNotSentMsg': 'تعذر إرسال الرسالة&#1548; يرجى المحاولة مرة أخرى في وقت لاحق.', 'contactFormInvalidEmailMsg': 'يلزم إدخال عنوان بريد إلكتروني صالح.', 'contactFormEmptyMessageMsg': 'لا يمكن أن يكون حقل الرسالة فارغ&#1611;ا.', 'title': 'نموذج الاتصال', 'blogId': '848973641913846274', 'contactFormNameMsg': 'الاسم', 'contactFormEmailMsg': 'بريد إلكتروني', 'contactFormMessageMsg': 'رسالة', 'contactFormSendMsg': 'إرسال', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
</script>

الان قم بتغير الايدي الذي بالون الاحمر في الكود ستجده بعد blogId الى ايدي مدونتك .

كيفية معرفة الايدي الخاص بدونتك

توجه الى لوحة تحكم البلوجر ، من ثم الى الرابط الذي في المتصفح ، ثم انسخ الارقام التالية :

الايدي الخاص بدونتك
الايدي الخاص بدونتك

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

نموذج انشاء صفحة اتصل بنا على البلوجر
نموذج انشاء صفحة اتصل بنا على البلوجر

بهذه الطريقة سهلة يمكنك انشاء صفحة اتصل بنا لمدونات البلوجر

ان كنت مبتدئ في تدوين على البلوجر اقترح عليك تعلم كيفية كتابة مقالات متوافقة مع محركات البحث ، كما يمكنك العثور على قوالب بلوجر احترافية في هذه التجميعية .

اما ان كنت لا تعرف كيفية انشاء المدونة وتريد البدء فاليك هذا اشرح فيه كيفية انشاء مدونة على البلوجر و ربح منها الاف الدولارات .

في المعموم ان كنت بالتدوين قم بزيارة مواقعنا باستمرار ، كانت هذه هي تدوينة اليوم اتمنى ان اكون قد افدتكم ، ان واجهتك اي مشكلة او تريد الاستفسار فلا تترد في ترك تعليق و سنرد في اقرب واقت ممكن .
دمتم في رعاية الله