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

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

شرح التركيب

اذهب الى لوحة التحكم>>التخطيط>>اضافة اداة ثم اضاف الكود الاتي

<!--- Email Subscribe Widget --->

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

background: url(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(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">

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

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

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

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

<input name="uri" type="hidden" value="ps-tek" /><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>

<!--- Email Subscribe Widget --->

استبدل ps-tek بحسابط في الفيدبنر feedburner

منشورة في: اضافات بلوجر