إضافة أشترك في النشرة الإخبارية لدينا

زوار ومتابعي المدونة

أهلاً بكم معنا 

في إضافة جديدة 

مقدمة من مدونة الخبراء للبرامج

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

1- ادخل إلى مدونتك | ثم أختر تخطيط | ثم إضافة أداة .

2- اللصق الكود التالي في صندوق الأداة ثم إحفظ .

الكود

 <link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'/>
<div id='responsiveness'>
            <h5>الاشتراك في النشرة الإخبارية لدينا</h5>
            <form action='http://feedburner.google.com/fb/a/mailverify' method='post'target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=expertsprogram/xQVO', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
           <input  class="placer" type='text'  name='email' placeholder='Full Name' />
            <input  class="placer" type='text'  name='email' placeholder='Enter Email ID' />
            <input type="hidden" value="expertsprogram/xQVO" name="uri"/>
            <input type="hidden" name="loc" value="en_US"/>
                        <input value="اضغط هنا للإشتراك" class="button" type="submit" />
            </form>
            </div>
<style>
#responsiveness {
    padding: 15px 25px 20px;
    line-height: 35px;
    text-align: center;
    background: none repeat scroll 0% 0% #1E1E1E;
    margin: -15px;
    border-radius: 3px;
}
#responsiveness h5 {
    font-size: 17px;
    font-weight: 700;
    font-family: 'PT Sans',sans-serif;
    color: #FFF;
    padding: 0px;
    text-transform: uppercase;
    line-height: 1.2;
    margin: 10px 0px 15px;
    letter-spacing: 0.01em;
    text-align: left;
}
input.placer {
    color: #333;
    padding: 15px;
    font-size: 14px;
    font-family: PT Sans,sans-serif;
    border: 1px solid #EEE;
    transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
    margin: 10px auto 0px;
    border-radius: 3px;
    width: 89%;
}
input.button {
    background-color: #BA1A00;
    color: #FFF;
    font-weight: 400;
    cursor: pointer;
    border-radius: 4px;
    text-transform: uppercase;
    font-family: PT Sans,serif;
    padding: 10px 15px;
    border: medium none;
    font-size: 16px;
    width: 100%;
    margin: 15px auto 0px;
}
input.button:hover{
    background: #FFF;
    color: #333;
   }
</style>

3- عدل ماهو باللون الأحمر .