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

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

معاينة الإضافة

المعــاينة

صورة من الإضافة

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

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

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

#ContactForm1,#ContactForm1 br{display:none}

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

<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', '//teqniweb.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>

وســوف تــقــوم بــجــعــل الأعــدادت كــمــا فــي هــذه الــصــورة :

 

وقــبـل حــفـظ الـصـفــحـة سـوف تــقـوم فـي الـصـفــحـة بـالـبــحـث عـن هـذا الــكـود 6834270398171671909 بــعــد وضــع الأكــواد فــي الـصــفــحــة، وتــقــوم بـتـغــيــيــر بـ blogID الـخـاص بــمـدونـتـك كـمـا فـي هـذه الـصـورة سـوف تـعـرف الـمـعـرف، وكـذلـك سـوف تـقـوم بـتــغـيـيـر رابـط مـدونـتـي teqniweb.com بــرابــط مـدونــتــك :



بــعـد ذلـك سـوف تــقـوم بــحــفـظ الــصــفــحـة ومــبـروك عــلــيـك.

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