أفكار إبداعية لموضوعات للمقالات: هل تحتاج إلى فكرة لمقالة؟

كود اتصل بنا HTML لمدونات بلوجر جاهز

قم بنسخ الكود التالي 

<div dir="rtl" style="text-align: right;" trbidi="on">
    <div id="contact-form">
    <form name="contact-form">
    <input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" placeholder="الاسم" size="30" type="text" value="" />
    <input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" placeholder="بريد إلكتروني" size="30" type="text" value="" />
    <textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="الرسالة" rows="5"></textarea>
    <input id="ContactForm1_contact-form-submit" type="button" value="إرسال" />
    <br />
    <div style="text-align: center;">
    <div id="ContactForm1_contact-form-error-message">
    </div>
    <div id="ContactForm1_contact-form-success-message">
    </div>
    </div>
    </form>
    </div>
    <style type="text/css">#contact-form{background : none ;padding:7px;box-shadow:non}#ContactForm1_contact-form-name,#ContactForm1_contact-form-email,#ContactForm1_contact-form-email-message{margin:7px auto;border:1px solid #430c0c;transition:all .5s ease-out;width:100%;border-radius:7px;padding:7px 7px;margin-bottom:7px;font-family:'bein',Roboto,sans-serif}#ContactForm1_contact-form-submit{border:1px solid rgb(236, 11, 11) ;font:unset;text-shadow:1px 1px 5px rgb(149, 23, 23);font-weight:700;font-size:14px;padding:5px 15px;background-color:#4004f6;border-radius:5px;color:non;font-family:'bein',Roboto,sans-serif;letter-spacing:1px;cursor:pointer}#ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-email-message:focus{outline:none;border-color:rgb(254, 19, 19);box-shadow:0 0 5px rgb(239, 17, 17)}.contact-form-error-message-with-border{color:#f11111;font-weight:700}    </style>
    <style>
    .contact-form-name { color : red}  
    .contact-form-email {color : red}
    .contact-form-email-message {color : red }
    .ContactForm1_contact-form-submit {color : red}
    </style>
    
    <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': ' 6327000008628088688', 'contactFormNameMsg': 'الاسم إجباري', 'contactFormEmailMsg': 'بريد إلكتروني إجباري', 'contactFormMessageMsg': 'رسالة', 'contactFormSendMsg': 'إرسال', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
    

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

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