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

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

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

Table of Contents

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

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

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

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

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

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

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

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

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

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

بعد ذلك قم بالبحث عن هذا الكود ]]></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 برابط مدونتك.

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

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

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

شاهد أيضاً

كيفية عمل نسخة احتياطية من مدونة Blogger الخاصة بك (المحتوى والنماذج والصور )

كيفية عمل نسخة احتياطية من مدونة Blogger الخاصة بك (المحتوى والنماذج والصور )

متى أجريت آخر نسخة احتياطية من مدونة Blogger ؟ تخيل أنه تم حذف مشاركات مدونتك …

10 طرق لحماية بلوجر من الهكر blogger

10 طرق لحماية بلوجر من الهكر

نظرًا لأن ووردبريس هي أداة شائعة لإعداد المدونات ، فيمكنها بسهولة جذب انتباه المتسللين. يمكنك …

أهم 6 مواقع لمعرفة الباك لينك موقعك وتنظيف الأخطاء

السلام عليكم ورحمة الله وبركاته مرحبا بمتابعي مدونة الشهادة سنقدم لكم اليوم موضوع مهم زهو …

تحويل الزائر من صفحة الخطأ الى الصفحة الرئيسية تلقائيا لمدونة بلوجر

السلام عليكم ورحمة الله وبركاته مرحبا بمتابعي وزوار مدونة الشهادة اليوم سنقدم لكم طريقة تحويل …

7 تعليقات

  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

  6. Hello, my name’s Eric and I just ran across your website at ashahada.com…

    I found it after a quick search, so your SEO’s working out…

    Content looks pretty good…

  7. شكرا لك على الموضوع الرائع

اترك تعليقاً

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