أخر الاخبار

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

AI Text Reading

AI Text Reading

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

كيفية الاستخدام:
  • اختيار اللغة والصوت، ثم النقر على زر القراءة.
  • او قم بتشغيل زر الوضع المتقدم والنقر بزر الماوس على اى نص ليتم قراءته.

|Designed - Developed by - Alkoptan Tech

يعد وجود نموذج اتصال بلوجر مصمم بشكل جيد أمر مهم في جميع المدونات والمواقع. تلك الأداة هي التي تمكن زوار مدونتك من الاتصال بك للتواصل، اليوم سأستعرض معكم أفضل نماذج صفحة اتصل بنا في بلوجر / Blogger.


كود صفحة اتصل بنا بلوجر Contact US Page Code

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

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

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

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

في التحديثات الأخيرة لمنصة بلوجر توقفت أداة نموذج الاتصال الرسمية في أغلب المدونات وتوقفت معها صفحة الاتصال بالقالب أيضاً لأنها تعتمد على كود الأداة الرسمية.

وهذا ما جعلني أشارك معكم تلك المقال يمكنك الآن التخلص من مشكلة توقف "أداة اتصل بنا"، واختيار نموذج جديد لحل المشكلة جمعت لك 7 نماذج يمكنك استخدمها لإنشاء صفحة اتصل بنا احترافيه.

"نموذج اتصال بلوجر / Blogger" يُمكن الزوار من الاتصال بك وهي ميزة لا غنى عنها لكل مدون. صفحة اتصل بنا توفر عليك عرض عنوان بريدك الإلكتروني بشكل مباشر وتساعدك على تلقى الرسائل بشكل اسهل واسرع.



لماذا يجب "استخدام نموذج اتصال في بلوجر"؟

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

  • أستلام رسائل البريد على الفور عند نقر الزائر على إرسال.
  • الأمان والموثوقية لأنه هو النموذج الرسمي الذي طورته Blogger. لتسهيل الاتصال دون الحاجة لجهات خارجية.
  • سهولة تواصل الزائر بطرح الأسئلة بشأن مقالاتك أو خدمة تقدمها.
  • إذا كنت تقدم خدمات بمدونتك سيتمكن المستخدم من طلب المزيد من التفاصيل عن طريق "صفحة اتصل بنا".
  • يمكن للزوار التعليق بسهولة على منشوراتك من خلال ترك ملاحظاتهم وطلب المزيد من خلال "نموذج الاتصال" الخاص بك. 



كيفية إضافة أداة نموذج الاتصال في بلوجر / Blogger

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

سجل الدخول لمدونة بلوجر الخاصة بك  ثم انتقل إلى التنسيق > انقر فوق إضافة أداة في القائمة الجانبية > استمارة التواصل > ثم انقر فوق حفظ. كما موضح بالصورة التالية

كيفية إضافة أداة نموذج الاتصال في Blogger



حل مشكلة صفحة اتصل بنا في بلوجر / Contact us in Blogger

بعد إضافة نموذج الاتصال في الخطوة السابقة، يجب إخفائه بحيث يظهر فقط في الصفحة الثابتة. حتى يتم حل مشكلة أداة اتصل بنا:
  1. انتقل إلى لوحة مدونتك ثم المظهر واضغط على الزر "تعديل HTML". بمجرد فتح محرر التعليمات البرمجية للقالب، انقر في الكيبورد على CTRL + F لفتح مربع البحث.
  2. اكتب العلامة التالية داخل مربع البحث واضغط على على زر Enter.
]]></b:skin>
الآن بعد الوصول للعلامة  ]]> </ b: skin> فوقها مباشرةً أضف شفرة CSS التالية.
#ContactForm1{display: none !important;}

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



إنشاء صفحة اتصل بنا في بلوجر / Blogger في صفحة ثابتة

الآن بعد أن قمنا بتمكين وظيفة "نموذج الاتصال"، سنضيف نموذج الاتصال في صفحة ثابتة بمدونة بلوجر الخاصة بك.

إنشاء صفحة اتصل بنا في بلوجر / Blogger في صفحة ثابتة

