كيفية أضافة صندوق تسجيل دخول فى مدونة بلوجر

السلام عليكم

أهلاُ بكم شباب مع درس جديد من دروسنا الحصرية واضافة جديدة

بالتأكيد جميعنا يود عمل مربع لتسجيل الدخول فى مدونته بسهولة واذا كان هناك مؤلفين فذلك سوف يسهل هذه العملية عليهم كثيراُ
والاضافة بالتأكيد سوف تجمل من الشكل العام لمدونتك وتحسنه الاضافة عبارة عن كود html سوف تقوم بأضفته الى مدونتك على هيئة java script أظن أن ألامر قد أتضح الان أمامك كل هذا فى مجرد كود html رأئع أليس كذلك.

أضافة الاداة :

1-  أنسخ الكود التالى .

<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="تسجيل الدخول" style="font-family: Arial,Helvetica,sans-serif; text-align: center;">
<div class="signin-box">
<b></b>
<h10>Sign in <b></b></h10>
<form action="https://accounts.google.com/ServiceLoginAuth" id="gaia_loginform" method="post">
<input id="continue" name="continue" type="hidden" value="http://www.blogger.com/home" />
<input id="followup" name="followup" type="hidden" value="http://www.blogger.com/home" />
<input id="service" name="service" type="hidden" value="blogger" />
<input id="dsh" name="dsh" type="hidden" value="6142519179923382556" />
<input id="ltmpl" name="ltmpl" type="hidden" value="start" />
<input id="ltmpl" name="ltmpl" type="hidden" value="start" />
<input name="GALX" type="hidden" value="-8KGoBVeaSk" />
<input id="pstMsg" name="pstMsg" type="hidden" value="0" />
<input id="dnConn" name="dnConn" type="hidden" value="" />
<input id="checkConnection" name="checkConnection" type="hidden" value="" />
<input id="checkedDomains" name="checkedDomains" type="hidden" value="youtube" />
<input id="timeStmp" name="timeStmp" type="hidden" value="" />
<input id="secTok" name="secTok" type="hidden" value="" />
<label>
<b class="email-label">الاسم</b>
<input id="Email" name="Email" spellcheck="false" type="text" value="" />

</label>
<label>
<b class="passwd-label">الرقم السرى</b>
<input id="Passwd" name="Passwd" type="password" />
</label>
<input class="g-button g-button-submit" id="signIn" name="signIn" type="submit" value="دخول" /><a href="https://www.blogger.com/forgot.g" id="link-forgot-passwd" target="_top"><b>
نسيت الرقم السرى؟</b>
</a>
<input name="rmShown" type="hidden" value="1" /></form>

</div>
</div>
</div> 

2- انسخ كود ال html واذهب الى تصميم >> عناصر الصفحة

 

3- اختر اضافة اداة

 

4- اختر اداة html / java script 10- الصق كود الhtml فى الاداة واضغط حفظ

5- اذهب الان للمعاينة.

أذا واجهتك أى مشكلة يرجى ترك تعليقك .