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

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

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

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

2- قم بنسخ و لصق الكود التالي داخل الأداة :
رمز Code:

.signinform1{
background: url("http://1.bp.blogspot.com/-o54P1WmRGYc/UfahhX7EvoI/AAAAAAAADms/LE6cAiJmx24/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("http://2.bp.blogspot.com/-RbTYaosDKV0/UfahhENRS_I/AAAAAAAADm8/a5otJr8d8Uo/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 */
}




تسجيل الدخول بمدونة بلوجر



اسم المستخدم :

كلمة السر : (؟)








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

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

و دمتم في رعاية الله وحفضه

المصدر ==>http://edafat.blogspot.com/2014/06/blog-post_7061.html







أكثر...