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

السلام عليكم ورحمة الله وبركاته 

تدوينة اليوم بإذن الله سوف أطرح عليكم إضافة رائعة وهى إضافة خاصية تسجيل الدخول لمدونات بلوجر حيث انها إضافة مهمة لزوار مدونتك عندما يريد الزائر الرد على تدويناتك 

وإليكم صورة الإضافة

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

طريقة تركيب هذه الإضافة :

1_ التوجة الى لوحة تحكم مدونتك  ثم اضغط على تخطيط و أضف HTML/JavaScript.

2_ قم بنسخ و لصق الكود التالي داخل الأداة :

<style> .signinform1{ background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6dM7qVwhsY84zeJ_0lYP3uxf5ZjtncCrfNMTcMiTZZaICT7tGhKlZgHno5jR4nsQB-xmR7B55Gu_sGjr9W7TXqw4N-GFIYuAMIFUxJldtRWJ0Y-_HnWBYtezyQTvG8CO_k8KKvqPAjTQI/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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKdlxvVfFQvTNJ1BzTGKQ6ln4tJ0xBFwv2AvVgehMCxcGZfwN9JOBX1JA8ofOxqdzUEqQgq7Ad4enu-mROSz27i1IiROOzay2UrN5r69WCX9GsDPa5Vge6uoKn881US8YpZFx6OiqlFV_R/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><br /> <br /> <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 /> <br /> <input id="signin-btn-ns" tabindex="0" value="سجل الدخول الآن" class="ubtn ubtn-block" name="submit" type="submit"/></form> </div> </div> <br /> <br />

أتمنى اكون قد أفدتكم فى حالة أن واجهتكم أى مشكلة أو أردتم الإستفسار عن شىء لا تترددوا