اليوم درس جميل ومفيد جدا،اضافة كود تنبهة لاشتراك في المواقع الاجتماعية، الاضافة تزيد من مشتركين المدونة الاضافة خفيفية علي المدونة ،والاضافة تنزلق مع المدونة وعند الوصول الي لمنتصف تختفي الاضافة ، والاضافة بها ثلاث ازرار من المواقع الاجتماعية موقع التويتر ،موقع الفيس بوك ،جوجل بلس+1
صورة الاضافة
ولتطبيق الاضافة
نذهب إلى لوحة تحكم مدونتك وتقوم بالضغط على التخطيط ثم على ،إضافة أداة ؛ ثم بعد ذلك تختار، html/java script وتقوم بوضع هذا الكودفي المربع
الكود
<script type="text/javascript" src="https://cnmu.googlecode.com/svn/trunk/slidesubsc.js"></script>
<script type="text/javascript">$(window).scroll(function(){if($(document).scrollTop()>=$(document).height()/4)$("#mblsocialslide").show("slow");else $("#mblsocialslide").hide("slow");});function closeMBlsocialslide(){$('#mblsocialslide').remove();$.ajax({type:"POST",url:"/facebookpage.php"});}</script>
<style>
#mblsocialslide{background:#f3f3f3;border:1px solid #BBBBBB;border-radius:9px;box-shadow: 0 1px 2px #999;padding:12px 14px 12px 14px;width:300px;position:fixed;bottom:13px;right:2px;display:none;z-index:3;height:65px;}
</style>
<div style="display: none;" id="mblsocialslide">
<a style="position:absolute;top:12px;right:10px;color:#555;font-size:15px;font-weight:bold;color:#C53A1E;" href="javascript:void(0);" onclick="return closeMBlsocialslide();">(X)</a>
<span style="font-size: 20px; margin: 10px 20px; text-shadow: 1px 1px 0 #FFFFFF;">لا تنسى الإنضمام الى متابعينا</span><br />
<div style="float:left; margin:15px;"><g:plusone annotation="none"></g:plusone></div>
<div style="float:left; margin:15px;"><iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2F3alamihtiraf&send=false&layout=button_count&width=80&show_faces=false&action=like&colorscheme=light&font=arial&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:21px;" allowtransparency="true"></iframe></div>
<div style="float:left; margin:15px;"><a href="https://twitter.com/3alamihtiraf" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false">Follow Us</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
</script>
</div>
</div>
<div class='clear'></div>