اضافة صندوق المتابعة بمواقع التواصل الاجتماعي اسفل التدوينة

و قد تم عمل هته الاضافة بدقة عالية حتى تتوافق مع جميع المدونات على البلوجر بالطبع
يمكنك معاينة هذه الاضافة اسفل هته التدوينة ولا تنسى اخي العزيز الاعجاب بصفحتنا على الفيسبوك و متابعتنا على التويتر و الاشتراك في القائمة البريدية
طريقة التركيب
اولا اذهب الى المدونة ثم قالب ثم تحرير html
ثم اضغط على Ctrl + F و ابحث على <data:post.body/> 
ثم قم بوضع الكود التالي اسفلها مباشرة 

<section class='newsletter'><h2>انظم الينا </h2><div id='form-newsletter'><div class='social facebook'><a href='https://www.facebook.com/almojtahid' target='_blank'>      <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtNpwA_h1nl6Np7OsScWYdy9wUWKy5RZdgGZTK3rtL7Di9u-boOP-raXgWUR5Ujf4D9GkGFBHtG-dv2VVdlSUziJh3WmJgJ8ti7nTiowR1iLY7UcF1PKcIxT2vxgNYbY82w8Qw8yNALEsR/s1600/nl-facebook@2x.png'/>    </a>    <iframe allowtransparency='true' class='social-box fb-like' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Falmojtahid&amp;width=90&amp;height=21&amp;colorscheme=light&amp;layout=button_count&amp;action=like&amp;show_faces=false&amp;send=false&amp;appId=519648428126767&amp;locale=en_US' style='border: none; height: 21px; overflow: hidden; width: 90px;'>    </iframe>  </div><div class='social twitter'><a href='https://twitter.com/AlmojtahidL' target='_blank'>      <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp2nyRO5owNmjWDhlZPo6Q81FWMVlV83S8hZHslOQwsdr5VCh_ZkPBbnEkOd518NLnSs3maJJ9rYk7ol0HpJJbMwH_Zz0rp1cdLzRsSCaYIhZSv3gImxV6C8MppVr-vOXzmfqwraYMxf1x/s1600/nl-twitter@2x.png'/>    </a>    <iframe allowtransparency='true' class='social-box twitter-follow-button twitter-follow-button' data-twttr-rendered='true' frameborder='0' id='twitter-widget-0' scrolling='no' src='http://platform.twitter.com/widgets/follow_button.1399599786.html#_=1399785529920&amp;id=twitter-widget-0&amp;lang=en&amp;screen_name=AlmojtahidL&amp;show_count=false&amp;show_screen_name=false&amp;size=m' style='height: 20px; width: 60px;' title='Twitter Follow Button'>    </iframe>    <script>      !function(d,s,id){        var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?&#39;http&#39;:&#39;https&#39;;        if(!d.getElementById(id)){          js=d.createElement(s);          js.id=id;          js.src=p+&#39;://platform.twitter.com/widgets.js&#39;;fjs.parentNode.insertBefore(js,fjs);}}(document, &#39;script&#39;, &#39;twitter-wjs&#39;);    </script>  </div><div class='newsletter-form'><fieldset><h2>       احصل على آخر تدوينات الموقع على الايميل      </h2><div class='fields'><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.openundefined&apos;http://feedburner.google.com/fb/a/mailverify?uri=Almojtahid&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><input class='email' id='email' name='email' onblur='ifundefinedthis.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='ifundefinedthis.value==this.defaultValue)this.value=&apos;&apos;;' type='text' value='ضع الايميل الخاص بك هنا ..'/>          <input name='uri' type='hidden' value='Almojtahid'/>          <input name='loc' type='hidden' value='en_US'/>          <input class='subscribe' name='commit' type='submit' value='اشترك'/>        </form></div></fieldset></div></div></section><style>.newsletter{text-align:center;margin:20px 0;}.newsletter .social.facebook{background:none repeat scroll 0 0 #3661A0}.newsletter .social{padding-top:20%;width:20%;float:left;position:relative}.newsletter #form-newsletter{display:block;width:90%;max-width:900px;min-width:500px;margin:0 auto}.newsletter:before,.newsletter:after{content:&quot; &quot;;display:table}.newsletter:after{clear:both}.newsletter h2{color:#3B434D;font-family:Open Sans,sans-serif;font-size:1.5em;font-weight:300;width:65%;margin:1em auto}.newsletter .social.twitter{background:none repeat scroll 0 0 #00ACED}.newsletter .social a{display:block;left:30%;position:absolute;top:20%;width:40%}.newsletter .social a img{max-width:100%;width:100%;transition: transform 0.3s ease-out 0s}.newsletter .social a:hover img{transform:scale(1.1)}.newsletter .social .social-box{bottom:20px;left:50%;position:absolute}.newsletter .social .social-box.fb-like{margin-left:-45px}.newsletter .social .social-box.twitter-follow-button{margin-left:-30px}.newsletter .newsletter-form{background:none repeat scroll 0 0 #1E293B;float:left;padding-top:20%;position:relative;width:60%}.newsletter .newsletter-form fieldset{height:38px;left:10%;position:absolute;top:10%;width:80%;border:none}.newsletter .newsletter-form fieldset h2{color:#FFF;font-family:Open Sans, sans-serif;font-weight:300;width:100%;margin:0 0 1.5625em;font-size:16px;}.newsletter .newsletter-form fieldset .fields{position:relative}.fields .email{border-radius:10px 0 0 10px;outline:0 none;width:84%;border:0;left:0;position:absolute;padding:10.5px}.fields .subscribe{background:none repeat scroll 0 0 #F0553B;border:medium none;border-radius:0 10px 10px 0;color:#FFF;right:0;position:absolute;padding:10px;transition:all ease 0.6s;}.fields .subscribe:hover {background: none repeat scroll 0 0 #161616;}</style><script type='text/JavaScript'>fontsize = function () {    var abtSubs = $(&quot;.newsletter #form-newsletter&quot;).width() * 0.025; // 10% of container width    $(&quot;.newsletter .newsletter-form fieldset h2&quot;).css(&#39;font-size&#39;, abtSubs);};$(window).resize(fontsize);$(document).ready(fontsize);</script>

ملاحظة هامة : 

التعديلات