التطويبات: إضافة صندوق الاشتراك في البريد الالكتروني تحت كل تدوينة لمدونات بلوجر

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

أسعد الله أوقاتكم بكل خير ومحبة

اليوم سوف نتعرف على إضافة جميلة جداً تضيف إلى مدونتك لمسةجميلة وأيضاً إحترافية .

- طريقة الركيب :

1- أدخل إلى مدونك >> أختر لوحة التحكم >> قالب >> تحرير قالب .

2- إبحث عن الوسم : ]]></b:skin>

3- إضف الكود التالي فوقه :

 .newsletter-inner {
margin-top:15px;
}
.newsletter-inner .newsletter-address{
color:#fff !important;
width:100%;
font-family:ge_ss_threeregular,Droid Sans;
font-size:16px;
border:0;
background-color:#2B4052;
padding:20px 0px 20px 25px;
border-radius: 0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
}
.newsletter-inner .newsletter-submit{
width:100%;
margin:0px 0px 0px 29px;
border:0;
background:#a3d14f !important;
color:#1E2D3A;
font-family:ge_ss_threeregular,Droid Sans;
font-size:16px;
z-index:0
border-radius: 0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
font-weight:bold;
padding:20px 20px 20px 20px;
}
.newsletter-inner .newsletter-submit:hover{
background:#93bc47 !important;
}
.grid a, .grid a:visited {color:#eeeeee}
.grid a:visited {text-decoration:underline}
.grid a:hover {color:#cccccc}
#footer-newsletter-wrap {
background:#1E2D3A;
margin: 0 0 0 0;
padding: 50px 0 60px 0;
}
#footer-newsletter-wrap a {
color:#66665f;
}
#footer-newsletter {
color:#5b5b5e;
width: 520px;
margin: 0 auto;
}
#footer-newsletter h2 {
margin: 0px 0 10px 0;
padding: 0;
border-bottom: none;
font-weight: bold;
text-transform: none;
color: #fff;
font-family:ge_ss_threeregular,Droid Sans;
font-size: 26px;
text-shadow:2px 2px #151f28;
}
#footer-newsletter ::-webkit-input-placeholder {
color: #fff;
}

4- إبحث عن الوسم : <head>

5- أضف الكود التالي تحته :


<link href='https://googledrive.com/host/0BxFbqjck0GDdRlY3RjhpNTFNajQ' rel='stylesheet'/>

<link href='https://googledrive.com/host/0BxFbqjck0GDdMDJleFhXY0k5Slk' rel='stylesheet'/>

6- إبحث عن السطر التالي :

<div class='post-footer-line post-footer-line-3'>

7- أضف الكود التالي تحته :

 <div id='footer-newsletter-wrap'>
<div id='footer-newsletter'>
<h2 class='title'>اشترك في نشرتنا الإخبارية<span style='color:#f54000;'>.</span></h2>
<span>(للحصول على تحديثات جديدة في صندوق البريد الوارد. وإلغاء الاشتراك في أي وقت)</span>
<div class='newsletter-inner'>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open("http://feedburner.google.com/fb/a/mailverify?uri=blogspot/lxWRa", "popupwindow", "scrollbars=yes,width=550,height=520"); return true' target='popupwindow'>
<table>
<tr>
<td width='100%'>
<input class='newsletter-address' name='email' placeholder='بريدك الإلكتروني' type='text'/>
</td>
<td>
<input class='newsletter-submit' type='submit' value='الاشتراك'/>
</td>
</tr>
</table>
<input name='uri' type='hidden' value='blogspot/lxWRa'/>
<input name='loc' type='hidden' value='en_US'/>
</form>
</div>
</div>
</div>

8- إحفظ القالب .

الثلاثاء، 11 أغسطس 2015

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

ليست هناك تعليقات:

إرسال تعليق