Pop up share mạng xã hội góc phải màn hình

Demo : http://www.gsmviet.net

Hình ảnh






Vào ~> Template ~> footer
Tìm

Mã:

</xen:hook>

Chèn code sau đằng trước

PHP:

<div id="social-sharing-box" class="like">
            <a class="facebook" href="http://www.facebook.com/gsmviet" rel="nofollow" target="_blank">facebook</a>
            <a class="twitter" href="https://twitter.com/intent/user?screen_name=gsmviet" rel="nofollow" target="_blank">twitter</a>
            <a class="googleplus" href="https://plus.google.com/+GsmvietNetvuvanhoan" rel="nofollow" target="_blank">googleplus</a>
            <a class="linkedin" href="http://www.linkedin.com/" rel="nofollow" target="_blank">linkedin</a>
    </div>
    <style type="text/css">
#social-sharing-box{position:fixed;right:20px;bottom:30px;overflow:hidden;}#social-sharing-box a{display:block;float:right;position:relative;text-decoration:none;text-indent:-9999em;padding:0;margin:0;background:url('http://d14pug4vc9kzip.cloudfront.net/assets/img/css/sharing-sprite.png') no-repeat -76px 0;width:81px;height:85px;vertical-align:top;z-index:110;}#social-sharing-box a.twitter,#social-sharing-box a.linkedin,#social-sharing-box a.googleplus{background-position:-38px -49px;transition:margin 300ms;-webkit-transition:margin 300ms;width:37px;height:36px;margin:43px -49px 0 4px;z-index:105;}
#social-sharing-box a.googleplus{background-position:0 -49px;}
#social-sharing-box a.linkedin{background-position:-38px -6px;margin-left:0;}
#social-sharing-box:hover a.twitter,#social-sharing-box:hover a.linkedin,#social-sharing-box:hover a.googleplus{width:37px;margin:43px 0 0 4px;}
</style>

 

Ý tưởng mới nhưng styles THH có thanh share trượt phải rồi , Góc đó để rành cho popup quảng cáo