صندوق اشترك عبر الاميل مع ايقونات للمواقع الاجتماعية

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

 

تتوفر على ازرار المواقع الاجتماعية الاكثر شعبية واهمية مع صورة جميلة تضيف لمسة الى الصندوق ,كدلك الزر الرائع وهو الاشتراك او التسجيل بلونه الازرق المتدرج .

ادعمنا جزاك الله خير بنقرة زر

 

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

طريقة اضافة صندوق اشترك في القائمة البريدية 

ادهب الى لوحة تحكم مدونتك واختر تصميم….ثم انقر على اضافة اداة جديدة وإختر …..اداة Html Java Script

لقد اخد مني هدا الموضوع وقت كبيرا في اعداده وخصوصا التعديل على الصندوق , ا لا يستحق هذا الموضوع تعليقا

<!-- Sidebar Subscribe Widget bywww.arabicash2.blogspot.com starts-->

<style type="text/css">#tlasto_widget_share{width:300px;padding:5px;}#tlasto_widget_share td a {text-decoration:none;display:block;}#tlasto_widget_share td img{width:60px;height:60px;transition:box-shadow 0.5s;-moz-transition:box-shadow 0.5s;-o-transition:box-shadow 0.5s;-webkit-transition:box-shadow 0.5s;}#tlasto_widget_share td img:hover{box-shadow:2px 4px 8px #4B9FED;-moz-box-shadow:2px 4px 8px #4B9FED;-webkit-box-shadow:2px 4px 8px #4B9FED;-o-box-shadow:2px 4px 8px #4B9FED;}.tlasto_wid .emailsub{border-bottom: 1px solid #e6e6e6; padding: 15px 0 20px 0; float: left; width: 100%; font-family: Helvetica, Arial;}.tlasto_wid .emailsub .emailicon{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCWL1veWLkFl5z_lyJrMcjTegf4Y6Z8acCkFpywkZ9QqN73Ytalwp8fxMGCpE8UHCtdzASJFWaeObLkppC93d75SAOXHc3aZh23DIMIzOaqLuLC7EPM5e7b1k9vMk_emmooWWWTorGdBI/s400/email.png) no-repeat left center; float: left;  margin: 0 0 0 0px; width: 300px; height: 28px; line-height: 28px; vertical-align: middle; font-size: 14px; color: #333; }.tlasto_wid .emailsub .emailupdatesform{margin: 15px 0 5px 5px; width: 300px; float: left;}.tlasto_wid .emailsub .emailupdatesform input.emailupdatesinput{background: #fff !important; float: left; border: 1px solid #d2d2d2; padding: 0px 8px 0px 8px; color: #a19999; font-size: 12px; height: 25px; width: 200px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}.tlasto_wid .emailsub .emailupdatesform input.joinemailupdates{background:-moz-linear-gradient(top,#57ABFE 0%,#0080ff 100%); background:-webkit-gradient(linear,left top,left bottom,from(#57ABFE),to(#0080ff)); border: 1px solid #0080ff; text-transform: uppercase; color: #fff; height: 25px; padding: 0 12px 0 12px; margin: 0 0 0 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}</style><!--[if IE]><style>.joinemailupdates{background-color:#2894FE;}#tlasto_widget_share td img:hover{border:none;}#tlasto_widget_share td img{border:none;}.iee{width:50px;height:50px;}</style><![endif]--><table id="tlasto_widget_share"><tbody><tr><td><a href="http://www.facebook.com/arabicash2" rel="nofollow"><img src="https://lh5.googleusercontent.com/-6vVR88qK5O4/T88zZ0b-gsI/AAAAAAAABOM/246EFoPdAqk/h120/facebook.png" alt="Follow on Facebook" /></a> </td><td><a href="http://www.twitter.com/kurtlarjamaa" rel="nofollow"><img src="https://lh6.googleusercontent.com/-AZg4EYHKmdk/T88zcu3ISDI/AAAAAAAABOo/Z0lQKlksxic/h120/twitter.png" alt="Follow on twitter" /></a> </td><td><a href="http://www.rss.com/" rel="nofollow"><img src="https://lh4.googleusercontent.com/-vzv0K5hatLU/T88zaRGjXHI/AAAAAAAABOU/NZ1610DM3xc/h120/rss.png" alt="subscribe to feed" /></a> </td><td><a href="http://www.digg.com/" rel="nofollow"><img src="https://lh3.googleusercontent.com/-hX9vwSlaSok/T88zZCw3JMI/AAAAAAAABOI/Q4-M7StN9Es/h120/digg.png" alt="Follow on Digg" /></a> </td><td><a href="https://plus.google.com/102572530628729059335" rel="nofollow"><img id="iee" src="http://2.bp.blogspot.com/-emK4SfVCVZM/T883KeFLcCI/AAAAAAAABPI/Iqbo67duk3o/s1600/google-plus-icon-4.png" alt="Follow on Googleplus" style="width:65px;height:65px;" /></a> </td></tr><tr><td colspan="5"><div class="tlasto_wid"><div class="emailsub"><div class="emailicon"><div class="emailicon"><span style="”margin-left:25px;”">  <p align="right"><span style="font-weight:bold;">إشترك للحصول على آخر المواضيع</span></p></span></div></div>     <div class="emailupdatesform">    <form onsubmit="window.open('your_feedbuner_url’, 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow"><input onblur="if (this.value == &#39;&#39;) {this.value = &#39;أدخل بريدك الالكتروني هنا..&#39;;}" onfocus="if (this.value == &#39;أدخل بريدك الالكتروني هنا..&#39;) {this.value = &#39;&#39;;}" gtbfieldid="10" class="emailupdatesinput" name="email" value="أدخل بريدك الالكتروني هنا.." type="text" /><input value="blogspot/usihu" name="uri" type="hidden" /><input value="إشترك" class="joinemailupdates" type="submit" /></form></div></div></div></td></tr><tr></tr></tbody></table>
<!-- Sidebar Subscribe Widget by www.arabicash2.blogspot.com ends-->

أنسخ الكود التالي وألصقه داخل اداة Html Java Script

قبل الحفظ غير التالي في الكود الى ما يناسبك

الفايسبوك: ابحث عن arabicash2  وغيرها باسم صفحتك

التويتر : ابحث عن kurtlarjamaa  وغيرها باسم صفحتك

Digg : ليس متوفرا

Rss  المشاركة عن طريق البريد: ابحث عن blogspot/usihu غيره بما يناسبك

ثم في قم بحفظ الاداة وقم بمعاينة خاطفة لمدونتك ,اتمنى ان تكون الاضافة اعجبتك وانا ايضا اتمنى ان تكونوا راضين عما أقدمه للمستخدمين العرب فادعمونا جزاكم الله كل خير ولو بتعليق بسيط.والسلام عليكم ورحمة الله تعالى وبركاته.