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

الاثنين، 5 مارس 2018

الرئيسية ›صفحات مهمة ›طريقة انشاء صفحة اتصل بنا فى مدونات بلوجر

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

بواسطة شرقاوى ويب

الاثنين، 5 مارس 2018

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

صفحة اتصل بنا فى مدونات بلوجر

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

للمعاينة اضغط هنا

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

1- اذهب الى التخطيط

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

بعد الذهاب الى التخطيط اضغط على اضافة اداة ثم ضغط على المزيد من الادوات ثم اختر نموذج الاتصال

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

2- قم بالتوجهة الى المظهر ثم اختر html

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

قم بالبحث عن ]]></b:skin>/ ثم اضف الاكواد فوقه

/* CSS Contact */
 #ContactForm1,#ContactForm1 br{
    display:none;
}
 #ContactForm1_contact-form-name, #ContactForm1_contact-form-email{
     width:50%;
    height:auto;
    margin:5px auto;
    padding:10px;
    background:#fff;
    color:#444;
    border:1px solid #e9e9e9;
    border-radius:3px;
    transition:all 0.5s ease-out;
}
 #ContactForm1_contact-form-email-message{
    width:450px;
    height:175px;
    margin:5px 0;
    padding:10px;
    background:#fff;
    color:#444;
    font-family:'
    Open Sans'
    ,sans-serif;
    border:1px solid #e9e9e9;
    border-radius:3px;
    transition:all 0.5s ease-out;
}
 #ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus{
    outline:none;
    background:#fff;
    color:#666;
    border-color:rgba(81,203,238,1);
    box-shadow:0 0 5px rgba(81,203,238,0.7);
}
 #ContactForm1_contact-form-submit {
    font-family: 'Noto Kufi Arabic';
    float:right;
    background:#f3f3f3;
    color:#aaa;
    margin:10px auto;
    vertical-align:middle;
    cursor:pointer;
    padding:10px 18px!important;
    font-weight:700;
    font-size:14px;
    text-align:center;
    text-transform:uppercase;
    letter-spacing:0.5px;
    border:none;
    border-radius:4rem;
    background-image: linear-gradient(-95deg, #f53b3b 0%, #f53b3b 50%, transparent 50%, transparent 100%);
    background-size:200%;
    background-position:0 0;
    background-repeat:no-repeat;
    transition: background-position .4s ease, color .4s ease;
    height: initial;
    line-height: initial;
}
 #ContactForm1_contact-form-submit:hover {
    color:#fff;
    background-position:100% 0;
}
 #ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{
     width:450px;
    margin-top:35px;
}

وبعد لصق الاكواد قم بحفظ المظهر

3- قم بالتوجه الى الصفحات واضف صفحة جديد وتوجه من تأليف الى html