إضافة المواقع الإجتماعية + RSS الاشتراك تطفو على سطح مدونة بلوجر مع تأثير التمرير

طريقة تركيب الإضافة

1- ادخل إلى مدونتك / ثم أختر تخطيط  Layout

2- أختر إضافة أداة HTML/JavaScript

3- ثم ضع الكود التالي في صندوق الأداة .

الكود

<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:#EC1A22;
border:2px solid #EC1A22;;
-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:#EC1A22;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#000000;
border:2px solid #EC1A22;
-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" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<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.experts-program.blogspot.com Start -->
<center><b><a class="BS">يرجى البقاء على اتصال معنا</a></b></center>
<center>
<style>
.BloggerSpicesubscribe {
border: 1px solid #EC1A22;
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 #EC1A22;
-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: #EC1A22;
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: #EC1A22;
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' class='emailform'
method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=blogspot/pxrPG&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true'
style='margin: 0pt;' 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/hanna98141' 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/ChristiaUnion' 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/Qardardahjif' 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/blogspot/pxrPG' 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/qardahji' 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.experts-program.blogspot.com End -->
<a class='BSclose' href='#'>&times;</a>
<center style="float:right; margin-right:30px;"> <a target='_blank' style="font-size:xx-small; color:#EC1A22; text-decoration:none;" href="http://experts-program.blogspot.com">+للحصول على مثلها</a></center>
</div>

4- احفظ الأداة .

5- عدل ماهو بالون الأحمر بخاصيتك .

رسالة مهمة جداً

عزيزي الزائر: انت تعلم كم يبذل من الجهد كاتب التدوينة كي يعدها لك لذلك أرجوك أن تترك لو كلمة شكر وهذا لن يكلفك شيء

إذا كان لديكم أي إقتراحات أو تساؤلات حول الموضوع اضغط هنا وقدم اقتراحك أو تساؤلاتك ونحن على إستعداد للإطلاع على اقتراحاتكم والإجابة عن تساؤلاتكم ... أهلاً بكم على أرض الإبداع والتمييز

Note:- الرجاء من الأخوة الكرام : زوار المدونة عدم النسخ دون ذكر المصدر