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

إخواني الكرام كيف حالكم
اليوم بإذن الله سأقدم لكم إضافة مميزة وهي تجمع إضافتين معا إضافة الشبكات الإجتماعية وإضافة الإنظمام للقائمة البريدية
هذه الأخير سهلة التركيب والتعديل وأيضا تضهر عند كل تجميل للصفحة واكيد من هم مهتمون بمدونتك سينضمون للمدونة
صورة من الإضافة

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

شكل جميل ومميز وأيضا نسيت يوجد زر لغلق النافذة المنبثقة كي لا تكون مزعجة ;)
حسنا لتركيب الإضافة كل ما عليك فعله هو إضافة أداة جديدة ثم ضع فيها هذا الكود

<style type='text/css'>
#BloggerSpiceUD {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:360px;
height:auto;
padding:10px;
background:#111111;font:normal Dosis, Georgia, Serif;
color:#39B8E9;
border:2px solid #39B8E9;;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#BloggerSpiceUD a.BSclose {
position:absolute;
top:-10px;
right:-10px;
background:#39B8E9;
font:bold 16px tahoma, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#000000;
border:2px solid #39B8E9;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:25px;
cursor:pointer;
}
</style>
<script type='text/javascript'>
$(window).bind("load", function() {
// Animate Top
$('#BloggerSpiceUD').animate({top:"80px"}, 1000);
// Widget by www.bloggerspice.com
$('a.BSclose').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='BloggerSpiceUD'>
<!-- Widget by www.arabe-eye.com Start -->
<center><b><a class="BS">إدعمنا لتشجيعنا وإنظم لصفحاتنا</a></b></center>
<center>
<style>
.BloggerSpicesubscribe {
border: 1px solid #39B8E9;
padding: 1px;
width: 300px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
border-radius:10px;
}
.BloggerSpicesubscribe:hover {
-moz-box-shadow: inset 3px 3px 10px 3px rgb(255, 26, 35);
-webkit-box-shadow: inset 3px 3px 10px 3px rgba(202, 71, 71, 1);
box-shadow: inset 3px 3px 10px 3px rgb(255, 26, 35);
}
.BloggerSpicemailbox {
border: 1px solid #39B8E9;
-webkit-border-radius: 4px;
border-radius: 5px;
-moz-box-shadow: 3px 3px 3px 3px rgba(255, 26, 35, 0.4) inset;
-webkit-box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.4) inset;
box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.4) inset;
color: #39B8E9;
font: 14px "trebuchet ms", sans-serif;
padding: 7px 15px;
width: 160px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.BloggerSpicemailbox:hover {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.BloggerSpicesubmit {
font: bold 12px Tahoma, Geneva, sans-serif;
font-style: normal;
color: #FEFEFE;
background: #39B8E9;
border: 0px solid #ffffff;
text-shadow: 0px -1px 1px #222222;
box-shadow: 2px 2px 5px #000000;
-moz-box-shadow: 2px 2px 5px #000000;
-webkit-box-shadow: 2px 2px 5px #000000;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
padding: 8px 15px;
cursor: pointer;
margin: 0 auto;
}
.BloggerSpicesubmit:active {
cursor: pointer;
position: relative;
top: 2px;
}
.BloggerSpicesubmit::-moz-focus-inner {
border: 0;
padding: 0;
margin: 0;
}
</style>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css' />
<div class='BloggerSpicesubscribe'>
<div style='margin: 10px 0 0 6px;'>
<form action='http://feedburner.google.com/fb/a/mailverify?uri=Arabeeye' method='post' onsubmit='window.open(&#39;http://feedburner.google.com/fb/a/mailverify?uri=Arabeeye;, &#39;popupwindow&#39;, &#39;scrollbars=yes,width=550,height=520&#39;);return true' target='popupwindow'>
<input name='uri' type='hidden' value='triposoft' />
<input name='loc' type='hidden' value='en_US' />
<input class='BloggerSpicemailbox' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;ضع بريدك الإلكتروني هنا...&quot;;}'
onfocus='if (this.value == &quot;ضع بريدك الإلكتروني هنا...&quot;) {this.value = &quot;&quot;}'
type='text' value='ضع بريدك الإلكتروني هنا...' />
<input alt='' class='BloggerSpicesubmit' title='' type='submit' value='إنظم الآن'/>
</form>
<table border='0'><tbody>
<tr>
<td>
<a href='http://pinterest.com/ArabeEye' rel='nofollow' target='_blank'><img alt='Be Our Fan!' src='http://3.bp.blogspot.com/-0JqbVyAZBZI/UbQY0xQHepI/AAAAAAAADaE/ECFTlwXdamI/s320/BS+Pop+Pinterest.png' title='Be Our Fan'/></a></td>
<td>
<a href='http://facebook.com/ArabeEye' rel='nofollow' target='_blank'><img alt='Be Our Fan!' src='http://1.bp.blogspot.com/-Wx3VxeL19PE/UbQUq0x3xaI/AAAAAAAADZM/6Qd0cnEjIl4/s320/BS+Pop+facebook.png'' title='be our fan'/></a></td>
<td>
<a href='http://twitter.com/ArabeEye' rel='nofollow' target='_blank'><img alt='Be Our Fan!' src='http://3.bp.blogspot.com/--JBD_XEATi8/UbQUrrn6weI/AAAAAAAADZw/SjbgHhb4bfI/s320/BS+Pop+twitter.png'' title='be our fan'/></a></td>
<td>
<a href='http://feeds.feedburner.com/ArabeEye' rel='nofollow' target='_blank'><img alt='Be Our Fan!' src='http://1.bp.blogspot.com/-jKXI4UW2oP4/UbQUq_vT1bI/AAAAAAAADZQ/G0nD1k9r0vY/s320/BS+Pop+rss.png' title='Be Our Fan'/></a></td>
<td>
<a href='http://www.stumbleupon.com/stumbler/ArabeEye/likes' rel='nofollow' target='_blank'><img alt='Be Our Fan!' src='http://2.bp.blogspot.com/-C4uNQQz901A/UbQUrS9k5NI/AAAAAAAADZk/IkMUcnwdbMM/s320/BS+Pop+stumbleupon.png' title='Be Our Fan'/></a></td>
</tr>
</tbody>
</table>
</div>
</div>
</center>
<!-- Widget by www.Arabe-Eye.com End -->
<a class='BSclose' href='#'>&times;</a>
<center style="float:left; margin-right:30px;"> <a target='_blank' style="font-size:xx-small; color:#111111; text-decoration:none;" href="http://www.arabe-eye.com">عين العرب</a></center>
</div>

بعد تركيبك للإضافة قم بتغيير ما هو محدد باللون الاحمر بما يخص مدونتك

هذا كل شيئ اتمنى ان تعجبكم الإضافة لا تنسو تشجيعنا بردودكم
بالتوفيق للجميع ودمتم في رعاية الله وحفظه
المقال السابق
المقال التالي
مقالات دات صلة

0 comments: