أضافة صندوق الاشتراك بالبريد الكترونى للبلوجر


بسم الله الرحمن الرحيم اهلا بكم أعزائى ومتابعى البروفيسور الصغير فى هذا الدرس الجديد فى البلوجر اليوم سنضيف للمدونة أضافة مهمة جدا وجميلة الاضافة من تصميمى انا اضافة تمتاز ببساطتها فى التصميم وأناقتها أضافة من السهل استخدمها وأضافتها للمدونة وهى أضافة صندوق الاشتراك بالبريد الكترونى للبلوجر فهى نبدأ :
معاينة الاضافة

أولا ندخل على البلوجر ثم القالب ثم تحرير html ثم أضغط Ctrl+f ثم أبحث عن كلمة 

ثم أنسخ هذا الكود وضعه فوق الكلمة التى بحثت عنها منذ قليل

[code type="CSS"]/* this code made by th3littleprofessor.com ----------------------------------------------- */
.widget-content{
width:300px;
font-family:droid arabic kufi;
font-size:17px;
margin-top:0px;
background:#ec5151;
border-radius:10px;

}

.follow-by-email-inner{

background:#ec5151;
border-radius:10px;
height:170px;
}

.follow-by-email-address{
border-radius:10px;
background: url(http://s30.postimg.org/5tcpgctdp/letter.png)no-repeat 10px 11px;
background-color:#ffffff;
font-size:12px;
font-family:droid arabic kufi,roboto;
width:250px;
height:50px;
margin:20px;
margin-top:30px;
padding:0px 40px;
}


.follow-by-email-submit{
border-radius:10px;
font-family:droid arabic kufi,roboto;
width: 168px !important;
height: 37px;
color: #ffffff;
background: #000000;
border-top: none;
border-bottom: 2px solid #FF0440;
margin:50px;
margin-top:10px;



}
/* this code made by th3littleprofessor.com ----------------------------------------------- */ [/code]

ثم أحفظ القالب وأتجه الى التخطيط وأختار المكان الى انت عايز تضع فيه الاضافة
وأنسخ هذا الكود


[code type="HTML"]










أدخل عنوان أيميلك وتابعنا لحظة بلحظة.
[/code]

ثم أتجه الى موقعك وتمتع بهذه الاضافة الجميلة

تعليقات