اخر الأخبار

اضافة صفحة اتصل بنا لمدونات بلوجر كود عربى وانجليزي هدية

صورة admin admin تابع على تويتر أرسل بريدا إلكترونيا 06/02/2020
147 371 2 دقائق

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

واليكم الشكل النهائي للاضافة

اضافة اتصل بنا
اضافة اتصل بنا

طريقة اضافة صفحة اتصل بنا فى مدونتك

1- الدخول الى لوحه تحكم المدونه .
2- الضغط على الصفحات.
3- ومن ثم الضغط على اضافه صفحه جديده.
5- انسخ الكود المستخدم ثم الضغط على html فى تنسيق الصفحه.
6- امسح الكود القديم الموجود ثم الصق الكود وقم بعمل حفظ.
وهكذا اصح لديك صفحة التصل بنا احترافية يمكن لمتابعى موقعك ملء الاستماره الخاصه بها ومن سم مراسلتك على البريد الالكترونى الخاص بالمدونه او المسجل فى المدونة.

واليكم الاضافه المستخدمه صفحه اتصل بنا العربيه 

<div dir=”rtl” style=”text-align: right;” trbidi=”on”>
<style scoped=”” type=”text/css”>
#comments,.post_meta,#blog-pager {display:none;}
#ContactForm1_contact-form-name, #ContactForm1_contact-form-email{
width:100%;height:auto;margin:5px auto;padding:10px;background:#fff;color:#444;border:1px solid #ddd;border-radius:3px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;transition:all 0.5s ease-out;}
#ContactForm1_contact-form-email-message{width:100%;height:175px;margin:5px 0;padding:10px;background:#fff;color:#444;font-family:’Open Sans’,sans-serif;border:1px solid #ddd;border-radius:3px;transition:all 0.5s ease-out;direction: rtl;text-align: justify;}
#ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus{outline:none;background:#fff;color:#444;border-color:rgba(81,203,238,1);box-shadow:0 0 5px rgba(81,203,238,0.7);}
#ContactForm1_contact-form-submit {width:100%;font-family:’Open Sans’;float:left;background:#fff;color:#aaa;margin:10px auto;vertical-align:middle;cursor:pointer;padding:10px 18px!important;font-weight:700;font-size:14px;text-align:center;text-transform:uppercase;letter-spacing:0.5px;border-radius:3px;background-image: linear-gradient(110deg, #7986cb 0%, #7986cb 50%, transparent 50%, transparent 100%);background-size:200%;background-position:120% 0;background-repeat:no-repeat;border:1px solid #ddd;transition:all .8s ease, background-position .8s ease, color .8s ease;}
#ContactForm1_contact-form-submit:hover {color:#fff;background-position:0 0;border-color:#7986cb;}
#ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{
width:100%;margin-top:35px;}
.contact-form-error-message-with-border {background:#f36c60;border:none;box-shadow:none;color:#fff;padding:5px 0;}
.contact-form-success-message {background:#4fc3f7;border:none;box-shadow:none;color:#fff;}
img.contact-form-cross {line-height:40px;margin-left:5px;}
</style>
<br />
<form name=”contact-form”>
<span style=”color: #666666; font-family: &quot;open sans&quot; , &quot;arial&quot; , &quot;helvetica&quot; , sans-serif; font-weight: 700;”><i class=”fa fa-user”></i> الأسم </span>
<input id=”ContactForm1_contact-form-name” name=”name” size=”30″ type=”text” value=”” />  
<span style=”color: #666666; font-family: &quot;open sans&quot; , &quot;arial&quot; , &quot;helvetica&quot; , sans-serif; font-weight: 700;”><i class=”fa fa-envelope”></i> البريد الإلكترونى <span style=”color: #f56954; font-size: x-small; font-weight: bold;”>مهم</span></span> 
<input id=”ContactForm1_contact-form-email” name=”email” size=”30″ type=”text” value=”” />  
<span style=”color: #666666; font-family: &quot;open sans&quot; , &quot;arial&quot; , &quot;helvetica&quot; , sans-serif; font-weight: 700;”><i class=”fa fa-pencil-square-o”></i> محتوى الرساله <span style=”color: #f56954; font-size: x-small; font-weight: bold;”>مهم</span></span>
<textarea cols=”25″ id=”ContactForm1_contact-form-email-message” name=”email-message” rows=”5″></textarea> 
<input id=”ContactForm1_contact-form-submit” type=”button” value=”إرسال” />  
<br />
<div style=”max-width: 222px; text-align: center; width: 100%;”>
<div id=”ContactForm1_contact-form-error-message”>
</div>
<div id=”ContactForm1_contact-form-success-message”>
</div>
</div>
</form>
</div>

اما اذا كنت تريد عمل صفحة اتصل بنا باللغة الانجليزية يمكنك ذلك من خلال نسخ الكود التالي بدلا من الكود الاول وهو مصمم باللغه الانجليزية .

<div dir=”ltr” style=”text-align: left;” trbidi=”on”>
<style scoped=”” type=”text/css”>
#comments,.post_meta,#blog-pager {display:none;}
#ContactForm1_contact-form-name, #ContactForm1_contact-form-email{
width:100%;height:auto;margin:5px auto;padding:10px;background:#fff;color:#444;border:1px solid #ddd;border-radius:3px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;transition:all 0.5s ease-out;}
#ContactForm1_contact-form-email-message{width:100%;height:175px;margin:5px 0;padding:10px;background:#fff;color:#444;font-family:’Open Sans’,sans-serif;border:1px solid #ddd;border-radius:3px;transition:all 0.5s ease-out;}
#ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus{outline:none;background:#fff;color:#444;border-color:rgba(81,203,238,1);box-shadow:0 0 5px rgba(81,203,238,0.7);}
#ContactForm1_contact-form-submit {width:100%;font-family:’Open Sans’;float:left;background:#fff;color:#aaa;margin:10px auto;vertical-align:middle;cursor:pointer;padding:10px 18px!important;font-weight:700;font-size:14px;text-align:center;text-transform:uppercase;letter-spacing:0.5px;border-radius:3px;background-image: linear-gradient(110deg, #7986cb 0%, #7986cb 50%, transparent 50%, transparent 100%);background-size:200%;background-position:120% 0;background-repeat:no-repeat;border:1px solid #ddd;transition:all .8s ease, background-position .8s ease, color .8s ease;}
#ContactForm1_contact-form-submit:hover {color:#fff;background-position:0 0;border-color:#7986cb;}
#ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{
width:100%;margin-top:35px;}
.contact-form-error-message-with-border {background:#f36c60;border:none;box-shadow:none;color:#fff;padding:5px 0;}
.contact-form-success-message {background:#4fc3f7;border:none;box-shadow:none;color:#fff;}
img.contact-form-cross {line-height:40px;margin-left:5px;}
</style>
<br />
<form name=”contact-form”>
<span style=”color: #666666; font-family: &quot;open sans&quot; , &quot;arial&quot; , &quot;helvetica&quot; , sans-serif; font-weight: 700;”><i class=”fa fa-user”></i> Name </span>
<input id=”ContactForm1_contact-form-name” name=”name” size=”30″ type=”text” value=”” />  
<span style=”color: #666666; font-family: &quot;open sans&quot; , &quot;arial&quot; , &quot;helvetica&quot; , sans-serif; font-weight: 700;”><i class=”fa fa-envelope”></i> Email Address <span style=”color: #f56954; font-size: x-small; font-weight: bold;”>important</span></span> 
<input id=”ContactForm1_contact-form-email” name=”email” size=”30″ type=”text” value=”” />  
<span style=”color: #666666; font-family: &quot;open sans&quot; , &quot;arial&quot; , &quot;helvetica&quot; , sans-serif; font-weight: 700;”><i class=”fa fa-pencil-square-o”></i> Content <span style=”color: #f56954; font-size: x-small; font-weight: bold;”>important</span></span>
<textarea cols=”25″ id=”ContactForm1_contact-form-email-message” name=”email-message” rows=”5″></textarea> 
<input id=”ContactForm1_contact-form-submit” type=”button” value=”Send” />  
<br />
<div style=”max-width: 222px; text-align: center; width: 100%;”>
<div id=”ContactForm1_contact-form-error-message”>
</div>
<div id=”ContactForm1_contact-form-success-message”>
</div>
</div>
</form>
</div>

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

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

صورة admin admin تابع على تويتر أرسل بريدا إلكترونيا 06/02/2020
147 371 2 دقائق
صورة admin

admin

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

مقالات ذات صلة

الجندي المصري محمد صلاح

إسرائيل تعيد جثمان الجندي المصري محمد صلاح قناة 12 العبرية

05/06/2023
الربح من العملات الرقميه منصة بايننس

الربح من العملات الرقميه منصة بايننس

10/05/2023
اسعار اللحوم فى مصر مايو 2023

اسعار اللحوم في مصر مايو ٢٠٢٣

10/05/2023

أجازة عيد الفطر في مصر 2023 ست ايام تعرف على العوده

24/04/2023

‫147 تعليقات

  10. I’m not sure exactly why but this web site is loading incredibly slow for me. Is anyone else having this issue or is it a problem on my end? I’ll check back later on and see if the problem still exists.

    رد

  26. It’s my belief that mesothelioma is usually the most lethal cancer. It contains unusual attributes. The more I really look at it the harder I am assured it does not respond like a true solid tissue cancer. When mesothelioma is a rogue viral infection, in that case there is the chance of developing a vaccine as well as offering vaccination to asbestos uncovered people who are vulnerable to high risk connected with developing potential asbestos relevant malignancies. Thanks for revealing your ideas on this important health issue.

    رد

  31. This article resonated with me on a personal level. Your ability to emotionally connect with your audience is truly commendable. Your words are not only informative but also heartwarming. Thank you for sharing your insights.

    رد

  41. It is indeed my belief that mesothelioma is definitely the most fatal cancer. It’s got unusual properties. The more I look at it the more I am convinced it does not behave like a true solid tissues cancer. In the event mesothelioma is often a rogue virus-like infection, therefore there is the chance of developing a vaccine as well as offering vaccination to asbestos open people who are really at high risk connected with developing foreseeable future asbestos linked malignancies. Thanks for giving your ideas on this important ailment.

    رد

  51. I have noticed that service fees for online degree specialists tend to be an excellent value. For instance a full 4-year college Degree in Communication in the University of Phoenix Online consists of 60 credits from $515/credit or $30,900. Also American Intercontinental University Online comes with a Bachelors of Business Administration with a total school element of 180 units and a cost of $30,560. Online learning has made obtaining your degree been so cool because you can easily earn your degree through the comfort in your home and when you finish from work. Thanks for other tips I have really learned from your site.

    رد

  59. Good post. I study something more difficult on totally different blogs everyday. It should at all times be stimulating to read content material from different writers and practice slightly one thing from their store. I?d favor to make use of some with the content material on my weblog whether you don?t mind. Natually I?ll give you a hyperlink in your net blog. Thanks for sharing.

    رد

  61. Almanya’nın en iyi medyumu haluk hoca sayesinde sizlerde güven içerisinde çalışmalar yaptırabilirsiniz, 40 yıllık uzmanlık ve tecrübesi ile sizlere en iyi medyumluk hizmeti sunuyoruz.

    رد

  108. Решение ваших финансовых вопросов теперь в одном клике от вас. Наш сайт предлагает быстрый займ без процентов, обеспечивая не только скорость, но и выгоду. Без скрытых платежей и дополнительных процентов – только честные условия для каждого клиента. Не упускайте возможность воспользоваться мгновенным финансовым решением, которое подойдет каждому.

    رد

  111. Your positivity and enthusiasm are undeniably contagious! This article brightened my day and left me feeling inspired. Thank you for sharing your uplifting message and spreading positivity among your readers.

    رد

  130. I wanted to take a moment to express my gratitude for the wealth of invaluable information you consistently provide in your articles. Your blog has become my go-to resource, and I consistently emerge with new knowledge and fresh perspectives. I’m eagerly looking forward to continuing my learning journey through your future posts.

    رد

  134. Your positivity and enthusiasm are truly infectious! This article brightened my day and left me feeling inspired. Thank you for sharing your uplifting message and spreading positivity to your readers.

    رد

  139. I’ve discovered a treasure trove of knowledge in your blog. Your unwavering dedication to offering trustworthy information is truly commendable. Each visit leaves me more enlightened, and I deeply appreciate your consistent reliability.

    رد

  141. This article is a true game-changer! Your practical tips and well-thought-out suggestions hold incredible value. I’m eagerly anticipating implementing them. Thank you not only for sharing your expertise but also for making it accessible and easy to apply.

    رد

  143. Your enthusiasm for the subject matter radiates through every word of this article; it’s contagious! Your commitment to delivering valuable insights is greatly valued, and I eagerly anticipate more of your captivating content. Keep up the exceptional work!

    رد

  144. Откройте двери в мир автотранспортных возможностей с Auto-Haus! Мы – ваш партнер в поиске идеального авто, предлагая ассортимент лучших марок на любой вкус и бюджет. Продажа автомобилей в Минске, где вы найдете не просто салон автомобилей, а место, где ваша фантазия о новом транспорте становится реальностью. Наши профессиональные консультанты помогут вам выбрать идеальное транспортное средство, отвечающее всем вашим требованиям и предпочтениям. Доверьте нам заботу о вашем следующем автомобиле – автохаус Auto-Haus всегда готов предложить вам лучшие автомобили на белорусском рынке.

    رد

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

زر الذهاب إلى الأعلى

أنت تستخدم إضافة Adblock

برجاء دعمنا عن طريق تعطيل إضافة Adblock