| Blog-Add |
02-25-2014 09:27 PM |
اضافة النشرة البريدية مع مواقع الشبكات الاجتماعية
السلام عليكم ورحمة الله وبركاتة
اقدم لكم اليوم اضافة النشرة البريدية او الاشتراك بالبريد مع مواقع الشبكات الاجتماعية
في مكان واحد بشكل انيق ولذيذ تابعو معنا
الشرح :
اذهب الي صفحة التخطيط ثم اضافة اداة جديدة HTML واضف بها الكود التالي :
كود PHP:
<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('رابط النشرة البريدية', 'add-b', '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="add-b" />
<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/add-b" class="linkopacity" target="_blank"><img src="http://softglad.at.ua/images/rss.png" /></a></td>
<td>
<a href="رابط الفس بوك" class="linkopacity" target="_blank"><img src="http://softglad.at.ua/images/facebook.png" /></a>
</td>
<td>
<a href="رابط تويتر" class="linkopacity" target="_blank"><img src="http://softglad.at.ua/images/twitter.png" /></a>
</td>
<td>
<a href="رابط جوجل بلس" class="linkopacity" target="_blank"><img border="0" src="http://softglad.at.ua/images/Google.png" /></a>
</td>
</tr></tbody></table>
</center>
</div></div>
وضع روابط صفحاتك لمواقع التواصل والنشرة البريدية واحفظ العمل |
