إضافة المتابعة عبر المواقع الأجتماعية مع القائمة البريدية

مقدمة عن الإضافة

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


صورة الإضافة


طريقة التركيب

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(&#39;http://feedburner.google.com/fb/a/mailverify?uri=Al3oraby;, &#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/Al3oraby' rel='nofollow' target='_blank'><img alt='Be Our Fan!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx-E9ZBumsbCsy5bADb1KczGV6lg7pPZ4e_4SlhhjFV-04Vsej9gnFRM4avlAZ5bxWTVp7mKzh3WEpn5S-vb4Tul_xSTOw5ad9Pjle383IdvEWokK77uPlbSixJ8OrIjLKFxC3LeEsfGwi/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/AVvXsEgV_Ruz56ceczS6FyQ3TXvkHuPnwZBOump0DULQV0fGkFnNN4dm5KRY5A652DVRV4TTsHNR3i8almE1mEbwobCw8mPzKqAu1r77wmgckSIRgm6AsQQ2Pe5rYmptnAW2yMcOgVgrUxPZFbyc/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/AVvXsEi5oa9yqU57DQ6aIcnWlbXQspF9PtbjHh-Sx5G203VarozXJassGH8kzDsIr-Q0U_kvtswAE2YXfo0T4YoBnHCRZupnASv6PVhrELz-Wxm8MKPsTqy7oIxBtj4S66ZLNKK0cmXDvE6MFV38/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/AVvXsEgRYCf0TIas7srr2qhqMoFlQivCywPxqiAJH3PZ043leYD_JuXCQ9iYkKxBRx6r09wV9TMebWzjhqFP6VLRhu5TEK7RJHseHNkEIk8FSDri-eLiGUIlZYsMYOGdb4CZoUv6_zYcci88PuyP/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/AVvXsEgB6UnBfyc0E61XdxhwT1yfcCQoiVGkoJ2rQZCkflkOUD1BfxHTA3zkN0RSFMp6Jdq0mjsBI2lw6-w3hBgqV0ONzKgNmxYK9HEEjq0JUth4EZOv4SC2gy7L83Qbh5Ve294FUclifLLxzK0C/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='#'>&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.Al3oraby.com">العرابى</a></center>
</div>


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

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

لا تنسوا تشجينا بردودكم الجميلة ومتابعتنا على المواقع الأجتماعية .

نقل بدون تصريح ممنوع
بضغطة زر تشارك الفائدة وتدعم مدونة العرابى

الكاتب : Unknown

هذا النص هو مثال لنص يمكن ان يستبدل هنا هذا النص هو مثال لنص يمكن ان يستبدل هنا هذا النص هو مثال لنص يمكن ان يستبدل هنا هذا النص هو مثال لنص يمكن ان يستبدل هنا

مرسلة بواسطة في

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

إرسال تعليق

الاشتراك في: تعليقات الرسالة (Atom)

تابعنا على شبكاتنا الاجتماعية

جميع الحقوق محفوظة لمدونةمدونة العرابى2014

تصميم وتطوير : شهاب مصطفى