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

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

 

بالتأكيد جميعنا يود عمل مربع لتسجيل الدخول فى مدونته بسهولة واذا كان هناك مؤلفين فذلك سوف يسهل هذه العملية عليهم كثيراُ

والاضافة بالتأكيد سوف تجمل من الشكل العام لمدونتك وتحسنه الاضافة عبارة عن كود 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- اذهب الان للمعاينة. http://elaaruba.blogspot.com/2015/05/blog-post_2.html

اقرأ المزيد

كيفية إضافة خريطة HTML للمدونة؟

خريطة HTML يساعد الزائرين للتنقل بسهولة من دون الذهاب الى كل وظيفة .


لزيادة زحف محركات البحث إلى موقعك


.
هناك نوعان من خرائط . XML خريطة الموقع التي تم تصميمها فقط لتقديم في أدوات مشرفي المواقع من Google.



وقد صممت HTML خرائط لمستخدمي وزوار الموقع / بلوق. يتم إنشاؤه لكل من محركات البحث والزوار.







ما الجديد في




كيفية إضافة خريطة HTML للمدونة؟؟
اتبع الخطوات التالية التالية .

1. الانتقال إلى لوحة التحكم >> >> ثم الصفحات
2. إنشاء صفحة جديدة >> صفحة فارغة
3. عنوان الصفحة من اختيارك ل(خريطة HTML للمدونة)
4. التبديل إلى تبويب HTML
5. الآن نسخ رمز أدناه ولصقه في علامة التبويب HTML.

    <style type=”text/css”>

    #toc{

    width:99%;

    margin:5px auto;

    border:1px solid #2D96DF;

    -webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);

    -moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);

    box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);

    }

    .labl{

    color:#FF5F00;

    font-weight:bold;

    margin:0 -5px;

    padding:1px 0 2px 11px;

    background:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%);

    background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE));

    border:1px solid #2D96DF;

    border-radius:4px;-moz-border-radius:4px;

    -webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;

    -moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;

    }

    .labl a{

    color:#fff;

    }

    .labl:first-letter{t

    ext-transform:uppercase;

    }

    .new{

    color:#FF5F00;

    font-weight:bold;

    font-style:italic;

    }

    .postname{

    font-weight:normal;

    background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);

    background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE));

    }

    .postname li{

    border-bottom: #ddd 1px dotted;

    margin-right:5px

    }

    </style>

    <div id=”toc”>

    <script src=”https://googledrive.com/host/0ByNodV_m9cVLR0pmWFgwZ1NmdW8/” type=”text/javascript”></script>

    <script src=”http://elaaruba.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc”>

    </script></div>

6. استبدال " بما يناسبكelaaruba.blogspot.com"
7.وأخيرا انقر على زر نشر وهذا كل شيء.

الشكر لك! شاركنا رأيك أدناه في خانة التعليقات

اقرأ المزيد