الرئيسية / blogger / طريقة حديثة لانشاء صفحة اتصل بنا لمدونات بلوجر

طريقة حديثة لانشاء صفحة اتصل بنا لمدونات بلوجر

طريقة حديثة لانشاء صفحة اتصل بنا لمدونات بلوجر

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

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

مثال على اضافة اتصل بنا لمدونة بلوجر

طريقة حديثة لانشاء صفحة اتصل بنا لمدونات بلوجر

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

قمنا بتقديم من قبل الكثير من الشروحات للاضافات الخاصة بانشاء صفحة اتصل بنا لكن اضافة اليوم شكلها مختلف ومميز.

طريقة حديثة لانشاء صفحة اتصل بنا لمدونات بلوجر

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

أما في حال كانت الإضافة موجودة فى مدونتك مسبقا فلا داعي لاضافتها مجددا.

طريقة حديثة لانشاء صفحة اتصل بنا لمدونات بلوجر

بعد ذلك قم بالبحث عن هذا الكود ]]></b:skin> فى مظهر مدونتك بعده مباشرة قم بوضع الكود التالى فوقه.

#ContactForm1,#ContactForm1 br{display:none}

الأن قم بحفظ القالب وانتقل الى انشاء صفحة جديدة وقم بوضع الكود التالى فى وضع HTML

كما موضح فى الصورة التالية.

طريقة حديثة لانشاء صفحة اتصل بنا لمدونات بلوجر. 2021
<div dir="rtl" style="text-align: right;" trbidi="on">
<form name="contact-form">
<div class="formcolumn1">
<input id="ContactForm1_contact-form-name" name="name" placeholder="الاسم" size="30" type="text" value="" /> </div>
<div class="formcolumn2">
<input id="ContactForm1_contact-form-email" name="email" placeholder="البريد الإلكتروني" size="30" type="text" value="" /> </div>
<div class="formcolumn3">
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="الرسالة" rows="7"></textarea> </div>
<input class="ripplelink" id="ContactForm1_contact-form-submit" type="button" value="ارسال" />  
<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>

<style scoped="" type="text/css">
#ContactForm1,#comments{display:none}
#ContactForm1_contact-form-name,#ContactForm1_contact-form-email{display:inline-block;width:100%;height:auto;margin:10px auto;padding:14px;background:#f4f7f8;color:#222;border:0;transition:all .6s;box-shadow:0 1px 2px 0 rgba(60,64,67,0.302),0 1px 3px 1px rgba(60,64,67,0.149)}
#ContactForm1_contact-form-email-message{width:100%;height:250px;margin:10px auto;padding:14px;background:#f4f7f8;color:#222;border:0;transition:all .6s;box-shadow:0 1px 2px 0 rgba(60,64,67,0.302),0 1px 3px 1px rgba(60,64,67,0.149)}
#ContactForm1_contact-form-submit{background:#f4f7f8;color:#5f6368;font-size:16px;height:45px;float:left;padding:0 30px;margin:10px 0 3px 5px;cursor:pointer;border:none;box-shadow:0 1px 2px 0 rgba(60,64,67,0.302),0 1px 3px 1px 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}
</style>

<script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '6834270398171671909';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d6834270398171671909','//wdbloog.blogspot.com/','6834270398171671909');
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'footer1', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'إرسال...', 'contactFormMessageSentMsg': 'تم ارسال رسالتك.', 'contactFormMessageNotSentMsg': 'لا يمكن إرسال الرسالة. الرجاء معاودة المحاولة في وقت لاحق.', 'contactFormInvalidEmailMsg': 'مطلوب عنوان بريد إلكتروني صالح.', 'contactFormEmptyMessageMsg': 'لا يمكن ترك حقل الرسالة فارغًا.', 'title': 'Contact Form', 'blogId': '6834270398171671909', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'البريد الإلكتروني', 'contactFormMessageMsg': 'الرسالة', 'contactFormSendMsg': 'إرسال', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
//]]>
</script>

</div>

او حمله من هنا في ملف تكست

وبعدها قم بتعديل هذه الاعدادات كما موضح في الصورة التالية

يجب عليك قبل الحفظ أن تقوم بالبحث في الصفحة عن الكود الملون بالأزرق وتقوم باستبداله ب blog id الخاص بمدونتك 6834270398171671909 بعد أن تضع الأكواد فى الصفحة ، وتقوم بتغيير بـ blogID الخاص بمدونتك كما فى هذه الصورة سوف تعرف المعرف ، وكذلك سوف تقوم بتغيير رابط مدونتي wdbloog.blogspot..om برابط مدونتك.

