القائمة الرئيسية

الصفحات

اضافة نموذج تسجيل الدخول من خلال الموقع بلوجر

اضافة نموذج تسجيل الدخول من خلال الموقع بلوجر


اضافة نموذج تسجيل الدخول من خلال الموقع بلوجر


نموذج تسجيل الدخول - مربع تسجيل الدخول لـ Blogger إضافة أداة نموذج تسجيل الدخول إلى blogger للمدون.اضافة نموذج تسجيل الدخول من خلال الموقع بلوجراضافة نموذج تسجيل الدخول من خلال الموقع بلوجر إن مربع تسجيل الدخول في الصفحة الرئيسية للمدون رائع حقًا ويفضل الكثير منا الانتقال إلى الصفحة الرئيسية نفسها لتسجيل الدخول والوصول إلى مدوناتنا. ولكن ماذا لو كنت ترغب في الوصول إلى لوحة تحكم مدونتك من مدونتك نفسها؟ حسنًا ، من الممكن إضافة أداة تحتوي على بعض الرموز أو النصوص البرمجية إلى الشريط الجانبي لمدونة مدونتك والوصول إلى لوحة التحكم من مربع تسجيل الدخول. وأنا متأكد من أنك تحب الأدوات في مدونتك.

 في هذا المنشور ، سنتعلم كيفية إضافة مربع تسجيل الدخول إلى مدونتك / blogspot blog. او اضافة نموذج تسجيل الدخول من خلال الموقع بلوجرنستخدم مستخدمي Blogger هنا الخطوات.

آمل أن تعرف كيفية إضافة الأدوات إلى مدونتك.

1. قم بتسجيل الدخول إلى لوحة التحكم التخطيط او التنسيق.

2. انقر فوق "إضافة أداة" حيث تحتاج إلى وضع مربع أو نموذج تسجيل الدخول.

إضافة أداة

3. سيتم فتح نافذة منبثقة واختيار انقر فوق "إضافة أداة" وحدد "HTML / Java Script".

4. انسخ الكود أدناه والصق داخل المربع. ملاحظة: (تأكد من نسخ المحتوى فقط من النموذج إلى / النموذج

<style>
input#Email,input#Passwd {
    border-radius: 36px;
    padding: 3px 6px;
    width: 95%;
    outline: 0;
    border:2px solid #ccc;
    transition: all 1s ease;
}
input#Email:focus,input#Passwd:focus {border:2px solid rgb(5, 2, 49);}
label {display: block;text-align: center;}
span.la {
    padding: 5px 14px;
    margin: 2px 0;
    display: inline-block;
    border-radius: 36px;
    background: #232526;
    background: -webkit-linear-gradient(to right, #414345, #232526);
    background: -o-linear-gradient(to right, #414345, #232526);
    background: -moz-linear-gradient(to right, #414345, #232526);
    background: linear-gradient(to right, #414345, #232526);
    color: #fff;
    font-weight: 700;
}
input#signin-btn-ns {
    color: #fff;
    border-radius: 36px;
    padding: 5px 10px;
background: #4b6cb7; 
background: -webkit-linear-gradient(to right, #182848, #4b6cb7);
background: -o-linear-gradient(to right, #182848, #4b6cb7);
background: -moz-linear-gradient(to right, #182848, #4b6cb7);
background: linear-gradient(to right, #182848, #4b6cb7); 
    border: 3px solid #ccc;
    font-weight: 700;
    cursor: pointer;
    outline: 0;
    transition: all 1s ease;
}
input#signin-btn-ns:focus{padding: 5px 20px;}
.frm{text-align: center;direction:rtl;}
    </style>
<form class="frm"action="https://www.google.com/accounts/ServiceLoginBoxAuth" method="post" onsubmit="onlogin()">
<input value="http://www.blogger.com/loginz?d=%2Fhome&p=http%3A%2F%2Fwww.blogger.com%2F" name="continue" type="hidden"/>
<input value="blogger" name="service" type="hidden"/><input value="8" name="nui" type="hidden"/>
<input value="8" name="naui" type="hidden"/><input value="2" name="fpui" type="hidden"/>
<input value="3" name="uilel" type="hidden"/>
<input value="true" name="skipvpage" type="hidden"/>
<input value="false" name="rm" type="hidden"/>
<input value="true" name="alwf" type="hidden"/>
<input value="http://www.blogger.com/login.g" name="roeu" type="hidden"/>
<input value="0" name="alinsu" type="hidden"/>
<input value="WbQ8QiJfUvA" name="GA3T" type="hidden"/>
<div><label for="Email"><span class="la">الاسم</span><br/><input id="Email" tabindex="1" value="" name="Email" size="20" type="text"/>
</label></div><div>
<label for="Passwd"><span class="la">كلمة المرور(<a href="https://www.blogger.com/forgot.g" target="_top" title="Forgot your password?">?</a>) </span><br/>
<input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="20" type="password"/></label></div><br/>
<input id="signin-btn-ns" tabindex="0" value="تسجيل الدخول" class="ubtn ubtn-block" name="submit" type="submit"/>
</form>


هل اعجبك الموضوع :

تعليقات

التنقل السريع