EnglishFrenchGermanSpainItalianDutchRussianPortugueseArabic

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

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

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

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

<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>

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

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

ليست هناك تعليقات:

إرسال تعليق

التالي السابق الرئيسية