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

بسم الله الرحمن الرحيم

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

اليوم درس جميل ومفيد جدا،اضافة كود تنبهة لاشتراك في المواقع الاجتماعية، الاضافة تزيد من مشتركين المدونة الاضافة خفيفية علي المدونة ،والاضافة تنزلق مع المدونة وعند الوصول الي لمنتصف تختفي الاضافة ، والاضافة بها ثلاث ازرار من المواقع الاجتماعية موقع التويتر ،موقع الفيس بوك ،جوجل بلس+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%2Fhh5050?ref=hl&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/hh5050" 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>