الأربعاء، 26 فبراير 2014

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




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

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

1- أدخل إلى لوحة التحكم الخاصة بمدونتك على البلوجر، ثم اضغط على تخطيط و أضف HTML/JavaScript.

2- قم بنسخ و لصق الكود التالي داخل الأداة :
<style>
.signinform1{
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJNCZ6blzwvxmb8BrCdQC9DVpZNQK4qumxjREH05QbhiTG6K-bBL4CsPp1fwE8zmJD_v5Ud6R370tr9OcG5_CpxWohzWr-AjVWTbLaUB3NM7x6AQ-wJCyLnoz7oMsPCmzoT2fVHskEQO5x/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/AVvXsEjwqH9CtypXNhYq_hqllEhoYjrCZH1_IaJRaM0QyE-eyx-xJ33zIepb22FWqfdm89hV0h9d18cvDn0tZMZE2gdzdcZyy6SFbJp9XUC4YSjxaCPEDkH7ngDAG6vAs-gJ8oE0Q2bJ8NEfvoGO/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>

3- ثم قم بحفظ الإضافة.


*! أتمنى أن أكون قد وفقت في إيصال المعلومة لكم بدون تعقيدات ;)
و إذا واجهت أي مشكل أو لديك أي استفسار لا تتردد في طرح سؤالك وذلك بالرد بتعليق، سأجيب بالتأكيد! إن شاء الله ...
و دمتم في رعاية الله وحفضه




ـ
روابط هذه التدوينة قابلة للنسخ واللصق
URL
HTML
BBCode

هناك 4 تعليقات :