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

مرحباً بكم اصدقائي 

لدينا اليوم لكم اضافة جميلة وسهلة التركيب

الكثير منكم يبحث عن اضافة البريد اللكتروني لكن يصادفة مشاكل

إذ هو يريد معها الشبكات الاجتماعية 

الان تحقق حلمك مع مدونتنا

طريقة التركيب


1- الذهاب الى لوحة التحكم
2- انقر على تخطيط
3- اختار اضافة اداة
4- اختر اداة الـ html/javascript



 ضع الكود ادناه 


الكود

<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=add-b', 'add-b', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">

<center>

<input name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;ضع ايميلك هنا...&quot;;}" onfocus="if (this.value == &quot;ضع ايميلك هنا...&quot;) {this.value = &quot;&quot;}" 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="http://www.facebook.com/ahtrafand.blogger" class="linkopacity" target="_blank"><img src="http://softglad.at.ua/images/facebook.png" /></a>

</td>

<td>

<a href="https://twitter.com/ahtraf.blog" class="linkopacity" target="_blank"><img src="http://softglad.at.ua/images/twitter.png" /></a>

</td>

<td>

<a href="https://plus.google.com/108902431338077770336" class="linkopacity" target="_blank"><img border="0" src="http://softglad.at.ua/images/Google.png" /></a>

</td>

</tr></tbody></table>

</center>

</div></div>

التعديلات

1- غير (add-b) بحسابك في feeds.feedburner.com

2- غيرahtrafand.blogger

 بحساب المدونة في فيس بوك

3- غيرahtraf.blog

بحساب المدونة في تويتر

4- غير 108902431338077770336

 بحسابك في جوجل

اتمنى ان الشرح قد اعجبكم 

تابع جديد مدونتي على بلوجر

وأشترك وشاركنا بالشبكات الاجتماعية

شارك المقال :

Tweet

✚

المدون ابراهيم