كيفية إضافة خاصية تسجيل الدخول لحساب البلوجر من مدونتك

 HTML/JavaScript.

<style>
.signinform1{
background: url("http://1.bp.blogspot.com/-o54P1WmRGYc/UfahhX7EvoI/AAAAAAAADms/LE6cAiJmx24/s1600/colored-strip+-+www.afkarpro.blogspot.com.png") repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #AAAAAA; border-radius: 3px; margin-top: 0px; margin-bottom: 10px; padding: 3px 0; /* afkarpro.blogspot.com */
}
.signinform2{
background: url("http://2.bp.blogspot.com/-RbTYaosDKV0/UfahhENRS_I/AAAAAAAADm8/a5otJr8d8Uo/s1600/bg-pattern+-+www.afkarpro.blogspot.com.png") repeat scroll 0 0 #F7F7F7; color: #111111; font-size: 14px; line-height: 20px; padding: 5px 20px 1px; text-align: center; text-transform: uppercase; /* afkarpro.blogspot.com */
}
.signinform2 h3{
color: rgb(227, 103, 31); border-top-width: 1px; border-bottom-width: 1px; border-radius: 10px 10px 10px 10px; padding-right: 25px; padding-left: 25px; margin-right: -20px; margin-top: 0px; margin-bottom: -5px; font: bold 17px Droid Arabic Naskh,serif; border-style: dashed; border-right-color: rgb(84, 84, 84); border-left: 3px dashed rgb(183, 38, 38); width: 242px; /* afkarpro.blogspot.com */
}
.signinform2 b{
display:block; padding-left: 3px; font:bold 12px Droid Arabic Naskh,serif; margin-right: 15px; text-align: right; /* afkarpro.blogspot.com */
}
.ubtn-block {
background: -moz-linear-gradient(center top , #F3650F, #E96516) repeat scroll 0 0 rgba(0, 0, 0, 0); border-color: #FFFFFF !important; border-left: 1px solid #FFFFFF !important; border-radius: 6px; border-style: solid !important; border-width: 1px 1px 2px !important; box-shadow: 0 8px 6px -6px #909090; color: #FFFFFF; cursor: pointer; font: bold 13px DroidKufi-bold,Arila,Tahoma; height: 30px; margin: 0px 0 10px 0; padding: 4px 14px 30px; transition: all 1s ease 0s; /* afkarpro.blogspot.com */
}
.ubtn-block:hover {
background-color: #357AE8; background-image: -moz-linear-gradient(center top , #4D90FE, #357AE8); border-color: #2F5BB7; /* afkarpro.blogspot.com */
}
</style>

<div class="signinform1">
<div class="signinform2">
<h3>تسجيل الدخول بمدونة بلوجر</h3><br/><form 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"><b>اسم المستخدم : </b><input id="Email" tabindex="1" value="" name="Email" size="35" type="text"/></label></div><div>
<label for="Passwd"><b>كلمة السر : (<a target="_top" title="هل نسيت الرقم السري" href="https://www.blogger.com/forgot.g">؟</a>)</b> </label><input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="35" type="password"/></div><br/>
<input id="signin-btn-ns" tabindex="0" value="سجل الدخول الآن" class="ubtn ubtn-block" name="submit" type="submit"/></form>
</div>
</div>