لإضافة "نموذج اتصال مخصص في بلوجر" / Blogger في صفحة ثابتة اتبع الخطوات التالية:

  1. انتقل إلى "الصفحات" وانقر فوق زر "صفحة جديدة". إذا كان لديك بالفعل "صفحة اتصل بنا"، فقط انقر فوق "تحرير".
  2. اكتب عنوان الصفحة - "تواصل معانا" أو "Contact US"
  3. غير من وضع الإنشاء لعرض HTML، لتضيف كود نموذج اتصل بنا المخصص لمدونة بلوجر.
  4. قم بتغير إعدادات الصفحة لاختيار عدم عدم السماح بالتعليقات أو إخفائها ثم انقر حفظ.

7 نماذج مخصصة لصفحة اتصل بنا في بلوجر / Blogger. اختار ما يناسبك، وانسخ الكود، ثم الصقه داخل مربع HTML لمحرر صفحتك. يمكنك استخدام تلك الرموز على أي قالب بلوجر تستخدمه فهي متوافقة تماماً وستحل لك المشكلة التي ظهرت مؤخراً في "أداة التواصل لمنصة بلوجر". ولا تحتاج تعديل شيء كل كود مصمم ليرتبط بالبريد الإلكتروني الخاص بمدونك. انسخ الكود واستمتع بصفحة احترافية.



نموذج اتصال بسيط لصفحة اتصل بنا لمدونة بلوجر

نموذج اتصال بسيط لصفحة اتصل بنا

