كيفية اضافة نموذج الاتصال لبلوجر

السلام عليكم متابعى انتكا،
اليوم موضوعنا مهم جدا لمدونات بلوجر

كيفية اضافة نموذج الاتصال لبلوجر

وهذه صوره توضيحية للموضوع⍅⏬⏬⏬⏬⏬⏬⏬

كيفية اضافة نموذج الاتصال لبلوجر

💜💛💚💙💜💛💗💖

مميزات نموذج الاتصال

⇐⇓⇓⇓⇓⇓⇓⇓⇓⇒

هذا الشكل جميل جدا لبلوجر، لانه عائم على سطح المدونة

ومفيد ايضا للتواصل مع زوارك فى بلوجر ولكن البعض من المدونين

لا يهتم به وهذه مشكله فى حد ذاتها لان جميع المدونين لايهمهم الا ارضاء زوارهم

ولن اليوم مع هذا النموذج يمكننا ارضاء زوار مدونتنا والتركيب سهل ايضا

وميزته الاكثر انه لا يؤئر فى المدونه ولا تصفح المدونه بل يجعلها اسرع مما كانت

وهذا عن تجربتى الشخصيه فى مدونة انتكا،🔜🔜

كيفية تركيب الاضافة👀

1- ندخل لصفحة بلوجر الرئيسية

2- نختار قالب + تحرير html

3- نضغط مفتاح ctrl+f

ونبحث عن هذا الوسم

( </b:skin> )

ستجد تحته وسم اخر يسمى ( Style )

نضع الكود التالى تحته مباشرة

#mbl-contact .ContactForm {
    margin: 0px!important;
}
#mbl-contact .contact-form-button-submit {
    max-width: none;
    width: 100%;
    height: 35px;
    border: 0;
    background-image: none;
    background-color: #FA411E;
    cursor: pointer;
    font: normal normal 13px Open Sans;
    font-style: normal;
    font-weight: 400;
}
.#mbl-contact .contact-form-button-submit:hover {
    background-color: #222;
    background-image: none;
    border: 0;
}
#mbl-contact #contact {
    position: fixed;
    bottom: 0;
    right: 1%;
    background-color: #EEE;
    color: #555;
    width: 300px;
    z-index: 1.0E+15;
}
#mbl-contact #contact .contact-form-widget {
    padding: 30px;
    display: none;
}
#mbl-contact #contact {
    position: fixed;
    bottom: 0;
    right: 1%;
    background-color: #EEE;
    color: #555;
    width: 300px;
    z-index: 1.0E+15;
}
#mbl-contact #contact h2.title {
    margin: 0px;
    font-weight: 400;
    background-color: #FA411E;
    color: #FFF;
    padding: 8px 15px;
    font-size: 16px;
    cursor: pointer;
    letter-spacing: 3px;
    text-align: center;
}
#mbl-contact #contact h2.title .fa {
    position: absolute;
    left: 10px;
    top: 12px;
}
#mbl-contact #contact .contact-form-widget {
    width: 240px;
    padding: 30px;
    display: none;
}
#mbl-contact #contact * {
    transition: all 0 ease;
    -webkit-transition: all 0 ease;
    -moz-transition: all 0 ease;
    -o-transition: all 0 ease;
}
#mbl-contact #contact .contact-form-name,#contact .contact-form-email,#contact .contact-form-email-message {
    background-color: #DDD;
    color: #111;
    border: 0;
    padding: 10px 5px;
    font: normal normal 13px Open Sans;
}
#mbl-contact .contact-form-name,.contact-form-email,.contact-form-email-message,.contact-form-widget {
    max-width: none;
    margin-bottom: 15px;
}

الخطوه الثانيه⇛⇛

نبحث عن الوسم ( </body> )

ونضيف الكود التالى فوقه مباشرة

وكده نكون خلصنا الموضوع ومبروك عليك الاضافة الجميله
لو واجهتك اى مشكله فى التركيب لا تتردد فى كتابتها فى تعليق لاوضح لك الامر
#انتكا

اخر الاخبار شروحات بلوجر نصائح المدون

كيفية اضافة نموذج الاتصال لبلوجر

كيفية اضافة نموذج الاتصال لبلوجر

💜💛💚💙💜💛💗💖

مميزات نموذج الاتصال

كيفية تركيب الاضافة👀

الخطوه الثانيه⇛⇛

hisham mustafa

انا هشام اسمي هشام عايش هشام نايم هشام باكل هشام بشرب هشام

اترك تعليقك Hide comment