Tumblr için Yuvarlak Biçimli MP3 Çalar » Android, Apk indir, Instagram, Facebook, Youtube, Twitter, Tumblr, Linkedin, Sağlık, Güncel Haberler
Sponsorlu Bağlantı
ŞİFALI BİTKİLER
SAĞLIK
GüZELLİK VE BAKIM
GOOGLE
FACEBOOK
INSTAGRAM
TWITTER
TUMBLR
Sosyal Paylaşım Siteleri
Güncel Konular
Facebook Bilgileri
Twitter Bilgileri
Instagram Bilgileri
Tumblr Bilgileri
Hadi Beğeniver Gari
Destekleyenler
Yandex.Metrica


Kategori: tumblrblog / mplayer
Tumblr için Yuvarlak Biçimli MP3 Çalar
Bloguma Müzikçalar Eklenebilir mi? Müzikçalar Script Kodu
Daha evvel sizler için sitemizde tumblr sayfanız için müzik çalarlardan paylaşmıştık. Adından da anlaşılacağı gibi Yuvarlak Şekli nedeniyle (Rounded Music Player) bu isimle anılır ve güzel bir müzikçalardır. Tumblr blogunuza ziyaretçileriniz müzik keyfiyle hoş zaman geçirsinler. Blog misafirleriniz kullanılan müziği beğenmez ise, müziği kapatıp sonlandırması imkanı var. İşte bu sebeple Tumblr blogunuza gelecek olan misafirlerinizin rahatsız olması gibi bir durum sözkonusu değil. Alt bölümde sizler için paylaştığımız müzikçalar kodunu blogunuzdaki HTML bölümüne eklemeniz aynı zamanda kaydetmeniz gerekli. Daha sonraki paylaşımlarımızda da müzik çalar çeşitlerinden sizler için paylaşmaya devam edeceğiz. Önerilerinizi bekleriz...

Tumblr için Yuvarlak Biçimli MP3 Çalar
Müzikçalar sayfanızda tek çember halinde görünmekte olup, mause ile dokunulduğunda resimde görmüş olduğunuz gibi, Çift yuvarlak konumuna geçmektedir. Blog sayfanızın sol üst köşesinde rahatsızlık vermeyecek şekilde görünmektedir.

Yuvarlak Biçimli Mp3 Çalar için Script Kodu

<style type='text/css'>
#music-player-rounded {
  position:fixed;
  left:75px;
  top:150px;
  width:25px;
  height:25px;
  padding-left:10px;
  padding-top:10px;
  background-color:#FFFFFF;
  -moz-border-radius:100px;
  -webkit-border-radius:100px;
  border-radius:100px;
  border:5px solid #419ECC;
  opacity:1;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#music-player-rounded:hover {
  -webkit-transform:rotate(360deg);
  -moz-transform:rotate(360deg);
  -o-transform: rotate(360deg);
  padding-left:20px;
  padding-top:20px;
  padding-right:10px;
  padding-bottom:10px;
  left:85px;
  top:130px;
}  
.music-player {
  margin-top:0px;
  margin-left:-55px;
  width:45px;
  height:45px;
  padding-left:10px;
  padding-top:10px;
  background-color:#FFFFFF;
  -moz-border-radius:100px;
  -webkit-border-radius:100px;
  border-radius:100px;
  border:5px solid #EEbb33;
  color:#777777;
  opacity:0;
  overflow:hidden;
  font:12px Arial, Calibri, Cambria, sans-serif;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  }
#music-player-rounded:hover .music-player {
  opacity:1;
}
.music-player-embed {
  margin-left:-115px;
  margin-top:3px;
}
</style>
<div id="music-player-rounded">
<a href="http://tumblings.net/post/46761388554/tumblr-music-player"><img alt="Music Player for Tumblr" src="http://media.tumblr.com/tumblr_lm6prnRzP61qfoi4t.gif"></a>
<div class="music-player">
<div class="music-player-embed">
<embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0=http://xtclub.org.server.e-namai.lt/elarci/files/mp3/s/Studio_Killers_-_Ode_To_The_Bouncer_by_elarci_.mp3&t0=Ohhh yeah&total=1" quality="high" wmode="transparent" width="400" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /></div><div style="color:#000; background-color:#fff; padding:100px; font-size:10px;"><a href="http://tumblings.net/post/46761388554/tumblr-music-player">Music Player for Tumblr</a></div></div></div></div></div>


Yuvarlak Biçimli Mp3 Çalarınızı Tumblr blogunuza eklemek için hemen üstteki Script Kodunu kopyalayıp HTML kısmında nereye ve nasıl uygulayacağınızı resimlerle adım adım görmek için TIKLAYINIZ.

Tumblr için Yuvarlak Biçimli MP3 Çalar

Müzik Bar MP3 Çalar Tercihiniz için TIKLAYINIZ.


Tumblr için Yuvarlak Biçimli MP3 Çalar

Köşe MP3 Çalar Tercihiniz için TIKLAYINIZ.
Geri
  • Yorumlar: 0
  • Görüntülenme: 1 364
Değerli ziyaretçimiz, sitemize üye iseniz lütfen giriş yapınız.
Üye değilseniz üye olmak için tıklayın.


Yorum Ekle

İsim:*
E-Mail:*
  • bowtiesmilelaughingblushsmileyrelaxedsmirk
    heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
    winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
    worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
    expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
    disappointedconfoundedfearfulcold_sweatperseverecrysob
    joyastonishedscreamtired_faceangryragetriumph
    sleepyyummasksunglassesdizzy_faceimpsmiling_imp
    neutral_faceno_mouthinnocent
Güvenlik Kodu:*
Okunamayan kodu yenilemek için resmin üstüne tıklayınız