أحصل على صفحه اتصل بنا لمدونات بلوجر بطريقه احترافيه وبسيطه

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

معاينه 

مثل النموذج المنشئ بالاعلى يمكنك عمل مثلا هذا الاتصال بسهوله جدا دون الحاجه الى خبر فى موقعك او المدونه فقد اتبع الخطوات البسيطه التاليه وسوف تحصل على هذا الصندوق الان .

اضافة صندوق اتصل بنا الى مدونه بلوجر 

فى البدايه قم بالتوجهه الى موقع بلوجر والذهاب الى لوحه التحكم الخاصه بموقعك 

بعد انشاء صفحه جديده قم بالذهاب الى محرر الــ HTML   والصق هذا الكود

<form name="contact-form">
<div class="formcolumn1">
<input id="ContactForm1_contact-form-name" name="name" placeholder="Name" size="30" type="text" value="" />

</div>
<div class="formcolumn2">
<input id="ContactForm1_contact-form-email" name="email" placeholder="Email" size="30" type="text" value="" />

</div>
<div class="formcolumn3">
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Message" rows="7"></textarea>

</div>
<div class="formcolumn4">
<input class="ripplelink" id="ContactForm1_contact-form-submit" type="button" value="Send Now" />

</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/AVvXsEhTIQxcg5gHb8Q3sReeKn-xn8FMi05SYY9-zf_3djNwQ2pNJcBnYsv9f3G63CYMD6XHLpoy6OT9toBfw0EYIOx4gabgIkiji7nuNQ0Z-zxaYK9YZW09HpufDyO50zFg7lrNpI102jHzRhyphenhyphen9/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>
<script type='text/javascript'>
if (typeof(BLOG_attachCsiOnload) != "undefined" && BLOG_attachCsiOnload != null) { window["blogger_templates_experiment_id"] = "templatesV1";window["blogger_blog_id"] = "5739376847529766744";BLOG_attachCsiOnload(""); }_WidgetManager._Init("//www.blogger.com/rearrange?blogID\x3d5739376847529766744","https://www.apkdn.com/","5739376847529766744");
_WidgetManager._RegisterWidget("_ContactFormView", new _WidgetInfo("ContactForm1", "footer1", null, document.getElementById("ContactForm1"), {"contactFormMessageSendingMsg": "Sending...", "contactFormMessageSentMsg": "Your message has been sent.", "contactFormMessageNotSentMsg": "Message could not be sent. Please try again later.", "contactFormInvalidEmailMsg": "A valid email address is required.", "contactFormEmptyMessageMsg": "Message field cannot be empty.", "title": "Contact Form", "blogId": "5739376847529766744", "contactFormNameMsg": "Name", "contactFormEmailMsg": "Email", "contactFormMessageMsg": "Message", "contactFormSendMsg": "Send", "submitUrl": "https://www.blogger.com/contact-form.do"}, "displayModeFull"));
</script>

الان قم بتحرير ID الموجود بالكود والمظلل باللون الاصفر  5739376847529766744   بال ID الخاص بمدونتك
قم الان بالتعديل على عنوان الموقع الموجود باللكود بلينك موقعك والمظلل باللون الاحمر 

للحصول على رقم الــ ID للمدونه اذهب الى لوحه التحكم واذهب الى الاعلى سوف تجد ال ID كما موضح بالصوره بالاسفل