أحدث المواضيع
إظهار الرسائل ذات التسميات إضافات بلوجر. إظهار كافة الرسائل
إظهار الرسائل ذات التسميات إضافات بلوجر. إظهار كافة الرسائل
إضافات مدونة بلوجر | إضافة صفحة اتصل بنا بشكل جميل لمدونة بلوجر |
لماذا صفحة اتصل بنا مهمة لمدونات بلوجر
طريقة تركيب إضافة صفحة اتصل بنا بشكل جميل لمدونة بلوجر
لتركيب الإضافة يرجي اتباع الخطوات التالية :
- من لوحة تحكم مدونتك قم بالذهاب إلي الصفحات => ثم مشاركة جديدة وقم بتسميتها contact us وقم بنشر الصفحة فارغة حتي يكون الرابط بطريقة صحيحة بهذا الشكل بعد النشر p/contact us.html/
- بعد ذلك قم بالدخول إليها مرة أخرى وقم بتغيير وضع المشاركة من تأليف إلي HTML ثم قم بلصق هذه الأكواد ثم قم بنشر المشاركة ويمكنك تغيير اسم المشاركة بعد ذلك
- من لوحة تحكم مدونتك قم بالذهاب إلي الصفحات => ثم مشاركة جديدة وقم بتسميتها contact us وقم بنشر الصفحة فارغة حتي يكون الرابط بطريقة صحيحة بهذا الشكل بعد النشر p/contact us.html/
- بعد ذلك قم بالدخول إليها مرة أخرى وقم بتغيير وضع المشاركة من تأليف إلي HTML ثم قم بلصق هذه الأكواد ثم قم بنشر المشاركة ويمكنك تغيير اسم المشاركة بعد ذلك
<div dir="rtl" style="text-align: right;" trbidi="on"><div dir="rtl" style="text-align: right;" trbidi="on">
<style> @import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css); #twist_blogger_cntct_form { padding: 50px 0px; border-radius: 2px; color: #1D1D1D; font-size: 15px; font-weight: bold; position: relative; background-color: #404040; font-family: 'Droid Arabic Kufi', serif; } #twist_blogger_cntct_form .wrap-me { margin: 0 auto; display: block; padding: 30px 20px; background-color: #F3F3F3; max-width: 440px; width: 100% !important; border-top: 65px solid #FF0000; box-sizing: border-box; } #twist_blogger_cntct_form .wrap-me:before { content: '\f0e0'; position: absolute; font-family: FontAwesome; font-weight: normal; margin-top: -88px; margin-right: -23px; right: 50%; display: inline-block; font-size: 28px; width: 53px; height: 53px; border-radius: 50px; text-align: center; color: #FFFFFF; box-sizing: border-box; border: 2px solid #FFFFFF; line-height: 49px; } input#ContactForm1_contact-form-name, #ContactForm1_contact-form-email, #ContactForm1_contact-form-email:hover, #ContactForm1_contact-form-email:active { padding: 5px; margin-top: 4px !important; box-shadow: none!Important; max-width: 300px; width: 100%; border: 1px solid #D2D2D2; line-height: 1em; min-height: 31px; background: #FEFEFE; font-family: 'Droid Arabic Kufi', serif; margin-bottom: 15px; border-radius: 0px; } .contact-form-email-message, .contact-form-email-message:active, .contact-form-email-message:hover { padding: 5px; margin-top: 4px !important; box-shadow: none!Important; max-width: 400px; width: 100%; border: 1px solid #D2D2D2; line-height: 1em; min-height: 80px; background: #FEFEFE; font-family: 'Droid Arabic Kufi', serif; margin-bottom: 10px; border-radius: 0px; } /***** Focus *****/ #ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus { outline: none; background: #FFFFFF !important; color: #444; border-color: rgb(236, 235, 235) !important; box-shadow: 0 0 5px rgba(241, 241, 241, 0.7) !important; transition: all 0.3s ease-in-out !important; } /**** Submit button style ****/ .contact-form-button-submit:hover { color: #FFFFFF; background: #0083FF !important; } .contact-form-button-submit { background: #19B3EA; display: table; font-size: 17px; margin: 0 !important; border-radius: 0 !important; max-width: 100%; width: 100%; min-width: 100%; height: 32px; line-height: 0.5em; letter-spacing: 0.5px; font-family: 'Droid Arabic Kufi', serif; font-weight: normal; cursor: pointer; outline: none!important; color: #FFFFFF; border: 1px solid #fff !important; text-align: center; padding: 0px 15px 0px 0px; text-transform: capitalize; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } /**** Submit button on Focus ****/ .contact-form-button-submit:focus, .contact-form-button-submit.focus { border-color: #FFFFFF; box-shadow: none !important; } /**** Error message ****/ .contact-form-error-message-with-border .contact-form-success-message { background: #f9edbe; border: 1px solid #f0c36d; bottom: 0; box-shadow: 0 2px 4px rgba(0,0,0,.2); color: #666; font-size: 12px; font-weight: bold; padding-bottom: 10px; line-height: 19px; margin-right: 0; opacity: 1; position: static; text-align: center; } /**** Submit Button On Success Message ****/ .contact-form-button-submit.disabled, .contact-form-button-submit.disabled:hover, .contact-form-button-submit.disabled:active { opacity: 0.9; } /****** Success Message *****/ .contact-form-error-message-with-border { background: #000000; border: 1px solid #5A5A5A; bottom: 0; box-shadow: none; color: #FDFDFD; font-size: 15px; font-weight: normal; line-height: 35px; margin-right: 0; opacity: 1; position: static; text-align: center; height: 35px; margin-top: 45px; } .contact-form-cross { height: 14px; margin: 5px; vertical-align: -8.5%; float: left; width: 14px; border-radius: 50px; border: 0 !important; cursor: pointer; } .contact-form-success-message-with-border { font-weight: normal; background-color: #000; border: 1px solid #FFF; color: #FFF; line-height: 35px; margin-right: 0; font-size: 13px; opacity: 1; position: static; text-align: center; height: 35px; margin-top: 45px; } /* Extra Stuff */ #twist_blogger_cntct_form span.name-bg { background-color: #E8F2FF; } #twist_blogger_cntct_form span.email-bg { background-color: #FFE8E8; } #twist_blogger_cntct_form span.name-bg, div#twist_blogger_cntct_form span.email-bg { display: inline-block; max-width: 300px; line-height: 21px; width: 100%; color: #696969; padding: 3px 5px; margin: 0px 0px 4px; box-sizing: border-box; height: 30px; border: 1px solid #E4E0E0; padding-right: 39px; } #twist_blogger_cntct_form span.name-bg:before { content: '\f007'; background-color: #60A2FF; } #twist_blogger_cntct_form span.email-bg:before { content: '\f1fa '; background-color: #FF530B; } #twist_blogger_cntct_form span.name-bg:before, div#twist_blogger_cntct_form span.email-bg:before, div#twist_blogger_cntct_form span.message-bg:before { font-family: FontAwesome; text-align: center; margin: -4px 0px 0px 0; font-weight: normal; padding: 0; line-height: 27px; width: 28px; height: 28px; display: table; position: absolute; margin-right: -40px !important; border: 1px solid rgba(0, 0, 0, 0.1); border-left: 0 !important; color: #FFFFFF; } #twist_blogger_cntct_form span.message-bg { background-color: #EBFFE8; display: inline-block; max-width: 400px; line-height: 21px; width: 100%; color: #696969; padding: 3px 5px; box-sizing: border-box; height: 30px; border: 1px solid #E4E0E0; padding-right: 39px; margin: 0px 0px 4px; } #twist_blogger_cntct_form span.message-bg:before { content: '\f0e0'; background-color: #20CC00; } #twist_blogger_cntct_form span.send-bg { height: 32px; display: inline-block; float: right; max-width: 45%; width: 100%; margin-top: 15px; transition: all 0.4s ease-in-out !important; } #twist_blogger_cntct_form span.send-bg:before { content: '\f1d8'; } #twist_blogger_cntct_form span.send-bg:before, div#twist_blogger_cntct_form span.clear-bg:before { font-family: FontAwesome; text-align: center; font-weight: normal; margin: 0; background-color: #000; padding: 0; line-height: 27px; width: 30px; height: 30px; display: inline-block; position: absolute; border: 1px solid #fff; border-left: 0 !important; color: #FFFFFF; } div#twist_blogger_cntct_form span.clear-bg { display: inline-block; float: left; margin-top: 15px; max-width: 45%; width: 100%; } #twist_blogger_cntct_form span.clear-bg:before { content: '\f021'; } input.contact-form-button.contact-form-button-submit.clear-button:hover { background-color: #E83434 !important; } #twist_blogger_cntct_form .clear-button { color: #FFFFFF; border: 1px solid #FFF !important; background-color: #FF2C2C; float: left; display: table; height: 32px; } </style> <div id="twist_blogger_cntct_form"> <div class="wrap-me"> <form name="contact-form"> <span class="name-bg">الإسم</span><br /> <input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" placeholder=" أدخل إسمك هنا" size="30" type="text" value="" /><br /> <br /> <span class="email-bg">الإيميل*</span><br /> <input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" placeholder="أدخل عنوان بريدك الإلكتروني هنا" size="30" type="text" value="" /><br /> <br /> <span class="message-bg">الرسالة*</span><br /> <textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="أدخل هنا نص الرسالة" rows="5"></textarea><br /> <span class="send-bg"><input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="إرسال" /></span> <span class="clear-bg"><input class="contact-form-button contact-form-button-submit clear-button" type="reset" value="مسح" /></span> <br /> <div style="max-width: 100%; text-align: center; width: 100%;"> <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> <br /></div> </div> <script src="https://www.blogger.com/static/v1/widgets/2227587253-widgets.js" type="text/javascript"></script> <script type="text/javascript"> _WidgetManager._Init(''); _WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'contact-sec', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'جارٍ الإرسال...', 'contactFormMessageSentMsg': 'تم إرسال رسالتك.', 'contactFormMessageNotSentMsg': 'تعذر إرسال الرسالة، يرجى المحاولة مرة أخرى في وقت لاحق.', 'contactFormInvalidEmailMsg': 'يلزم إدخال عنوان بريد إلكتروني صالح.', 'contactFormEmptyMessageMsg': 'لا يمكن أن يكون حقل الرسالة فارغًا.', 'title': 'نموذج الاتصال', 'blogId': '9134250977971339155', 'contactFormNameMsg': 'الاسم', 'contactFormEmailMsg': 'بريد إلكتروني', 'contactFormMessageMsg': 'رسالة', 'contactFormSendMsg': 'إرسال', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull')); </script> </div></div>
تعديل بسيط في الكود حتي تعمل الإضافة معك بشكل صحيح
يجب تغيير اى دي المدونة الخاصة بي إلي اى دي مدونتك كما هو موضح بالصور
بعد نسخ اى دى مدونتك قم بلصقها مكان اى دى مدونتي هذا كما هو موضح في الصورة التالية
مبروك لقد تم تركيب الإضافة بنجاح
هكذا قد وصلنا لنهاية موضوعنا لهذا اليوم وأتمني أن تعجبكم الإضافة وإذا واجهت أى مشاكل في تركيب الإضافة قم علي الفور بالتواصل معي وسوف أقوم بمساعدتك في التركيب ولا تنسي بدعمي بنشر الموضوع مع أصدقائك علي مواقع التواصل لنشر المزيد من المواضيع شكراً لزيارتك وإلي اللقاء
إضافات مدونة بلوجر | إضافة صفحة اتصل بنا بشكل جميل لمدونة بلوجر
Abdalla mohamad
يوليو 31, 2020
إضافات مدونة بلوجر | إضافة صفحة اتصل بنا بشكل جميل لمدونة بلوجر ا لسلام عليكم ورحمة الله وبركاته أقدم لكم اليوم زوار مدونتنا الكر...
الاشتراك في:
الرسائل (Atom)
أقسام الموقع
اسطونات
إضافات بلوجر
الربح من الإنترنت
الربح من الانترنت
العاب استراتيجية
العاب اكشن
العاب العالم المفتوح
العاب اندرويد
العاب بيس
العاب رياضية
العاب سباق
العاب كمبيوتر
العاب مغامرات
برامج الأوفيس
برامج انترنت
برامج تحميل
برامج تهمك
برامج جرافيك
برامج حماية
برامج صيانة
برامج فيديو
برامج كمبيوتر
برامج مونتاج
بلوجر
حل مشاكل بلوجر
شروحات
شروحات بلوجر
قوالب بلوجر
مراجعات
منوعات
مواضيع مختارة
مواقع مفيدة
الأكثر مشاهدة هذا الأسبوع
-
تحميل لعبة Age of Mythology كاملة بجميع أجزائها للكمبيوتر معلومات عن اللعبة لعبة Age of Mythology هي لعبة فيديو استراتيجية تعمل...
-
تحميل لعبة SPLIT SECOND كاملة للكمبيوتر وصف اللعبة SPLIT SECOND هي لعبة فيديو سباق تعمل علي أجهزة الكمبيوتر. تم تطويرها ونش...
-
تحميل لعبة التنس virtua tennis 4 برابط واحد مضغوطة للكمبيوتر مرحباً بكم في موضوع جديد في مدونتنا تبارك للمعلوميات حيث أقدم لكم اليوم...
-
مرحباً بك زائرنا الكريم في موضوع جديد في مدونتنا تبارك للمعلوميات حيث أقدّم لك بمشيئة الله تعالي لعبة PES2017 وهي لعبة من سلسلة الالعاب...
-
تحميل لعبة Virtua Tennis 1 بدون تثبيت كاملة بحجم صغير مرحباً بك زائرنا الكريم في موضوع جديد من مواضيع مدونتنا المتواضعة تبارك ...
-
تحميل أفضل لعبة تنس حقيقية بجرافيك عالي للأجهزة الضعيفة مرحباً بك زائرنا الكريم في موضوع جديد من مواضيع مدونتنا المتواضعة تبارك للم...
-
أهلاً وسهلاً بك زائرنا الكريم في موضوعنا لهذا اليوم حيث نقدم لك أفضل لعبة من ألعاب الأكشن والإثارة للأجهزة الضعيفة والمتوسطة حيث نقدم لك را...
-
تحميل لعبة Age of Empires 1 برابط واحد للأجهزة الضعيفة بدون تثبيت السلام عليكم مرحباً بك من جديد في لعبة جديدة علي مدونتنا تبارك للمعل...
-
تحميل لعبة Napoleon: Total War كاملة مجاناً للكمبيوتر نبذة عن اللعبة لعبة Napoleon: Total War هي لعبة فيديو تعمل علي أجهزة ا...
-
الحمد لله والصلاة والسلام علي سيدنا محمد وعلي آله وصحبه وسلم ، معنا اليوم لعبة (بيس 2009) وهي من سلسلة الالعاب بيس الشهيرة في ال...