Memasang tombol shre socmed keren



Cara memasang tombol share keren dengan efek slide  yang terlihat elegan , ga usah basa basi langsung aja cekibrot.

  Copy script di bawah
<style>
    .SlidingSocial a{float:left;display:inline;margin-right:8px}
    .SlidingSocial a:hover{-webkit-opacity:1;-moz-opacity:1;opacity:1}
    .SlidingSocial  a{display:block;width:32px;height:32px;text-indent:-9999px;background-color:none;background:transparent url("https://lh5.googleusercontent.com/-9-xfdExpVCs/UgZHi7mnhlI/AAAAAAAABfA/ocF3QnOHF8M/s164/SlidingSocial.png") 0 0 no-repeat;-xwebkit-opacity:.7;-xmoz-opacity:.7;xopacity:.7;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
    #iconTwitter{background-position:-33px -33px}
    #iconTwitter:hover{background-position:-33px 0}
    #iconFacebook{background-position:-66px -33px}
    #iconFacebook:hover{background-position:-66px 0}
    #iconRSS{background-position:0 -33px}
    #iconRSS:hover{background-position:0 0}
    #iconYouTube{background-position:-99px -33px}
    #iconYouTube:hover{background-position:-99px 0}
    #iconGooglePlus{background-position:-132px -33px}
    #iconGooglePlus:hover{background-position:-132px 0}
    </style>
    <br />
<div class="SlidingSocial">
<a href="http://feeds.feedburner.com/" id="iconRSS" target="_blank" title="RSS Feed">RSS</a>
    <a href="http://twitter.com/" id="iconTwitter" target="_blank" title="Twitter">Twitter</a>
    <a href="http://www.facebook.com/" id="iconFacebook" target="_blank" title="Facebook Page">Facebook</a>
    <a href="http://www.youtube.com/" id="iconYouTube" target="_blank" title="YouTube Channel">YouTube</a>
    <a href="https://plus.google.com/" id="iconGooglePlus" target="_blank" title="Google Plus">Google+</a>
    </div>
LIVE DEMO


Share :

Facebook

ARTIKEL TERBARU:

0 Response to "Memasang tombol shre socmed keren"

Posting Komentar

Berkomentarlah jika ada yang dubutuhkan