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

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

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

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

1-الدخول الى تخطيط من لوحة تحكم بلوجر

2-الضغط على اضافة اداة

3-الضفط على htm/javascript

4-نضيف هدا الكود

    <!--- Email Subscribe Widget ---><br /><br /><style type="text/css">#sidebar-subscribe-box {
background: url(http://1.bp.blogspot.com/-
IyEBRR8yOQQ/UBhYdBd23PI/AAAAAAAAFTU/aeW3JdAlrCs/s160
0/colored-strip.png) repeat scroll 0 0 transparent;
border: 1px solid #aaa;
border-radius: 3px;
padding: 3px 0;
}
.sidebar-subscribe-box-wrapper {
background: url(http://2.bp.blogspot.com/-
tUlo5p5gP8o/UBhYciGNgwI/AAAAAAAAFTM/x22pIuNLVPw/s160
0/bg-pattern.png) repeat scroll 0 0 #f7f7f7;
color: #111;
font-size: 14px;
line-height: 20px;
padding: 1px 20px 10px;
text-align: center;
text-transform: uppercase;
}
.sidebar-subscribe-box-form {
clear: both;
display: block;
margin: 10px 0;
}
form.sidebar-subscribe-box-form {
clear: both;
display: block;
margin: 10px 0 0;
width: auto;
}
.sidebar-subscribe-box-email-field {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background: #fff url(http://1.bp.blogspot.com/-
JMYdQsIa9WQ/UDZqxqqrTEI/AAAAAAAAFho/AocEv70U8K8/s160
0/sprites.png) no-repeat 0 -27px;
border: 1px solid #ccc;
border-radius: 4px;
color: #444;
margin: 0 0 15px;
padding: 10px 40px;
width: 68%;
}
.sidebar-subscribe-box-email-button {
background: #09f;
border: 1px solid #007fff;
box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset, 0 
1px 0 transparent;
color: #fff;
cursor: pointer;
font-family: Helvetica;
font-weight: 700;
font-size: 20px;
padding: 5px;
text-shadow: 1px 1px 0 rgba(0,0,0,.4);
text-transform: uppercase;
width: 100%;
}
.sidebar-subscribe-box-email-button:hover,.sidebar-
subscribe-box-email-button:focus {
background: #1ca4ff;
}
.sidebar-subscribe-box-email-button:active {
-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.5) inset;
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.5) inset;
box-shadow: 0 1px 4px rgba(0,0,0,0.5) inset;
outline: 0;
}
iframe,object,embed,.yt-border iframe,.yt-border 
object,.yt-border embed,table {
width: 100%;
}
embed {
border-radius: 3px;
-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
background: #FFF;
border: 1px solid #ddd;
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
margin: 0;
padding: 4px 4px 4px;
}
#footer-section {
background: #f5f5f5 url(http://1.bp.blogspot.com/-
n5s9Bu0JCgg/UA_AfQ5qLkI/AAAAAAAAFMU/G9FOuh4SP7k/s0/b
g-pattern.png) repeat top left;
border-top: 1px solid #aaa;
box-shadow: inset 0 4px 6px -3px #aaa;
font-size: 14px;
height: 100px;
margin: 10px -30px 5px;
padding: 0 30px;
text-align: center;
width: 100%;
}</style><br /><br /><div id="sidebar-subscribe-box"><br /><div class="sidebar-subscribe-box-wrapper"><br /><div class="sidebar-subscribe-box-form"><br /><form 
action="http://feedburner.google.com/fb/a/mailverify
?uri=3alaminfo" class="sidebar-subscribe-box-form" 
method="post" onsubmit="window.open
('http://feedburner.google.com/fb/a/mailverify?
uri=blogspot/YUXoJq',
'popupwindow', 
'scrollbars=yes,width=550,height=520');return true" 
target="popupwindow"><br /><input name="uri" type="hidden" value="el-masrawya" 
/><input name="loc" type="hidden" value="en_US" 
/><br /><br /><input autocomplete="off" class="sidebar-subscribe-
box-email-field" name="email" placeholder="أدخل بريدك 
الإلكتروني..." /><br /><br /><input class="sidebar-subscribe-box-email-button" 
title="" type="submit" value="اشترك الآن" /></form><br /></div><br />المرجو تأكيد البريد الإلكتروني بعد الإشتراك</div><br />
</div>

و مبروك عليك الاضافة , ادا اخواني  الى هنا اكون قد اشرفت على نهاية مووضع اليوم اتمنى ان ينال اعجابكم لا تنسوا مشاركة الموضوع ليستفيد الجميع و دمتم في رعاية الله و حفظه تعالىى...