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

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

<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('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/pxrPG', 'popupwindow', 'scrollbars=yes,width=550,height=520');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 == "") {this.value = "ادخل بريدك الإلكتروني...";}'
onfocus='if (this.value == "ادخل بريدك الإلكتروني...") {this.value = ""}'
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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlZWH31no_iNaYn77ps256KvA9EUmdyGiy2nS8Jp0lXcWDWeoH0qxcbhxmv6B6j8Gp9JMcIpVgwQrxULTFh-JHaf2ZVApyNf-s_C0QxqO0HHRw28fd7lS52PHm0ne_qLXr1z15ii1aAPeI/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWzEs6Fjvx4Z69jCuFDpCqR_H9GGSO2mKkoZOlmQeJBLy0iJCga0gFjwaxjHHIrHsXN1qyvegeSp3XR8_rqEYJ-Vgr_C7PCZHHVZXelYp7Wj5qnEgUStSCjMFYwPkFXVTr1RrsCQHFxpjP/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcp3h8JLE6rQtX3SkgHLvKi5Rmj8iDIAhpUGPzranSpw6D_Te0z9f-jg0WL1gPn5fpuNeb5EhyMsIsnsKL0PXwm-uU4RqmBq9NU8YyZO7L3Yo799FxQRu6JFO4c53oJ8Bzz-wog7epZhek/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfZalLIJGhN1GsnG0S2OYdcJ9Y12TUpr8bikb8GqmVWvLyqGpYMDxQgYlnuQKPRsjVmStuL8WpiswoTnl7YHhPEqddgdY047YckIO769CT_2In2FLFD0T1Th0zarRdzxAlq2PIOlPPTXFk/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwuFIBx6J3WgUNBw4Bp9UAVXZqtNB33fYeHLIVPd8IfZgr8R9dC-XpL9AiYigQUjRr0wR6JsrH94hiC9_5K6YZ8k2lv5UjaXxShKlTqP5LDZAnFsPl6YhHvvUlY6HugfhuLLitpAezgcAt/s320/BS+Pop+stumbleupon.png' title='Be Our Fan'/></a></td>
</tr>
</tbody>
</table>
</div>
</div>
</center>

<a class='BSclose' href='#'>×</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>