bloggerarchive
247125322047940
تحميل

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



http://im24.gulfup.com/2012-08-29/1346225567431.png 

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

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

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

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

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

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

ثالثاً: اضف اداة جديده ( 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("http://1.bp.blogspot.com/-DoJ3WLQmrAY/UCnApalgexI/AAAAAAAAFpo/odnv6uFqyU8/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("http://2.bp.blogspot.com/-73G7XA1YsAw/UCn6IYKZn_I/AAAAAAAAFr4/b27Pr4zpdjE/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("http://2.bp.blogspot.com/-73G7XA1YsAw/UCn6IYKZn_I/AAAAAAAAFr4/b27Pr4zpdjE/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("http://4.bp.blogspot.com/-Qnn9-Y1co4o/UCn5-itZlOI/AAAAAAAAFrw/yZ2Jk2uKjtU/s1600/gradient-big-grey2.jpeg") no-repeat scroll center top #F0F1EC;
   
}
.fixed-widget h1 {
    background: url("http://4.bp.blogspot.com/-cnVi7MLrSM8/UCnAocb5GcI/AAAAAAAAFpk/rgBtmoKLHi0/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

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

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

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

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

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

تحياتي.






ويب 6896200101375137520

إرسال تعليق تعليقات الموقع

  1. الله الله الله على هدا الشي ماادري شو اقولفي الاول والاخير شكرا

    ردحذف

لاضافة صورة او فيديو في التعليق ضع رابط الفيديو بين الوسمين كالتالي:
[video] رابط الفيديو [/video]
[img ]ربط الصور [/img]
للتعليق اضغط على مربع التعليق ياسم و اختر : الاسم / عنوان URL ثم اكتب اسمك فقط اذا اردت واضغط الاستمرار.

emo-but-icon

الصفحة الرئيسية item

المتابعون!

اشترك ليصلك جديد الموقع.

تابعنا على تويتر