إنشاء وضبط نموذج أتصل بنا الرسمي لمدونات بلوجر

السلام عليكم ورحمة الله وبركاته

آخر تحديث: 2014-07-27
شرح طريقة ضبط نموذج اتصل بنا لمدونات بلوجر التعديل سوف يكون على الاضافة الرسمية لمدونات بلوجر

اهمية نموذج الاتصال: لنموذج الاتصال اهمية كبيرة لكل موقع فهناك الكثير من المميزات التي يمكنك من خلالها التواصل مع زوار مدونتك مباشر لحل اي مشكلة معلقة في موقعك كما انه هذه الاضافة ضارورية لاصحاب الاعلانات التابعة لشركة جوجل أدسنس

مثال حي للإضافة أنقر هنـــــــــــا

الشكل الجديد الذي سوف يظهر في مدونتك

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

الشكل القديم

الان اصدقائي شاهدتم الفرق!

ولكن هناك مميزات اخرى لهذا التعديل

كنا نعرف جيدا انك لا تستطيع إضافة هذه الاداة الجديدة من بلوجر إلا في الصفحة الرئيسية ولا تستطيع انشاء صفحة خاصة بنموذج الاتصال في هذه الاضافة سوف نجعلها صفحة خاصة بدون ان تظهر في جميع الصفحات

كيفية عمل هذه الإضافة

أولاً عليك إضافة نموذج الأتصال عبر مدونتك > تخطيط > إضافة أداة

أضفها حيث تشاء لا تقلق سوف نقوم بإزلتها تلقائياً

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

قم بتوسيع الأداة ثم أضف الكود التالي داخل الاداة

حتى تصبح بالشكل التالي:

</div><div style="text-align: right;">        <p/></div><div style="text-align: right;">        <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + "_contact-form-submit"' expr:value='data:contactFormSendMsg' type='button'/></div><div style="text-align: right;">        <p/></div><div style="text-align: right;">        <div style='text-align: center; max-width: 222px; width: 100%'></div><div style="text-align: right;">          <p class='contact-form-error-message' expr:id='data:widget.instanceId + "_contact-form-error-message"'/></div><div style="text-align: right;">          <p class='contact-form-success-message' expr:id='data:widget.instanceId + "_contact-form-success-message"'/></div><div style="text-align: right;">        </div></div><div style="text-align: right;">      </form></div><div style="text-align: right;">    </div></div><div style="text-align: right;">  </div></div><div style="text-align: right;"> <span style="background-color: red;"></b:if></span></div><div style="text-align: right;">  <b:include name='quickedit'/></div><div style="text-align: right;"></b:includable></div><div style="text-align: right;">                </b:widget></div></div><div dir="ltr" style="text-align: right;"><br /></div><br /><span style="font-size: large;"><b>الان أختر حفظ القالب ثم توجه إلى الصفحات ثم أختر إنشاء صفحة جديدة بأسم (أتصل بنا) </b></span><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI_qcpb2K0I8Xg0Ch-PCoHBHKotHfbJw-r7GPvZlOfXTVpF-3sYlb3jqLZaG5V53AitLZpYptPYiPD2_-p6aY-JNxQq3IK6Cfijezed_pR34SjdYCSorXxZyN3zSoq-TUV-6phWI_YbmY/s1600/13-11-34+04-50-19+%D9%85.bmp" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><span style="font-size: large;"><b><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI_qcpb2K0I8Xg0Ch-PCoHBHKotHfbJw-r7GPvZlOfXTVpF-3sYlb3jqLZaG5V53AitLZpYptPYiPD2_-p6aY-JNxQq3IK6Cfijezed_pR34SjdYCSorXxZyN3zSoq-TUV-6phWI_YbmY/s1600/13-11-34+04-50-19+%D9%85.bmp" /></b></span></a><span style="font-size: large;"><b>ثم إضغط على html </b></span><br /><span style="font-size: large;"><b><br /></b></span><span style="font-size: large;"><b><br /></b></span><span style="font-size: large;"><b>ثم أضف الكود التالي داخل الرسالة وأختر نشر</b></span><br /><div dir="rtl" style="-webkit-transition: all 0.3s ease-in-out; background-color: white; transition: all 0.3s ease-in-out;"><pre dir="ltr" style="background-color: #e9e9e9; border: 3px dotted rgb(153, 204, 102); margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; text-align: left; width: auto !important;"><span style="color: #666666; font-family: 'Courier New', monospace;"><span style="font-size: 14px; line-height: 19.59375px;"><div id="content"><br /><h5>أتصل بنا</h5><br /><div class="form"><form name="contact-form"><input class="contact-form-name" id="ContactForm1_contact-form-name" name="الأسم" onblur="if (this.value == "") {this.value = "الأسم";}" onfocus="if (this.value == "الأسم") {this.value = "";}" size="30" type="text" value="الأسم" /> <br /><br /><input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" onblur="if (this.value == "") {this.value = "البريد الألكتروني";}" onfocus="if (this.value == "البريد الألكتروني") {this.value = "";}" size="30" type="text" value="البريد الألكتروني" /> <br /><br /><textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" onblur="if (this.value == "") {this.value = "أدخل نص الرسالة..";}" onfocus="if (this.value == "أدخل نص الرسالة..") {this.value = "";}" value="أدخل نص الرسالة..">

هكذا اصبح لديك صفحة أتصال بمدونتك وتم إزلتها من الصفحات الرئيسية
إنتهى حظاً طيباً لكم

إنشاء وضبط نموذج أتصل بنا الرسمي لمدونات بلوجر

المشاركات الشائعة

مدونة منقول للمواضيع العامة

من نحن ؟

موقع عام يضم الاف المواضيع المفيدة ويفتح لك المجال للتعرف على عدة مجالات مختلفة نظرا لهتمامه بكل ماهو مفيد .

إعلان

روابط مهمة

أرشيف المدونة