Sitenin Sag Ustune Twitter Takip Et Butonu Ekle

Kod Resmi

Kod Açıklaması

Kod İçerisinde "tehlikelicadde" Kısımlarına Kendi Twitter Kullanıcı Adınızı Yazınız.

Kod Önizleme

Demo

Kod Videolu Onizleme

Sitene Ekliyecegin Kod

<style> .takip-wrapper { height: 44px; overflow: hidden; position: fixed; top: 0; width: 100%; } .takip-buton { background-image: url(https://dl.dropboxusercontent.com/u/60346665/twitter-bird-sprite-BH.png); background-repeat: no-repeat; background-position: 0 0; cursor: pointer; display: block; padding: 7px 0 7px 40px; position: absolute; right: -168px; top: 5px; -webkit-transition: right 0.3s; -moz-transition: right 0.3s; transition: right 0.3s; width: 170px; } .takip-buton:hover {-webkit-animation: fly 0.2s steps(4) 0 10; -moz-animation: fly 0.2s steps(4) 0 10; animation: fly 0.2s steps(4) 0 10; right: 0; } @-webkit-keyframes fly { from { background-position: 0 0; } to { background-position: 0 -140px; } } @-moz-keyframes fly { from { background-position: 0 0; } to { background-position: 0 -140px; } } @keyframes fly { from { background-position: 0 0; } to { background-position: 0 -140px; } } </style> <div class='takip-wrapper'> <div class='takip-buton'> <a href="https://twitter.com/tehlikelicadde" class="twitter-follow-button" data-show-count="false" data-lang="tr" data-dnt="true">Takip et: @tehlikelicadde</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> </div> </div>

Uyumlu Tarayıcılar

Ivır Zıvır