شرح كيفية تسجيل الدخول إلي بلوجر بإستخدام موقعك

شرح كيفية تسجيل الدخول إلي بلوجر بإستخدام موقعك

طريقة جديدة لدخول لوحة تحكم بلوجر من خلال موقعك  



لوحة ادارة بلوجر يجب اي مدون ان يدخلها يوميا , من خلالها ستتحكم بمدونتك وتفعل به ماتشاء 
ولكن اضافة اليوم اضافة رائعة ويضعونها في القوالب الجديدة وهي لوحة تسجيل الدخول ادارة بلوجر, اضافة بسيطة وليس بها اي مشاكل او اكواد تبطئ الموقع 
 وشرحها بسيط جدا لذلك سنتجه مباشرة الي 
الشرح 
قم بفتح التخطيط ثم قم مثلا في السايدبار ( الشريط الجانبي ) باضافة  أداة HTML/JavaScript 
وقم بوضع هذا الكود 
<div class='login-form'>
<form action='https://www.google.com/accounts/ServiceLoginBoxAuth' method='post' onsubmit='onlogin()'>
<div class='input-form'>
<div class='formlog-title'>
<h4>تسجيل الدخول <i class='fa fa-lock'/>
</i></h4>
</div>
<input name='continue' type='hidden' value='http://www.blogger.com/blogger.g?d=%2Fhome'/><input name='service' type='hidden' value='blogger'/><input name='nui' type='hidden' value='8'/><input name='naui' type='hidden' value='8'/><input name='fpui' type='hidden' value='2'/><input name='uilel' type='hidden' value='3'/><input name='skipvpage' type='hidden' value='true'/><input name='rm' type='hidden' value='false'/><input name='alwf' type='hidden' value='true'/><input name='roeu' type='hidden' value='http://www.blogger.com/login.g'/><input name='alinsu' type='hidden' value='0'/><input name='GA3T' type='hidden' value='WbQ8QiJfUvA'/><div><label for='Email'><input id='Email-log' name='Email' placeholder='البريد الإلكتروني' size='20' tabindex='1' type='text' value=''/></label></div><div><input autocomplete='off' id='Passwd-log' name='Passwd' placeholder='كلمة السر' size='20' tabindex='2' type='password'/></div><div class='forgetpass'><a href='https://www.blogger.com/forgot.g' target='_top' title='هل نسيت كلمة السر؟'> نسيت كلمة السر&#1567; </a></div><input class='ubtn ubtn-block' id='signin-btn-log' name='submit' tabindex='0' type='submit' value='تسجيل الدخول'/>
</div>
</form></div>
<style>
.input-form {background-color: #fff !important;border-radius: 2px !important;padding: 25px;height: auto;width: 90%;max-width: 370px;}
input#signin-btn-log,input#Passwd-log,input#Email-log {width: 100%;font-family:Tajawal}
input#Passwd-log {margin-top: 20px;}
.social .login:before{content:"\f023";}
.formlog-title{margin-bottom:20px !important;}
.formlog-title .fa-lock {float: left;color: #b9bec3;margin-top: 4px;}
.formlog-title h4 {font-weight: 700;}
#Email-log {border: 1px solid rgba(0,0,0,0.1);color: #2c2f34;font-size: 12px;outline: none;padding: 5px;line-height: 23px;border-radius: 2px;transition: background 0.3s, border 0.3s;background-color: transparent;}
#Passwd-log {border: 1px solid rgba(0,0,0,0.1);color: #2c2f34;font-size: 12px;outline: none;padding: 5px;line-height: 23px;border-radius: 2px;transition: background 0.3s, border 0.3s;background-color: transparent;}
#signin-btn-log{width: auto;position: relative;background: linear-gradient(45deg,#184c80,#80184c);color: #fff;padding: 7px 15px;margin: 0;font-weight: normal;font-size: 12px;display: inline-block;text-align: center;line-height: 21px;border: none;cursor: pointer;text-decoration: none;vertical-align: middle;transition: 0.3s;border-radius: 2px;-webkit-appearance: none;-moz-appearance: none;}
#signin-btn-log:hover {opacity: 0.8;}
.forgetpass {margin-top: 10px;margin-bottom: 10px;font-size: 12px;text-align: right;}
</style>
وقم بحفظ الكود وستشتغل معك الاضافة مثل هذه الصورة 

وقم بادخال بياناتك وستدخل الي لوحة تحكم بلوجر من خلال موقعك بكل سهولة , 
 ,وكالعادة في نهاية الموضوع  ان واجهتك اي مشكلة في هذا الموضوع او مشكلة عامة في موقعك قم بكتابتها في صفحة الاستشارة المجانية او في اي موضوع وسيقوم بالرد عليك من احد فريق الموقع او مني شخصيا , او اذا كنت تريد شرح معين عن  أي شي في بلوجر او SEO لاتتردد في كتابته في التعليقات  

ارسال تعليق

أحدث أقدم