إضافة صنوق الإشتراك مع أداة التواصل الإجتماعي 2014

السلام عليكم ورحمة الله وبركاته 

أهلا بكم من جديد في درس رائع سأقدم لكم من خلاله إضافة للبلوجر هذه الإضافة يمكن أن نقول عنها إضافتان في واحدة وهي صنوق الإشتراك في المدونة مدمج مع أدوات التواصل الإجتماعي إضافة رائعة جدا طورتها وعربتها شخصيا هذه الإضافة ستساعدكم في جلب المشتركين للمدونة وأيضا متابعين عبر مواقع التواصل الإجتماعي .
كما يمكنكم إستعمال إضافة أخرى رائعة مشابهة عبر الدرس التالي :
[بلوجر] إضافة روعة تحت الهيدر ( اشترك معنا - تابعنا ) 2014

مثال مباشر:

اشترك معنا وتوصل بأخر الأخبار والتحديثات !!

طريقة إضافتها :

1- إذهب إلى لوحة التحكم .

2- إذهب إلى التخطيط .

3- إضافة javascript/HTML .

4-  أضف الكود التالي .

الكود :

<style type="text/css">#sidebar-subscribe-box{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHZUMJnWn7RimG1jwuOs-MdGHdpfZxO8RCNODqai2XOu800zrpOZdASna9nRcrxZFFhRf84QkmL1DgiyV7wfTlUnXD2-c-JtEqyaSSd5ip3CWrin7i1HUw8SvcBQRYx-v_HyFGz6PA2x9c/s1600/colored-strip.png) repeat scroll 0 0 transparent;border:1px solid #aaa;border-radius:3px;padding:3px 0}.sidebar-subscribe-box-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmSbLUbSip53QiAjTe1gEadINp577HvVtC_pi0DfBpYC8CyEK0Xfab3XfAjHyIlX1XkuN2Ruib7y5_-4UGRxbYes1znY2Uzn7rThrIIVd4eWa7-Stx5pw8X4HzQD_3uPE3rvI4CjhG2boN/s1600/bg-pattern.png) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}.sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKaeS8x818JBmnGVXDsgK8F_1ofCsZEahT1jcmvWFrcVQZqIX1AvvJUi8C-cZKvUlOYNRicBpiTEzOlFia0jZUbaITEhnR-EvGpCkX2USY_J9X-cdVyfqS5H35a2TANRFfCFbyHhbZj_4s/s1600/sprites.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%;font-family: droidkufi-bold, tahoma;
font-size: 12px;}.sidebar-subscribe-box-email-button{background:#09f;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:droidkufi-bold, tahoma;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:100%}.sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff}.sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px}#footer-section{background:#f5f5f5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzeDmYw3-GM422_maQhT0M1g_XgS75ljZxGfNqys9mMFrfOp2dGvKcLO2opCToaeDC_eA2HyKBNoNpp7HTn-tIiFwU-zRVFrHpsGigojlwTpdnvPgSb7i6QTLHs7c96sfdLdKHbKM1I6yS/s0/bg-pattern.png) repeat top left;border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:droidkufi-bold, tahoma;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}</style>
<div id="sidebar-subscribe-box"><div class="sidebar-subscribe-box-wrapper"><p>اشترك معنا وتوصل بأخر الأخبار والتحديثات !!</p><center>
<table>
<tbody><tr><td><a href="http://youtube.com/user/blogproayoub" class="linkopacity" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv4w3Cy-bUqiziW1V3MtUulxXlyb5N9U4X519LIQkAmAr0kwZR36urJ9xgM4sl5RWB84WITCVtdXy0si71fAXNjJmURNoE9-05DnLZTryn4vXYgx-MriQAMpaqoqkbh30aD-3tY2WsZOg/s1600/youtube.png"></a></td>
<td>
<a href="http://www.facebook.com/blogproayoub" class="linkopacity" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7MKUVzmrhOzQ_jExsU2pX3ArCcoLCk3hoOs8uZCgw6iK9QsSU89kK-Juz7qRFhkDrnsVsy96kYuMpYgA_R87ufe8mLfXkZMTpWYzfvNJyko20ejQwsVeVWsCn3626hh8uidQciUOJ9Mo/s1600/facebook.png"></a>
</td>
<td>
<a href="http://twitter.com/blogproayoub" class="linkopacity" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjGvBWTsvTKh2VrvQ4dmSd11Z8L-KjeVw_qOsDmhFdbxKaiGCBVDo51IMnIAsPBhpDY8ETcImBqmkppsIB_N7emCJZyB8KV87yRizEFupsrCLTrG0nxAyx5BbGKA1xp-P3LvFrQ501Hz4/s1600/twitter.png"></a>
</td>
<td>
<a href="http://plus.google.com/+ayoubboulaich" class="linkopacity" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0O-ysxH56TvIy7RqV44Q6ds2fd2mtgPcGZjNEWZ2ZLCKuYJUcUY4a501V7JK6-nG21ExcCah6SofRVDxTJPfcq22k11Hn6amEQ9rf4_yCQ8I68DEUmsTkBHryRS5SdFX3veRAG4E3Jdo/s1600/google+.png"></a>
</td>
</tr></tbody></table>
</center><div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=blogproayoub" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=bloggingbolt', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="bloggingbolt"><input name="loc" type="hidden" value="en_US"><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="ضع إيميلك هنا ^_^"><input class="sidebar-subscribe-box-email-button" title="" type="submit" value="قم بالتسجيل الأن !"></form></div></div></div>

بعد إضافة الكود قم بتغيير عبارات blogproayoub بمعلوماتك وقم بالحفظ واستمتع بالإضافة
إلى اللقاء نلتقي في درس قادم يإذن الله