اضافة للاشتراك عبر البريد الالكترونى لمدونات بلوجر بشكل احترافى

السلام عليكم ورحمة الله وبركاتة

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

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

للاشتراك بواسطة البريد الالكترونى

طريقة اضافة الكود

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

قالب تحرير html اضغط على ctrl+f وابحث عن

]]>

ثم ضع الكود التالى فوقة مباشرة

#optin-sidebar {
background: #DDDDDD;
border-bottom: 1px dashed #CCCCCC;
padding: 15px 0;
text-align: center;
width: 100%;
}
#optin-sidebar h4 {
font-weight: bold;
margin: 10px 0 20px;
}
#optin-sidebar input[type="text"] {
border: 1px solid #AAAAAA;
font-size: 18px;
margin: 0 0 15px 0;
padding: 10px;
width: 80%;
color:#888;
}
#optin-sidebar input {
box-shadow: 0 2px 2px #AAAAAA;
-moz-box-shadow: 0 2px 2px #AAAAAA;
-webkit-box-shadow: 0 2px 2px #AAAAAA;
}
#optin-sidebar input.name {
background: url(http://i.imgur.com/XrHTe.png) no-repeat scroll right center #FFFFFF;
}
#optin-sidebar input.email {
background: url(http://i.imgur.com/2BCD0.png) no-repeat scroll right center #FFFFFF;
}
#optin-sidebar input[type="submit"] {
background: #00748f;
border: 1px solid #158CA7;
color: #FFFFFF;
cursor: pointer;
font-family: arial;
font-size: 22px;
font-weight: bold;
height: 40px;
margin-top: 5px;
padding: 8px 0;
text-shadow: -1px -1px #158CA7;
text-transform: capitalize;
width: 87%;
}
#optin-sidebar input[type="submit"]:hover {
background: none repeat scroll 0 0 #158CA7;

 الان اذهب الى لوحة التحكم التخطيط اضافة اداة html/javascript

اكتب اى عنوان وضع الكود التالى فى المحتوى

استبدل (ضع هنا اسم الخلاصة باسم الخلاصة فيد بورنر الخاص بك)

والسلام عليكم ورحمة الله وبركاتة