<!-- Ak Code Contact US -->
<style type="text/css">
.contact-form-widget{margin-left:auto;margin-right:auto;width:600px;max-width:100%;padding:40px 0}.contactf-name,.contactf-email{float:left;width:48.25%}.contactf-name{margin-right:3.5%}.contact-form-name,.contact-form-email,.contact-form-email-message,.contact-form-name:hover,.contact-form-name:focus,.contact-form-email:hover,.contact-form-email:focus,.contact-form-email-message:hover,.contact-form-email-message:focus{width:100%;max-width:100%;margin:0 0 20px;padding:10px 15px;font-size:12px;letter-spacing:1px;color:#444;background:#F3F3F3;border:medium none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.contact-form-name,.contact-form-email{height:37px}.contact-form-email-message{height:170px}.contact-form-button-submit,.contact-form-button-submit:hover{width:13%;height:30px;font:normal 12px Arial;letter-spacing:1px;color:#444;display:block;outline:none;margin-bottom:20px;text-align:center;background:#E6E6E6;border:0;cursor:pointer}.contact-form-button-submit:active{outline:none;-webkit-box-shadow:none;box-shadow:none}.contact-form-cross{border:medium none!important;box-shadow:none!important;padding:0!important;height:11px !important;width:11px !important;}
</style>

<div class="widget ContactForm" id="ContactForm22"><div class="contact-form-widget"><div class="form"><form name="contact-form"><div class="contactf-name"><input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="NAME" onblur='if (this.value == "") {this.value = "NAME";}' onfocus='if (this.value == "NAME") {this.value = "";}'  /></div><div class="contactf-email"><input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="EMAIL" onblur='if (this.value == "") {this.value = "EMAIL";}' onfocus='if (this.value == "EMAIL") {this.value = "";}'/></div><div style="clear:both"></div><div class="contactf-message"><textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5" value="MESSAGE" onblur='if (this.value == "") {this.value = "MESSAGE";}' onfocus='if (this.value == "MESSAGE") {this.value = "";}'></textarea></div><input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="SEND" /><div class="contact-form-error-message" id="ContactForm1_contact-form-error-message"></div><div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></div></form></div></div></div>
<!-- Ak Code Contact US -->


نموذج صفحة الاتصال بلوجر بشريط CSS

نموذج الاتصال بلوجر بشريط CSS

<!-- Ak Code Contact US -->
<style type="text/css">
  .widget.ContactForm{z-index:1}.contact-form-widget{margin-left:auto;margin-right:auto;width:600px;max-width:100%;padding:25px 0;background:linear-gradient(to right, rgb(156, 22, 69), rgb(48, 37, 18));-webkit-border-radius:2%;-moz-border-radius:2%;border-radius:2%}.contact-form-widget .form{width:91%;margin:0 auto}.ribbon{font:16px Arial;text-transform:capitalize;text-shadow:0 1px 2px rgba(0,0,0,0.25);position:relative;background:#3d0f0f;color:#fff;text-align:center;padding:1em 2em;margin:0 -16px}.ribbon:before,.ribbon:after{content:"";position:absolute;display:block;bottom:-1em;border:1.5em solid #584C40;z-index:-1}.ribbon:before{left:-1.7em;border-right-width:1.2em;border-left-color:transparent}.ribbon:after{right:-1.7em;border-left-width:1.2em;border-right-color:transparent}.ribbon .ribbon-content:before,.ribbon .ribbon-content:after{content:"";position:absolute;display:block;border-style:solid;border-color:#ffffff transparent transparent;bottom:-1em}.ribbon .ribbon-content:before{left:0;border-width:1em 0 0 1em}.ribbon .ribbon-content:after{right:0;border-width:1em 1em 0 0}.contactf-name,.contactf-email,.contactf-message{text-align:left;margin-top:25px;color:#ffffff;font-size:13px}.contactf-name,.contactf-email{float:left;width:100%}.contact-form-name,.contact-form-email,.contact-form-email-message,.contact-form-name:hover,.contact-form-name:focus,.contact-form-email:hover,.contact-form-email:focus,.contact-form-email-message:hover,.contact-form-email-message:focus{width:100%;max-width:100%;margin:10px 0 0;padding:10px;font-size:12px;color:#7e6e42;border-color:#000000;border-width:1px;box-shadow:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.contact-form-name,.contact-form-email{height:35px}.contact-form-email-message{height:100px}.contact-form-button-submit,.contact-form-button-submit:hover{margin-top:25px;width:100%;height:37px;font:normal 12px Arial;outline:none;letter-spacing:1px;color:#fff;text-align:center;cursor:pointer;text-shadow:1px 1px 0 #ffe8b2;color:#7c5d1b;border:1px solid #d6a437;background:#febd4b;background:-webkit-gradient(linear,0 0,0 100%,from(#fed970) to(#febd4b));background:-webkit-linear-gradient(#fed970,#febd4b);background:-moz-linear-gradient(#fed970,#febd4b);background:-ms-linear-gradient(#fed970,#febd4b);background:-o-linear-gradient(#fed970,#febd4b);background:linear-gradient(#fed970,#febd4b);-pie-background:linear-gradient(#fed970,#febd4b)}.contact-form-button-submit:active{color:#7c5d1b;border:1px solid #d6a437;background:#febd4b;background:-webkit-gradient(linear,0 0,0 100%,from(#febd4b) to(#fed970));background:-webkit-linear-gradient(#febd4b,#fed970);background:-moz-linear-gradient(#febd4b,#fed970);background:-ms-linear-gradient(#febd4b,#fed970);background:-o-linear-gradient(#febd4b,#fed970);background:linear-gradient(#febd4b,#fed970);-pie-background:linear-gradient(#febd4b,#fed970)}.contact-form-cross{border:medium none!important;box-shadow:none!important;padding:0!important;height:11px !important;width:11px !important;}
</style>
<div class="widget ContactForm" id="ContactForm22">
  <div class="contact-form-widget">
    <h2 class="ribbon">
      <strong class="ribbon-content">تواصل معنا</strong>
    </h2>
    <div class="form">
      <form name="contact-form">
        <div class="contactf-name">
          Your name:<input
            class="contact-form-name"
            id="ContactForm1_contact-form-name"
            name="Name"
            size="30"
            type="text"
            value="Name"
            onblur='if (this.value == "") {this.value = "Name";}'
            onfocus='if (this.value == "Name") {this.value = "";}'
          />
        </div>
        <div class="contactf-email">
          E-mail address *:<input
            class="contact-form-email"
            id="ContactForm1_contact-form-email"
            name="E-mail address"
            size="30"
            type="text"
            value="E-mail address"
            onblur='if (this.value == "") {this.value = "E-mail address";}'
            onfocus='if (this.value == "E-mail address") {this.value = "";}'
          />
        </div>
        <div style="clear:both"></div>
        <div class="contactf-message">
          Message *:<textarea
            class="contact-form-email-message"
            cols="25"
            id="ContactForm1_contact-form-email-message"
            name="Type your message here..."
            rows="5"
            value=""
            placeholder="Type your message here..."
            value="Type your message here..."
            onblur='if (this.value == "") {this.value = "Type your message here...";}'
            onfocus='if (this.value == "Type your message here...") {this.value = "";}'
          ></textarea
          ><input
            class="contact-form-button contact-form-button-submit"
            id="ContactForm1_contact-form-submit"
            type="button"
            value="SEND MESSAGE"
          />
          <div
            class="contact-form-error-message"
            id="ContactForm1_contact-form-error-message"
          ></div>
          <div
            class="contact-form-success-message"
            id="ContactForm1_contact-form-success-message"
          ></div>
        </div>
      </form>
    </div>
  </div>
</div>
<!-- Ak Code Contact US -->



كود نموذج صفحة اتصل بنا Contact US

كود نموذج صفحة اتصل بنا Contact US

<!-- Ak Code Contact US -->
<style type="text/css">
.contact-form-widget{margin-left:auto;margin-right:auto;width:600px;max-width:100%;padding:0}hr{position:relative;height:.75em;border:0;overflow:hidden;margin:0}hr:before{content:"";display:block;position:absolute;top:0;left:0;height:.75em;width:5.1em;background:#C4DD83;box-shadow:5em 0 0 0 #F4FCC9,10em 0 0 0 #FDCD78,15em 0 0 0 #ED786F,20em 0 0 0 #D99DBF,25em 0 0 0 #C39EDC,30em 0 0 0 #679DE2,35em 0 0 0 #62C2E3,40em 0 0 0 #F4FCC9,45em 0 0 0 #FDCD78,50em 0 0 0 #ED786F,55em 0 0 0 #D99DBF,60em 0 0 0 #C39EDC}.contactf-name,.contactf-email{float:left;width:49.25%}.contactf-name{margin-right:1.5%}.contact-form-name,.contact-form-email,.contact-form-email-message,.contact-form-name:hover,.contact-form-name:focus,.contact-form-email:hover,.contact-form-email:focus,.contact-form-email-message:hover,.contact-form-email-message:focus{width:100%;max-width:100%;margin:25px 0 0;padding:10px;font-size:15px;color:#ccc;border-color:#E8E8E8;border-width:2px 2px 4px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.contact-form-name,.contact-form-email{height:40px}.contact-form-email-message{height:100px}.contact-form-button-submit,.contact-form-button-submit:hover{margin-top:25px;width:100%;height:40px;font-size:15px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.25);background:#EE786F;border:0;border-bottom:2px solid #D4685C;outline:none;cursor:pointer;-webkit-box-shadow:inset 0 -2px #D4685C;box-shadow:inset 0 -2px #D4685C}.contact-form-button-submit:active{top:1px;outline:none;-webkit-box-shadow:none;box-shadow:none}.contact-form-cross{border:medium none !important;box-shadow:none !important;padding:0 !important;height:11px !important;width:11px !important;}
</style>
<div class="widget ContactForm" id="ContactForm22"><div class="contact-form-widget"><hr><div class="form"><form name="contact-form"><div class="contactf-name"><input class="contact-form-name" id="ContactForm1_contact-form-name" name="Name" size="30" type="text" value="Name" onblur='if (this.value == "") {this.value = "Name";}' onfocus='if (this.value == "Name") {this.value = "";}'/></div><div class="contactf-email"><input class="contact-form-email" id="ContactForm1_contact-form-email" name="E-mail address" size="30" type="text" value="E-mail address" onblur='if (this.value == "") {this.value = "E-mail address";}' onfocus='if (this.value == "E-mail address") {this.value = "";}'/></div><div style="clear:both"></div><div class="contactf-message"><textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="Type your message here..." rows="5" type="text" value="Type your message here..." onblur='if (this.value == "") {this.value = "Type your message here...";}' onfocus='if (this.value == "Type your message here...") {this.value = "";}'></textarea><input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Send Message" /><div class="contact-form-error-message" id="ContactForm1_contact-form-error-message"></div><div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></div></div></form></div></div></div>
<!-- Ak Code Contact US -->


كود نموذج الاتصال لمدونة بلوجر Contact US

كود نموذج الاتصال لمدونة بلوجر Contact US

<!-- Ak Code Contact US -->
<style type="text/css">
  .contact-form-widget{margin-left:auto;margin-right:auto;width:600px;max-width:100%;padding:25px;background:}.contact-title{text-align:center;font:41px fantasy;color:#121212;margin-bottom:25px}.contactf-name,.contactf-email{float:left;width:47%}.contactf-name{margin-right:6%}.name-icon img,.email-icon img{background:transparent!important;border:medium none!important;box-shadow:none!important;padding:11px 0!important;width:16px !important;height:16px !important;}.name-icon,.email-icon{position:absolute;z-index:1}.contact-form-name,.contact-form-email,.contact-form-email-message,.contact-form-name:hover,.contact-form-name:focus,.contact-form-email:hover,.contact-form-email:focus,.contact-form-email-message:hover,.contact-form-email-message:focus{width:100%;max-width:100%;margin:0 0 25px;padding:10px 10px 10px 25px;font:bold 16px cursive;text-shadow:0 1px 2px #ddd;color:#121212;background:transparent!important;border-color:#121212;border-width:0 0 2.5px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.contact-form-name,.contact-form-email{height:40px}.contact-form-email-message,.contact-form-email-message:hover,.contact-form-email-message:focus{padding:10px!important}.contact-form-email-message{height:150px;border-width:2.5px!important}.contact-form-button-submit,.contact-form-button-submit:hover{background:#8da6b6!important;width:30%;height:37px;font:bold 13px "Lucida Grande";letter-spacing:2px;color:#fff;text-align:center;border:medium none;cursor:pointer;display:block;margin:0 auto;outline:none}.contact-form-cross{border:medium none!important;box-shadow:none!important;padding:0!important;width:11px !important;height:11px !important;}
</style>
<div class="widget ContactForm" id="ContactForm22">
  <div class="contact-form-widget">
    <h2 class="contact-title">تواصل معنا</h2>
    <div class="form">
      <form name="contact-form">
        <div class="contactf-name">
          <div class="name-icon">
            <img
              src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiteyxEJqS9DT7kLWtP4LNQmjzVEzAkuNO2sBlQn1aN1b7qaOp613Qmm5X9lUf8R3-57xbSP_REzBlrnpk2fZLjtW2FlUpFmYG_c8BnSTMLLHt_cWdOxFGeh8L-M-wiPkTA-qA47Nu4MBD/s1600/avatar%25281%2529.png"
              width="16"
              height="16"
            />
          </div>
          <input
            class="contact-form-name"
            id="ContactForm1_contact-form-name"
            name="Name"
            size="30"
            type="text"
            value="Name"
            onblur='if (this.value == "") {this.value = "Name";}'
            onfocus='if (this.value == "Name") {this.value = "";}'
          />
        </div>
        <div class="contactf-email">
          <div class="email-icon">
            <img
              src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWUAWPNKHRttRYttHYXVajww0rt6oiQttnIte3NMz_kGBZn1CGq2uBNNjUvkuFTvlIzZnYaChVbgg8aM0XSEd96ANxfrjo3K2DU5AhHZGlL3rc7d0ACF1rYZ0JpFMzi47Lc6uoamjuYojh/s1600/envelope%25281%2529.png"
              width="16"
              height="16"
            />
          </div>
          <input
            class="contact-form-email"
            id="ContactForm1_contact-form-email"
            name="E-mail address"
            size="30"
            type="text"
            value="E-mail address"
            onblur='if (this.value == "") {this.value = "E-mail address";}'
            onfocus='if (this.value == "E-mail address") {this.value = "";}'
          />
        </div>
        <div style="clear:both"></div>
        <div class="contactf-message">
          <textarea
            class="contact-form-email-message"
            cols="25"
            id="ContactForm1_contact-form-email-message"
            name="Type your message here..."
            rows="5"
            value="Type your message here..."
            onblur='if (this.value == "") {this.value = "Type your message here...";}'
            onfocus='if (this.value == "Type your message here...") {this.value = "";}'
          ></textarea
          ><input
            class="contact-form-button contact-form-button-submit"
            id="ContactForm1_contact-form-submit"
            type="button"
            value="SEND"
          />
          <div
            class="contact-form-error-message"
            id="ContactForm1_contact-form-error-message"
          ></div>
          <div
            class="contact-form-success-message"
            id="ContactForm1_contact-form-success-message"
          ></div>
        </div>
      </form>
    </div>
  </div>
</div>
<!-- Ak Code Contact US -->


 نموذج الاتصال صفحة اتصل بنا بلوجر

نموذج الاتصال صفحة اتصل بنا

<!-- Ak Code Contact US -->
<style type="text/css">
.contact-form-widget{margin-left:auto;margin-right:auto;width:600px;max-width:100%}.contactf-name,.contactf-email{float:left;width:50%}.contact-form-name,.contact-form-email,.contact-form-email-message,.contact-form-name:hover,.contact-form-name:focus,.contact-form-email:hover,.contact-form-email:focus,.contact-form-email-message:hover,.contact-form-email-message:focus{width:100%;max-width:100%;margin:0 0 15px;padding:10px;font-size:14px;color:linear-gradient(to right, rgb(73, 129, 153), rgb(49, 191, 201));background:linear-gradient(to right, rgb(73, 129, 153), rgb(49, 191, 201));border:1px solid #CBC7C4;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:10px}.contact-form-name,.contact-form-email{height:33px}.contact-form-email-message{height:130px}.contactf-message{position:relative}.contactf-message:after,.contactf-message:before{border-bottom:50px solid transparent;border-left:80px solid #36b4c0;bottom:-32px;content:'';position:absolute;right:50%;margin-right:-100px}.contactf-message:before{border-left:80px solid #CBC7C4;bottom:-34px;right:50.3%;margin-right:-101px}.cbluebutton{margin-top:25px;width:30%;height:35px;float:right;font-size:15px;color:#fff;display:inline-block;text-align:center;background:linear-gradient(to bottom,#339ad9 0%,#224bbc 100%);box-shadow:0 1px 1px rgba(34,75,188,0.5);border:0;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.cbluebutton span .contact-form-button-submit{background:linear-gradient(to bottom,#36b4c0 0%,#397fd0 100%);font:bold 16px "Helvetica Neue",sans-serif;height:35px;width:100%;color:#FFF;text-shadow:0 1px 1px #224BBC;display:inline-block;box-shadow:0 1px 1px rgba(255,255,255,0.3) inset;cursor:pointer;outline:none;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.contact-form-button-submit:active{top:1px;outline:none;-webkit-box-shadow:none;box-shadow:none}.contact-form-cross{border:medium none!important;box-shadow:none!important;padding:0!important;width:11px !important;height:11px !important;}
</style>
<div class="widget ContactForm" id="ContactForm22"><div class="contact-form-widget"><div class="form"><form name="contact-form"><div class="contactf-message"><textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="Message" rows="5" value="Message" onblur='if (this.value == "") {this.value = "Message";}' onfocus='if (this.value == "Message") {this.value = "";}'></textarea></div><div class="cbluebutton"><span><input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Send" /></span></div><div class="contactf-name"><input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="Name" onblur='if (this.value == "") {this.value = "Name";}' onfocus='if (this.value == "Name") {this.value = "";}'  /></div><div class="contactf-email"><input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="E-mail" onblur='if (this.value == "") {this.value = "E-mail";}' onfocus='if (this.value == "E-mail") {this.value = "";}'/></div><div style="clear:both"></div><div class="contact-form-error-message" id="ContactForm1_contact-form-error-message"></div><div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></div></div></form></div></div>
<!-- Ak Code Contact US -->



باقي النماذج يتم تنسيقها وسيتم رفعها في الأيام القادمة ان شاء الله.

بعد إضافة كود صفحة اتصل بنا، انقر فوق الزر "نشر" في الجانب الأيسر العلوي. وستكون قادرًا الآن على رؤية نموذج الاتصال الخاص ببلوجر على صفحتك الثابتة.

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

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



الأسئلة الشائعة حول إضافة نموذج الاتصال مخصص في بلوجر

بمجرد أن يسأل الزائر سؤالاً أو يرسل ملاحظات من خلال نموذج الاتصال في Blogger، يتم تسليمه على الفور إلى البريد الإلكتروني المرتبط بحسابك في مدونة بلوجر/ Blogger. إذا كان للمدونة العديد من المسؤولين، فسيتلقى جميع المسؤولين التعليقات أو الأسئلة التي يطرحها الزائر.

بالتأكيد، ستبدو مدونتك أكثر احترافية إذا كانت تحتوي على صفحة منفصلة لنموذج الاتصال المخصص لبلوجر. يمنحك مصداقية كما يوفر لك فرصة أفضل للتواصل مع الزائرين من خلال صفحة "اتصل بنا" الجديدة.

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


وفى النهاية ...باستخدامك نموذج الاتصال المخصص في بلوجر/ Blogger صفحة ثابتة فأنك تسهل على زائرين موقعك التواصل معك بكل سهولة. اذا واجهت أي مشكلة أثناء تركيب الكود يرجى إبلاغي في التعليقات. وسيتم التواصل معك لحل المشكلة. دومتم موفقين بإذن الله.

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



    حجم الخط
    +
    16
    -
    تباعد السطور
    +
    2
    -