لدينا اليوم اضافة جميلة هي الاشتراك بالبريد مع اضافة ازرار التواصل الاجتماعي
بشكل رائع
صورة الاضافة
<style type="text/css">
#subscribe-wrapper {
background:
url(http://softglad.at.ua/images/border.png) repeat scroll 0 0 transparent;
padding: 3px;
}
#subscribe-box {
background:
url(http://softglad.at.ua/images/bg.png) repeat scroll 0 0 #F7F7F7;
border-radius: 15px;
padding:5px;
overflow: hidden;
}
a.linkopacity img {
filter:alpha(opacity=75);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-transition:All .5s ease;
-moz-transition:All .5s ease;
-ms-transition:All .5s ease;
-o-transition:All .5s ease;
transition:All .5s ease;
padding: 3px;
border: 1px solid #999;
}
a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
-khtml-opacity: 1;
-moz-box-shadow: 0px 0px 10px 2px rgba(0, 0,
0, 0.44);
-webkit-box-shadow: 0px 0px 10px 2px rgba(0,
0, 0, 0.44);
box-shadow: 0px 0px 10px 2px rgba(0, 0, 0,
0.44);
}
#subscribe-box:hover table {
top: 0;
}
#subscribe-box h1{
margin-top: 5px;
color: black;
font-family: arial;
font-size: 15px;
margin-bottom: 5px;
line-height: 14px;
font-weight: bold;
text-align: center;
letter-spacing: -1px;
}
#subscribe-box table {
position: relative;
top: 40px;
-webkit-transition:All .5s ease;
-moz-transition:All .5s ease;
-ms-transition:All .5s ease;
-o-transition:All .5s ease;
transition:All .5s ease;
margin-bottom: 0px;
}
#subscribe-box td {
padding: 2px;
}
#subscribe-box input{
background: white;
border: medium none;
font-size: 12px;
padding: 10px;
width: 150px;
color: #666;
font-family: arial;
margin-bottom: 3px;
width: 55%;
}
#subscribe-box input:focus{outline:none;}
#subscribe-box .submit{
background: #E73827;
color: #fff;
cursor: pointer;
font-weight: bold;
text-shadow: 0 1px 2px black;
width: 90px;
font-family: arial;
margin-left: -3px;
font-size: 14px;
}
</style>
<div id="subscribe-wrapper">
<div id="subscribe-box">
<h1>اشترك لتحصل على اجدد المواضيع في المدنة</h1>
<form
action="http://feedburner.google.com/fb/a/mailverify" method="post"
onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=iBRVh',
'iBRVh', 'scrollbars=yes,width=550,height=520');return true"
target="popupwindow">
<center>
<input name="email"
onblur="if (this.value == "") {this.value = "ضع ايميلك هنا...";}" onfocus="if
(this.value == "ضع ايميلك هنا...")
{this.value = ""}" size="20"
type="text" value="ضع ايميلك هنا..."
/>
<input name="uri"
type="hidden" value="hassanein-al-kafaji" />
<input name="loc" type="hidden"
value="en_us" />
<input class="submit"
type="submit" value="أشترك"
/></center></form>
<center>
<table>
<tbody><tr><td><a
href="http://feeds.feedburner.com/blogspot/iBRVh" class="linkopacity"
target="_blank"><img src="http://softglad.at.ua/images/rss.png"
/></a></td>
<td>
<a href="https://www.facebook.com/pages/%D9%85%D8%AF%D9%88%D9%86%D8%A9-%D8%AD%D8%B3%D9%86%D9%8A%D9%86-%D8%A7%D9%84%D8%AE%D9%81%D8%A7%D8%AC%D9%8A/533101616737259?ref=hl" class="linkopacity"
target="_blank"><img
src="http://softglad.at.ua/images/facebook.png" /></a>
</td>
<td>
<a href="https://twitter.com/hassanein_21" class="linkopacity"
target="_blank"><img
src="http://softglad.at.ua/images/twitter.png" /></a>
</td>
<td>
<a href="https://plus.google.com/u/0/118270245546264017571/posts" class="linkopacity"
target="_blank"><img border="0"
src="http://softglad.at.ua/images/Google.png" /></a>
</td>
</tr></tbody></table>
</center>
</div></div>
التعديلات
1- غير (http://feeds.feedburner.com/blogspot/iBRVh) بحسابك في feeds.feedburner.com
بحساب المدونة في فيس بوك
بحسابك في جوجل
هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص