شرح كيفية تسجيل الدخول إلي بلوجر بإستخدام موقعك
طريقة جديدة لدخول لوحة تحكم بلوجر من خلال موقعك
لوحة ادارة بلوجر يجب اي مدون ان يدخلها يوميا , من خلالها ستتحكم بمدونتك وتفعل به ماتشاء
قد يهمك : افضل كورس احتراف بلوجر
ولكن اضافة اليوم اضافة رائعة ويضعونها في القوالب الجديدة وهي لوحة تسجيل الدخول ادارة بلوجر, اضافة بسيطة وليس بها اي مشاكل او اكواد تبطئ الموقع
وشرحها بسيط جدا لذلك سنتجه مباشرة الي
قد يهمك : كيفية اضافة مكتبة بوتستراب الي موقعك
الشرح
قم بفتح التخطيط ثم قم مثلا في السايدبار ( الشريط الجانبي ) باضافة أداة 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='هل نسيت كلمة السر؟'> نسيت كلمة السر؟ </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 لاتتردد في كتابته في التعليقات
لا يمكنني نسخ الكود اخي
ردحذف