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

إضافة أداة إحترافية للإشتراك عبر البريد الإلكتروني ، أداة وإضافة مهمة لكل المطورين و المدونين الذين يريدون توسيع دائرة متابعي مدونتهم كما أن هذه الأداة جميلة جدا من حيث الشكل مما يزيد من جمالية مدونتك ، و يشجع متابعيك على تصفح كل مواضيع او تدويناتك و تتبع كل جديدك.

لإضافتها اتبع الخطوات التالية :

1- ادخل الى مدونتك عن طريق الرابط التالي:

http://blogger.com/

2- اذهب الى لوحة التحكم تم اضغط على تخطيط

3- تم اضغط على اضافة أداة ، HTML/JavaScript

ثم الصق الكود التالي:

<style type='text/css'>#sidebar-subscribe-box { 
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWRxmsOzvr9R2WMWHSL6OBBpnt_etkowWx48kuu735cT8OX8B17PNNULOnPgP59dx41x68RawV-4jyZI1oq5pK_St6XJnTuvj2iqFRIuvg_4WNnjE06JkIW03x8Z_LoB8MOLon_yiuu91p/s1600/colored-strip.png) repeat scroll 0 0 transparent; 
    border: 1px solid #aaa; 
    border-radius: 3px; 
    padding: 3px 0; 
} 
.sidebar-subscribe-box-wrapper { 
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPi1Y01CCtzzVZBTYg-vX4JsNrlu0Do-s-o6-1GeYyKUS_KrDB4aHl9cgpHpZ3xFakilbNEbidERkPkaUlnos3cVtowDHj8qxHmXGRXzyfS6HkC1jgdIe3jsuatCfWqQDX-zpsHvdNloPf/s1600/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii_RIUFStGngmXTYm0jpvOkND59tDapQDlXeHINehaK-oI2jAYVvQhz2TVpjKZ-p0jBaL96H2EAx-q3BQNMS5fxKLBuqOHhHyNjqSVQp37gF9zNHQR5lPtmynEI1mbiWJWCs4msT9jNomE/s1600/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdT7cK3ZO9xoTzQahUhuNtq4Ol9istQQiliijIQ4_EgZtPtT8zrSULCtqNaQcSZC-IOKBwEibhmFmsphodWJJLJHZvOrzT7x4G5LvJGhKQLw9opKBS0MrFNgQEMImojW-664iAfPGySs2_/s0/bg-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> 
<div id="sidebar-subscribe-box"><div class="sidebar-subscribe-box-wrapper"><p> 
</p><div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=th3xd" 
class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=th3xd', 
'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"> 
<input name="uri" type="hidden" value="th3xd" /><input name="loc" type="hidden" value="en_US" /> 
<input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="أدخل بريدك الإلكتروني..."/> 
<input class="sidebar-subscribe-box-email-button" title="" type="submit" value="اشترك الآن" /></form></div>المرجو تأكيد البريد الإلكتروني بعد الإشتراك</div></div>

4- الأن قم بتغير ما لون بالأزرق بحسابك على الفيدبيرنر

و أخيرا قم بالضغط على حفظ و مبروك عليك الاضافة.

شاركها على