السلام عليكم
في هذا الدرس سوف أتكلم عن إضافة مميزة لتذكير الزوار بالإشتراك ومتابعتك في المواقع الإجتماعية الإضافة خفيفة وتنزلق عند الوصول لمنتصف الصفحة وتحتوي هذه الإضافة على ثلاث أزرار زر الإعجاب في الفيس بوك والمتابعة على تويتر وزر 1+ على جوجل بلس
لتركيب الإضافة ضع الكود التالي في آداة HTML/JavaScript
<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%2Fpageurl&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/username" 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>
إستبدل pageurl بإسم رابط صفحتك على الفيس بوك
وإستبدل username بإسم حسابك على تويتر
