صندوق الاشتراك في تحديثات المدونة لبلوجر من تعريبي

 

السلام عليكم!

اقدم لكم اليوم صندوق اشتراك في تحديثات المدونات لبجديد من تعريبي

بإدخال المستخدم لبريده سيصله كل جديد تدوينيات مدونتك.

الان لكيفية تركيب هذه الاداة:

اولا إذهب للوحة تحكم مدونتك.

ثانيا : ادخل لتخطيط.

ثالثاً: اضف اداة جديده ( HTML/JavaScript إضافة  )

ثم انسخ الكود التالي :

<div class="fixed-widget"><div class="widget-container">

 
  <h1> إحصل على التحديثات للمدونة</h1>

<p>أدخل إيميلك ليصلك كل جديد في مدونة أخبار إلكتروني! (مجانا)</p>

<fieldset class="inputs">
<form target="popupwindow" onsubmit="window.open('http://feeds.feedburner.com/E-newse?uri=bloggingehow', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" method="post" action="http://feeds.feedburner.com/E-newse">
<input id="email" class="email" type="text" value="أدخل إيميلك هنا..." style="width: 192px; font-size: 15px;" onfocus="if(this.value==this.defaultValue)this.value=&#39;&#39;;" onblur="if(this.value==&#39;&#39;)this.value=this.defaultValue;" name="email" />
<input type="hidden" value="bloggingehow" name="uri" />
<input type="hidden" value="en_US" name="loc" />
<fieldset class="submit">
<input class="sean orange-btn" type="submit" value="تسجيل الاشتراك" name="commit" />


</fieldset>

</form>
</fieldset>
<span style=" line-height:0px; font-size:8px; font-weight:bold; margin-left:270px;
  ">
<a style="color:#D3D3D3;" href="http://electr-news.blogspot.com/2012/08/rssfeedsignup.html">أحصل على مثلها</a></span>
</div>
</div>
<style>
 

.fixed-widget p {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI2rnTBDbTWmpBw6MKBPofO3xvSTxvCr040QeLEfRBZnJGTEUXYQ5xSwgf1ZjpfBtJB3oK5E3jBT-fQYqtkGKWJXNTGP_e3ggVnbc5xRVMqLTAJhdYNyksMGlvSdmAk93nPZ9de0KA5fw/s1600/highlight.png") no-repeat scroll center top transparent;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 700;
    height: 50px;
    letter-spacing: 0.08em;
    margin: 0 0 10px;
    padding-top: 4px;
    text-align: center;
    text-shadow: 1px 1px 1px #111111;
}
.fixed-widget input[type="text"], .fixed-widget input[type="email"] {
    border: 1px solid #D8D9D4;
    color: #555555;
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: 36px;
    margin: 0 0 10px;
    padding-left: 6px;
    width: 192px;
}

.fixed-widget a:hover {
    color: #000000;
    text-decoration: none;
}
.fixed-widget fieldset, .fixed-widget form {
    margin: 0 auto;
    width: 210px;
}
.fixed-widget form {
    border-top: 1px solid #E5E5E1;
}
.fixed-widget fieldset.inputs {
    border: 0px;
    border-top: 1px solid #FFFFFF;
    padding-top: 10px;
}
.fixed-widget fieldset.inputs label {
    display: block;
    padding: 0 0 5px;
}
.fixed-widget fieldset.submit {
    border: 0px;
    padding: 1 50 10px;
}
.fixed-widget .orange-btn {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgetk3EMfYNvvdr674tQg_VjLLQnQGpxvvY0PLILLEb5nTpfvkWsEYunhRsBra86zJLSUFbIMvqONplnAFpjPOhe8P0VIACnXStQJZ5N-bMB5vlyq0mdKxziihSBDN16kA_jNJs3zF-5K0/s1600/gradient-orange2.png") repeat-x scroll center top #FF6B29;
    border: 1px solid #CC5721;
    box-shadow: 1px 1px 1px #FFA04D inset;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    align:center;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 30px;
    letter-spacing: 1px;
    line-height: 28px;
    padding: 0 25 px;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 1px #D35E24;
    text-transform: uppercase;
    width: auto;

}
.fixed-widget .orange-btn:hover {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgetk3EMfYNvvdr674tQg_VjLLQnQGpxvvY0PLILLEb5nTpfvkWsEYunhRsBra86zJLSUFbIMvqONplnAFpjPOhe8P0VIACnXStQJZ5N-bMB5vlyq0mdKxziihSBDN16kA_jNJs3zF-5K0/s1600/gradient-orange2.png") repeat-x scroll center bottom #FF6B29;
}
.fixed-widget .orange-btn:active {
    position: relative;
    top: 1px;
}
.fixed-widget {
   
    width: 300px;
}
.widget-container {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0k24K1uneAn78r2r3XkAyYC0jtNkXY664v_LgAW7zu9kAG4oFCvLdNtjxV6vXZQPJjULsumUr3MRwA9xFlTFSt0oLosN1xIjkKRP7mCfuBstZ3FWYCtpP-9m5b439KCMmy5KjwYCh54A/s1600/gradient-big-grey2.jpeg") no-repeat scroll center top #F0F1EC;
   
}
.fixed-widget h1 {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLCR8FSk7MMEBrCL3jTk5iDoI1CuoG_4Z_XC3kU9GJGoNHlVAVm0vbRbQYGrMxeHnt-48mXnVRt3KSHsDVoLg7H99GcnbupXDLThW4PLjAgkbruR_rhq7deEDd0b50G-YOVXSmRHQjzfg/s1600/fixed-sidebar-header.png") no-repeat scroll center top #F0F1EC;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 900;
    height: 60px;
    letter-spacing: 0.08em;
    line-height: 39px;
    margin: 0;
    padding-bottom: 10px;
    position: relative;
    text-align: center;
    text-shadow: 1px 1px 1px #D35E24;
}
</style>

 الرابط الأزرق الذي في لكود هو التالي:

http://feeds.feedburner.com/E-newse

ابدله برابط الفيد برنر لمدونتك

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

وصلت لنهاية تدوينيتي طبعاً هذه اول اداة من تعريبي

شاركوني برأيكم في التدوينية و في او تعريب لي^^

وإذا اعجبك الموضوع لا تنسى الضغط على ازرار المواقع الاجتماعية ادناه!

تحياتي.

المبرمج