-->
مدونه بنك التقنيه مدونه بنك التقنيه

آخر الأخبار

جاري التحميل ...

انشاء صفحه اتصل بنا في بلوجر

الرئيسية > اضافات بلوجر > قسم بلوجر > css > html

انشاء صفحه اتصل بنا في بلوجر

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

الشرح

ندخل الي المدونه من لوحه التحكم 👈المظهره👈 نضغط علي تعديل html 👈نبحث عن</head>نقوم بوضع هذا الكود قبله











<b:if cond='data:view.isPage'><style>
/* Contact Form */
#comments,.post_meta,#blog-pager{display:none}form{color:#666} #kontak{margin:auto;max-width:640px} #ContactForm1_contact-form-name,#ContactForm1_contact-form-email{height:auto;margin:5px auto;padding:15px 12px;background:#fff;color:#444;border:1px solid #1d2129;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);border-radius:3px;width:100%;min-width:100%;transition:all 0.5s ease-out}#ContactForm1_contact-form-email-message{width:100%;height:175px;margin:5px 0;padding:15px 12px;background:#fff;color:#444;border:1px solid #1d2129;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);border-radius:3px;resize:none;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:#66afe9;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6)}#ContactForm1_contact-form-submit{float:
;background:#52B3D9;margin:auto;vertical-align:middle;cursor:pointer;padding:12px 20px;font-size:14px;text-align:center;letter-spacing:.5px;border:0;width:100%;max-width:140px;border-radius:3px;color:#fff;font-weight:500;transition:all .8s ease}#ContactForm1_contact-form-submit:hover{background:#4DAF7C;color:#fff}#ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-message{width:100%;margin-top:3px}.contact-form-error-message-with-border{background:#96281B;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}.post-body input{width:initial}
</style></b:if>








وبعد الانتهاء قوم بضغط علي حفظ المظهر اذهب الي تبويب الصفحات انشاء صفحه جديده اضغط علي html 





ثم قوم بازاله جميع الاكواد الموجوده ثم ضع الاكواد الاتيه بها..










<form id="kontak" name="contact-form">
  <input id="ContactForm1_contact-form-name" name="name" placeholder="الاسم" size="30" type="text" value="" />
  <input id="ContactForm1_contact-form-email" name="Email" size="30" placeholder="البريد الالكتروني" type="text" value="" />
  <textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="الرساله" rows="5"></textarea>
  <input id="ContactForm1_contact-form-submit" type="button" value="ارسال"/>
  <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>
<script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js"></script>
<script>//<![CDATA[
if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '0000000000000145';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d0000000000000145','//www.banktaqnia.blogspot.com/','0000000000000145');
_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': '0000000000000145', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
//]]></script>








قوم بتغيره blogID ب الخاص بك

 



------------------------------------------------



شكراا



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















عن الكاتب


              


              
محمود غانم




شاهد أيضاً






































التعليقات











           
          




















































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




إتصل بنا










































صفحتنا علي الفيس بوك









‏بنك التقنيه‏














اشترك معنا




































جميع الحقوق محفوظة

مدونه بنك التقنيه

2020