مقدمة عن الإضافة
السلام عليكم ورحمة الله وبركاته زوار مدونة العرابى اليوم درس جديد أقدم لكم إضافة جديدة وهى اداة المتابعة عبر المواقع الاجتماعية منبثة وخلابة وليس هذا فقط بل يوجد معها الأشتراك فى القائمة البريدية أى ضرب عصفورين بحجر .فمن هم مهتمون بجديد مدونتك سوف يشتركون بكل سهولة لمتابعتك على الفيس بوك وتويتر والنشرة البريدية وبنترست .
صورة الإضافة
طريقة التركيب
1- أذهب إلى لوحة التحكم --> التخطيط
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:#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.Al3oraby.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=Al3oraby' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=Al3oraby;, 'popupwindow', 'scrollbars=yes,width=550,height=520');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 == "") {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/Al3oraby' rel='nofollow' target='_blank'><img alt='Be Our Fan!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhksK53jJTog_KUGlNWJNX_ECAnRvVSRsUgsMqp8JJwBuv6C6_ust9gHuKXTkaFrWcyPTzeLTifot1m9IPsjsDdUQlZmaFjxCQON4MYU4lW2fVslX00Q6cdS4crqY4C5i6NbqhVVvBBvMVe/s320/BS+Pop+Pinterest.png' title='Be Our Fan'/></a></td>
<td>
<a href='http://facebook.com/Al3oraby' rel='nofollow' target='_blank'><img alt='Be Our Fan!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJu_FUcB_8Dcca1EgbOQJtSOz6Ohx90D5N2dUY_LQAvL7ae1juXsqTLL3QlIXAxklpCAso7_irr5ker_AfOmV-MNhoc68lbKm1Bex5a3HLJUcFc71nvXomEQ7a3yyes6JfWmEFYTY9XayA/s320/BS+Pop+facebook.png'' title='be our fan'/></a></td>
<td>
<a href='http://twitter.com/Al3oraby' rel='nofollow' target='_blank'><img alt='Be Our Fan!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTa-LJzJi5tC_dnrUCw61QDvQnXaCTgDHHSmUvRo-A0m1pgn-Lf9txdz6TWLAjuJsRC0zrclmhfpyQXZMit0x0VqxTLZiKD9qOhazeQsbW_byFVRDrmK9YziljKTT6nd0P8d9XG80VxBNn/s320/BS+Pop+twitter.png'' title='be our fan'/></a></td>
<td>
<a href='http://feeds.feedburner.com/Al3oraby' rel='nofollow' target='_blank'><img alt='Be Our Fan!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG0osG7bf8vVofZ52W6sHML-Cci8WIWEmDCwwGle2ohi0NzwaixkfLiEPxEtEcVaPpOZ4oxlXGzB1uLzvQaZbG-4EjnTZJXdhZgrV0YVvyEmXnLcjD6ch0aIwYVRiXSSTTnEXkxROxgX59/s320/BS+Pop+rss.png' title='Be Our Fan'/></a></td>
<td>
<a href='http://www.stumbleupon.com/stumbler/Al3oraby/likes' rel='nofollow' target='_blank'><img alt='Be Our Fan!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikWSWEmxj2jr58vfxFi2yD0zKxMDx2aEbxA02mUuOxIey0SUjXYO8kpLz4NYKFB9fryS1W9emrgS1znS79x43PDGx7PJiPvMlfBTonpLpKFrdLvyf5C2bRwR7UIbmgOHw1ysE_riu29FRi/s320/BS+Pop+stumbleupon.png' title='Be Our Fan'/></a></td>
</tr>
</tbody>
</table>
</div>
</div>
</center>
<!-- Widget by www.Al3oraby.com End -->
<a class='BSclose' href='#'>×</a>
<center style="float:left; margin-right:30px;"> <a target='_blank' style="font-size:xx-small; color:#111111; text-decoration:none;" href="http://www.Al3oraby.com">العرابى</a></center>
</div>
#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.Al3oraby.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=Al3oraby' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=Al3oraby;, 'popupwindow', 'scrollbars=yes,width=550,height=520');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 == "") {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/Al3oraby' rel='nofollow' target='_blank'><img alt='Be Our Fan!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhksK53jJTog_KUGlNWJNX_ECAnRvVSRsUgsMqp8JJwBuv6C6_ust9gHuKXTkaFrWcyPTzeLTifot1m9IPsjsDdUQlZmaFjxCQON4MYU4lW2fVslX00Q6cdS4crqY4C5i6NbqhVVvBBvMVe/s320/BS+Pop+Pinterest.png' title='Be Our Fan'/></a></td>
<td>
<a href='http://facebook.com/Al3oraby' rel='nofollow' target='_blank'><img alt='Be Our Fan!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJu_FUcB_8Dcca1EgbOQJtSOz6Ohx90D5N2dUY_LQAvL7ae1juXsqTLL3QlIXAxklpCAso7_irr5ker_AfOmV-MNhoc68lbKm1Bex5a3HLJUcFc71nvXomEQ7a3yyes6JfWmEFYTY9XayA/s320/BS+Pop+facebook.png'' title='be our fan'/></a></td>
<td>
<a href='http://twitter.com/Al3oraby' rel='nofollow' target='_blank'><img alt='Be Our Fan!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTa-LJzJi5tC_dnrUCw61QDvQnXaCTgDHHSmUvRo-A0m1pgn-Lf9txdz6TWLAjuJsRC0zrclmhfpyQXZMit0x0VqxTLZiKD9qOhazeQsbW_byFVRDrmK9YziljKTT6nd0P8d9XG80VxBNn/s320/BS+Pop+twitter.png'' title='be our fan'/></a></td>
<td>
<a href='http://feeds.feedburner.com/Al3oraby' rel='nofollow' target='_blank'><img alt='Be Our Fan!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG0osG7bf8vVofZ52W6sHML-Cci8WIWEmDCwwGle2ohi0NzwaixkfLiEPxEtEcVaPpOZ4oxlXGzB1uLzvQaZbG-4EjnTZJXdhZgrV0YVvyEmXnLcjD6ch0aIwYVRiXSSTTnEXkxROxgX59/s320/BS+Pop+rss.png' title='Be Our Fan'/></a></td>
<td>
<a href='http://www.stumbleupon.com/stumbler/Al3oraby/likes' rel='nofollow' target='_blank'><img alt='Be Our Fan!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikWSWEmxj2jr58vfxFi2yD0zKxMDx2aEbxA02mUuOxIey0SUjXYO8kpLz4NYKFB9fryS1W9emrgS1znS79x43PDGx7PJiPvMlfBTonpLpKFrdLvyf5C2bRwR7UIbmgOHw1ysE_riu29FRi/s320/BS+Pop+stumbleupon.png' title='Be Our Fan'/></a></td>
</tr>
</tbody>
</table>
</div>
</div>
</center>
<!-- Widget by www.Al3oraby.com End -->
<a class='BSclose' href='#'>×</a>
<center style="float:left; margin-right:30px;"> <a target='_blank' style="font-size:xx-small; color:#111111; text-decoration:none;" href="http://www.Al3oraby.com">العرابى</a></center>
</div>
ليست هناك تعليقات:
إرسال تعليق