من بعد هذه الخطوات قم بحفظ الصفحة وستجد أن صفحة اتصل بنا صارت جاهزة.

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

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

شاهد أيضاً

قالب White لمدونات بلوجر متعدد الاستخدامات

قالب White لمدونات بلوجر متعدد الاستخدامات قوالب بلوجر

قالب White لمدونات بلوجر متعدد الاستخدامات قالب White لمدونات بلوجر متعدد الاستخدامات مرحبا بكم عشاق …

قالب روتكس لمدونات بلوجر

قوالب blogger- تحميل قالب روتكس بلوجر اخر اصدار

قالب روتكس لمدونات بلوجر قوالب blogger– تحميل قالب روتكس بلوجر اخر اصدار السلام عليكم ورحمة …

تحميل قالب Levon لمدونات بلوجر متعدد الاستخدامات

قوالب بلوجر- تحميل قالب Levon بلوجر متعدد الاستخدامات

تحميل قالب Levon لمدونات بلوجر متعدد الاستخدامات قوالب بلوجر– تحميل قالب Levon بلوجر متعدد الاستخدامات …

قوالب بلوجر. قالب sendigo بلوجر للمجلات والمدونات التقنية

قوالب بلوجر. قالب sendigo بلوجر للمجلات والمدونات التقنية

قوالب بلوجر. قالب sendigo بلوجر للمجلات والمدونات التقنية السلام عليكم و رحمة الله، قوالب بلوجر. …

5 تعليقات

  1. Hi,

    How are you doing? I aim to provide you a high quality, free of cost guest post article for your amazing website.

    I can send you some really great topic ideas for this purpose which would be relevant to your website niche for sure.

    If my topic ideas happen to appeal you, I’ll send over the article. I would just need a backlink in return of the article. The backlink needs to be within the body of the article.

    Please let me know your response to this, if I shall send topic ideas?

    Looking forward.

    Regards,

    Umer Ishfaq

  2. Hi, Eric here with a quick thought about your website ashahada.com…

    I’m on the internet a lot and I look at a lot of business websites.

    Like yours, many of them have great content.

    But all too often, they come up short when it comes to engaging and connecting with anyone who visits.

    I get it – it’s hard. Studies show 7 out of 10 people who land on a site, abandon it in moments without leaving even a trace. You got the eyeball, but nothing else.

    Here’s a solution for you…

    Talk With Web Visitor is a software widget that’s works on your site, ready to capture any visitor’s Name, Email address and Phone Number. You’ll know immediately they’re interested and you can call them directly to talk with them literally while they’re still on the web looking at your site.
    to try out a Live Demo with Talk With Web Visitor now to see exactly how it works.

    It could be huge for your business – and because you’ve got that phone number, with our new SMS Text With Lead feature, you can automatically start a text (SMS) conversation – immediately… and contacting someone in that 5 minute window is 100 times more powerful than reaching out 30 minutes or more later.

    Plus, with text messaging you can follow up later with new offers, content links, even just follow up notes to keep the conversation going.

    Everything I’ve just described is extremely simple to implement, cost-effective, and profitable.

    to discover what Talk With Web Visitor can do for your business.

    You could be converting up to 100X more eyeballs into leads today!

    Eric
    PS: Talk With Web Visitor offers a FREE 14 days trial – and it even includes International Long Distance Calling.
    You have customers waiting to talk with you right now… don’t keep them waiting.
    to try Talk With Web Visitor now.

    If you’d like to unsubscribe click here

  3. A special topic and a wonderful lieutenant. Continue this way in publishing beautiful articles

  4. A special topic and a wonderful lieutenant. Continue this way in publishing beautiful articles ,
    We are wondering if you would be interested in our service, where we can provide you with a dofollow link from Amazon (DA 96) back to

    The price is just $67 per link, via Paypal.

    To explain what DA is and the benefit for your website, along with a sample of an existing link, please read here:

    If you’d be interested in learning more, reply to this email but please make sure you include the word INTERESTED in the subject line field, so we can get to your reply sooner.

    Kind Regards,
    Claudia

  5. Hi, We are wondering if you would be interested in our service, where we can provide you with a dofollow link from Amazon (DA 96) back to ashahada.com?

    The price is just $77 per link, via Paypal.

    To explain what DA is and the benefit for your website, along with a sample of an existing link, please read here:

    If you’d be interested in learning more, reply to this email but please make sure you include the word INTERESTED in the subject line field, so we can get to your reply sooner.

    Kind Regards,
    Claudia

اترك تعليقاً

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