• Anlatımlar
    • Temalar
    • Eklentiler
    • Efektler
    • Stickerlar
  • Tumblr Dashboard Teması Değiştirme

    İlk olarak http://userstyles.org/styles/browse/tumblr sitesine girip beğendiğimiz temayı seçiyoruz. [RESIM]556178edc85d0d3c8ed14e752506eeb8.jpg[/RESIM] Temayı seçtikten sonra alttaki fotoğrafta mavi arka planlı yerde install stylish yazıyor ona tıklıyoruz ve chrome eklentisini indiriyoruz otomatik kuruluyor zaten. [RESIM]33e2562edbee16841a4863c5d80f1bf3.jpg[/RESIM] [RESIM]e575581287277ec1d60d03e4c7214562.jpg[/RESIM] Yüklendikten sonra ise tema sayfamıza geri dönüp sayfayı yeniliyoruz ve bu defa böyle görünüyor olacak. Install diyoruz tabii ki. [RESIM]1126b00f9401231b9cd83e444afdd1b7.jpg[/RESIM] ve sonrasında temamız değişmiş oluyor.. [RESIM]5ac0f713e583d21742e61b662571cca6.jpg[/RESIM]

  • En Güzel Tumblr Arka Planları | Best Tumblr Backgrounds

    [RESIM]cb57e0f05714d62a37a37def7d1b5ebc.jpg[/RESIM] [RESIM]5b55ce1d4a5d0f7e7cb2e6ef4df2841c.gif[/RESIM] [RESIM]5770aec92758a50b465a245a0b2c4dff.jpg[/RESIM] [RESIM]529e36c3254356d9e478bf04117dfb89.jpg[/RESIM] [RESIM]ecf9e1b54f80d25a21cef6d720f39cdd.jpg[/RESIM] [RESIM]69b5adf150d9eaa0c4c1c3efd3798d57.jpg[/RESIM] [RESIM]e963bb0e6a87524321693dfed014d42b.jpg[/RESIM] [RESIM]e1afadab250de106f14bb515dada9f5c.jpg[/RESIM] [RESIM]1f74652fac17fec4fafec55001aa9733.png[/RESIM] [RESIM]fda1aba2866f7fbc184ca680e6681baa.gif[/RESIM] [RESIM]3d87ba52908794d1b74c7e1dc44b0b06.gif[/RESIM] [RESIM]88f9e0f853ce02074d954f54fd5d4182.jpg[/RESIM] [RESIM]204d64fcbab6cca365da32d1376d8fac.png[/RESIM] [RESIM]26ad359edba71ea2da0097cbf7e84498.png[/RESIM] [RESIM]fe8bfae8ab818a5f159879c413d21ad5.png[/RESIM] [RESIM]352a553a8972f66247c050d371c50b21.png[/RESIM] [RESIM]c21d78d97854667456f00e8be0791ec9.jpg[/RESIM] [RESIM]08dff4c3148c46c607bb39911355f909.jpg[/RESIM] [RESIM]6d62e3274df8ccf9a3de5b1c7755f568.gif[/RESIM] [RESIM]bb88ef3afe3503fcf00a2717def25175.gif[/RESIM]

  • Ücretsiz En İyi Tumblr Temaları | Best Tumblr Themes

    En çok kullanılan, en popüler Tumblr temalarından 20 tanesi. Temaların nasıl yüklendiğini bilmiyorsanız; Tumblr Tema Değiştirme | Tema Yükleme -> http://blogdanasilyapilir.com/p/tumblr-tema-degistirme-tema-yukleme/82 [h1]Tumblr İzmir Teması[-h1] [b]Önizleme:[-b] http://izmirtemasi.tumblr.com/ [b]Yükle:[-b] http://blogdanasilyapilir.com/p/tumblr-izmir-temasi/19 [RESIM]3b3591bb6918af2b881e4fe5ed84d2ba.jpg[/RESIM] [h1]Aksiyonel Redux v2 Tumblr Teması[-h1] [b]Önizleme:[-b] - [b]Yükle:[-b] http://blogdanasilyapilir.com/p/editlenmis-redux-temasi-aksiyonel-redux-v2-guncelleme-1/26 [RESIM]920ce7bd5a05adc63bc5b94454ef1aa7.png[/RESIM] [h1]Paper Walls Tumblr Teması[-h1] [b]Önizleme:[-b] http://safe.txmblr.com/theme/preview/3661 [b]Yükle:[-b] https://www.tumblr.com/theme/3661 [RESIM]3f0d5459006aa1d1e5ac148ca23378c9.jpg[/RESIM] [h1]Important Things Tumblr Teması[-h1] [b]Önizleme:[-b] http://safe.tumblr.com/theme/preview/14266 [b]Yükle:[-b] https://www.tumblr.com/theme/14266 [RESIM]0d68214f6fdb847cfb63e985b227e7e6.jpg[/RESIM] [h1]Firsts Tumblr Teması[-h1] [b]Önizleme:[-b] http://safe.txmblr.com/theme/preview/20892 [b]Yükle:[-b] https://www.tumblr.com/theme/20892 [RESIM]1c4bc4ac4c3a9036595b9eb11d5cbf06.jpg[/RESIM]

  • Tumblr İçin Farklı Sayfa Efektleri

    Öncelikle aşağıdaki kodların nasıl ekleneceğini bilmiyorsan şöyle alalım seni; Kod Nasıl Eklenir? > Ardından; 1- Yağmur Yağdırma : http://www.mf2fm.com/rv/dhtmlrain.php 2- Uzay İlerliyormuşcasına Bir Efektcan : http://www.mf2fm.com/rv/dhtmlspacewarp.php 3- Ekranda Yılan Dolaşsın : http://www.mf2fm.com/rv/dhtmlblockworm.php 4- Arka Planda Renkli Kareler Hareket Etsin : http://www.mf2fm.com/rv/dhtml1970.php 5- Büyük Kar Taneleri : http://www.mf2fm.com/rv/dhtmlsnow2.php 6- Yıldız Kayması Gibi Bir şey : http://www.mf2fm.com/rv/dhtmlshootingstar.php 7- Havai Fişek : http://www.mf2fm.com/rv/dhtmlfireworks.php 8- Su Baloncukları : http://www.mf2fm.com/rv/dhtmlbubbles.php 9- Ekranda Dolaşan Baloncuklar : http://www.mf2fm.com/rv/dhtmlblobs-in-a-jar.php 10- Normal Kar Yağdırma : http://www.mf2fm.com/rv/dhtmlsnow.php

  • Tumblr Müzik Player Ekleme

    İlk olarak scmplayer.net e giriyoruz. Ardından gözümüze en güzel gelen player temasını seçiyoruz. [RESIM]9281679dc22be986b49e728d9250829d.jpg[/RESIM] Sonrasında eklemek istediğimiz müziğin linkini kopyalıyoruz youtube tercihidir. [RESIM]f91d424e20e10d1c771819e45e25590c.jpg[/RESIM] Ardından Edit Playlist sekmesine girip linki kopyalıyoruz sort playlist deyip devam ediyoruz. [RESIM]9c97848f061cf52ea6fde06107a69204.jpg[/RESIM] Sonrasında istediğimiz çalma yöntemlerini ayarlıyoruz ve tamamlıyoruz. [RESIM]a62faeb5bc4b108e98198e20e1b91079.jpg[/RESIM] Verdiği kodu kopyalayıp; [RESIM]2f2b4754e4283f7f294ff68448c424c8.jpg[/RESIM] Temanın HTML kodlarına yapıştırıyoruz. [h1]Tumblr Müzik Player Ekleme - Video Anlatım[-h1] https://www.youtube.com/watch?v=2VJWBKjwVB4

  • Tumblr İmleç Ekleme | Ok İşareti Değiştirme | Mouse İmleci Yapma

    İstek üzerine bu defa imlecin nasıl değiştiğini anlatıcam sadece nasıl değiştiğini değil aynı zamanda kendi imlecinizi nasıl yapacağınızı da anlatıcam. Başlayalım o zaman.. 1- Bıyık İmleci [RESIM]0980ed78be9ca8b3c22d10898b565fc5.jpg[/RESIM] Kodu: [kod]<style> body, a, a:hover { cursor:url('http://www.totallylayouts.com/cursors/random/mustache.png'), auto }</style>[-kod] 2- Pikaçu [RESIM]771fd4eaf2709937be2f00222c584dea.jpg[/RESIM] [kod]<style> body, a, a:hover { cursor:url('http://www.totallylayouts.com/cursors/cartoon/pikachu_pokemon.png'), auto }</style>[-kod] 3- Üçgen İmleç Kodu: [kod]<style> html, body, a, a:hover { cursor:url('http://www.snazzyspace.com/cursorsfolder/3d-triangle.png'), auto !important; }</style>[-kod] 4- Sonsuz işaretli İmleç: [kod]<style> html, body, a, a:hover { cursor:url('http://www.snazzyspace.com/cursorsfolder/infinite.png'), auto !important; }</style>[-kod] [h1]Şimdi ise kendi imlecinizi kendiniz nasıl yapacaksınız onu anlatayım.[-h1] Öncelikle Photoshop şart Eğer yüklemediyseniz CS2 versiyonu artık bedava her sitede bulabilirsiniz 200-300mb bişeydi. Photoshop'u açıp ardından yeni sayfa açıyoruz(CTRL+N) Bu sayfa 40x40 olacak şekilde, gerçi çok farketmez sizin imleciniz büyük olacaksa daha büyük yapabilirsiniz. [RESIM]6edc6aef957b38538720d8c9ed84d996.jpg[/RESIM] Sonrasında çizebiliyorsanız kendiniz çizersiniz şekil falan eklersiniz, veya istediniz bişeyin resmini koyabilirsiniz, resim koyması daha zor olacağı için ben resim koyucam. Bir Game Of Thrones sever olarak ben bu resmi ekleyeceğim: [RESIM]ebe0bdad3c7763cd8af72045d733b5cc.jpg[/RESIM] Şimdi resim eklerken şöyle bir olay var; koyduğunuz resim eğer PNG değil ise, yani PNG denilen olay resmin arka planının olmaması diye düşünebilirsiniz. Eğer PNG değilse üstte göründüğü gibi mouse kare şekilde görülecektir. Şöyle anlatayım; PNG olmayan: [RESIM]49d414cc2dba2cc1c897888b11b3f2d1.jpg[/RESIM] PNG: [RESIM]65ca64757254329d20d89aa79d8e41b0.jpg[/RESIM] ÖZET OLARAK: Resminizi aratırken sonuna PNG diye ekleyin aksi takdirde resmi kesmeniz gerekecektir. Anlatıma Devam 40x40 açtık resmimizi PNG olarak indirdik ve ardında resmi photoshop'a sürükleyip o küçük kareye sığacak şekilde sağından solundan küçültüyoruz. Tavsiye: Shift'e basılı tutup resmin köşesinden küçültür iseniz resminiz daha az bozulacaktır. Şu şekilde görünüyor şuan [RESIM]7bcb2916190188700f134e100b764d3f.jpg[/RESIM] Bu şekildeyseniz. tek yapmanız gereken şu sağdaki arkaplan katmanını'nın yanındaki gözü kapatmak. [RESIM]70bcd3dd12f204d7faff7490a44d937c.jpg[/RESIM] Tavsiye: tıklama bölümü resmin sol üst köşesidir. isterseniz oraya küçük bir üçgen yapabilirsiniz; şöyle; [RESIM]43c56e1f2176aca0e31aa81e9a94a9c0.png[/RESIM] Burdan sonra ise kaydediyoruz; Ctrl + Shift + S PNG'yi seçerek kaydediyoruz. [RESIM]356f3df6663613721048c66116a5335a.jpg[/RESIM] Resim kayıt işlemi bittikten sonra ise; http://postimage.org Adresine gidiyoruz ve resmimizi oraya yüklüyoruz. Resim yüklendikten sonra altta kod olarak bize sunacaktır. Biz 2. sıradakini alıcaz yani Doğrudan Bağlantı olanı. O orda durakoysun Şimdi oradan alıcağınız linki aşağıdaki koddaki KIRMIZI YER'i silerek oraya yapıştıracaksınız, not defterinde yapın isterseniz <style> body, a, a:hover { cursor:url('KIRMIZI YER'), auto }</style> Yaptıktan sonra şöyle bişey olacak [kod]<style> body, a, a:hover { cursor:url('http://s7.postimg.org/5r3k5gsmf/icon.png'), auto }</style>[-kod] Sonrasında ise bu kodu alıp Tumblr'ımıza atıyoruz.

  • Tumblr HTML Düzenle Bölümüne Kod Nasıl Eklenir?

    Daha önceki anlatımların ikisinde bu olay geçiyor aslında ama bundan sonra ekleyeceğim her ders için tekrar tekrar göstermektense bunu ayrı bir anlatım olarak anlatmak daha iyi olur diye düşündüm. Devam... <!--Güncelleme--> Anlatımın En Altına Video Anlatım Eklenmiştir. <--Güncelleme--> İşlemi yapacağımız kodu kopyalıyoruz. (Müzik player, online sayaç, sticker falan) Sonrasında tumblr bloğunuz üzerinde kişiselleştir bölümünü açıp HTML'i düzenle butonuna tıklıyoruz. sonrasında; Burası önemli birazcık, kodu nereye yapıştıracağınızı bulabilmek için ( CTRL + F )'e basıyoruz ve karşımızda çıkan ekrana [b]/head[-b] yazıyoruz. [RESIM]0cf4d75a48a65ca2e3e56b489fe9c5b1.jpg[/RESIM] /head yazıp tamam dedikten sonra o bize header tagının bitiş bölümünü getirecektir. </head> olan tag. [RESIM]d3fe465ce631bb4016b1515ed09391b3.jpg[/RESIM] EDİT: Arkadaşlar birçok kişi tagın üzerine derken /head kodunu silip yapıştırıyormuş, bunu yapmayın tagın üzerine yapıştıracaksınız herhangi bişeyi silmeden. Eğer bu </head> tagı dışında bi yere geldiyse tekrar ctrl+f yapıp enter yapınız. "/header.jpg" gibi kod parçalarını gösterebilir. dikkat edeniz buna, aynen üstteki tagı görene kadar ctrl+f > enter olarak devam ediniz. Tagı bulduktan sonra kodumuzu hemen bunun üzerinde rastgele bi yere yapıştırıyoruz. [RESIM]ef8ccdec4159745d6cc8ba257ebda3db.jpg[/RESIM] Kodumuzu yapıştırdıktan sonra tamam, okey, kaydet, falan fıstık işlem bu kadar. EDİT: Şimdi eklediğiniz yere çok dikkat edin </header> tagının üstüne değil </head> tagının üstüne olmalı. Buraya olmuyorsa eğer </body> tagının üstüne ekleyin. [h1]Tumblr HTML Düzenle Bölümüne Kod Nasıl Eklenir? - Video Anlatım[-h1] https://www.youtube.com/watch?v=51tcfdhmrXI

  • Playlist'i Değiştirmeden Müzik Ekleme

    Merhaba arkadaşlar. Şimdi sizlere playlistinizi yenilemeden nasıl şarkı ekleyeceğinizi göstericem. -İlk önce html düzenle bölümünden playlistimizin kodunu bulalım. bknz: [RESIM]8c6b8b3b8cc0c387b437cc0ab96bf3e6.png[/RESIM] -Ardından eklemek istediğimiz şarkıyı youtube'de bulup aynı şekilde linkini kopyalayalım. -Şimdi, playlistimizin kodunda gördüğünüz gibi şarkıların linkleri var. Siz de oraya şarkınızı ekleyeceksiniz. Örneğin; [kod]{'title':'Rammstein','url':'youtube.com/watch?v=fGYEXYPy3Mw'}[-kod] bu şekilde. Yani ilk önce { bu işareti, sonra 'title':' yazısını yazıp, 'Şarkıcının adı',url: } girip bu şekilde ekleyeceksiniz. Ama sakın başka bir kodun üstüne eklemeyin, yeni bir yer açın. bknz: [RESIM]620f2618c91f7de678394e0ffcfde9f6.png[/RESIM]

  • Tumblr'a Giden Kutusu Ekleyin!

    Merhaba arkadaşlar tumblr'da hepimizin ortak bi sorunu var giden kutusu! Şimdi size nasıl giden kutusu eklersiniz onu anlatacağım. Öncelikle Google Chrome ya da Mozilla Firefox kullanmalısınız diğer tarayıcılarda (Opera vs vs.) pek sağlıklı çalışmayan bi eklenti yüklememiz gerekiyor. Eklentiyi zaten bir çoğunuz biliyosunuzdur yine de söyleyeyim Xkit, bu eklentiyi buradan download diyerek tarayıcınıza ekleyebilirsiniz. > https://chrome.google.com/webstore/detail/xkit/fpfgeeomkfdefkckijiabdbogjkdaecd Tarayıcıya eklentiyi yükledikten sonra işimiz Tumblr'la :) Ana sayfaya geliyoruz, Install Extension diyoruz ve yüklenmesini bekliyoruz. Yüklenme tamamlayınca sayfayı yeniliyoruz ve yukarıda ayarlar sekmesinin yanına eklentinin simgesi geliyor. Daha sonra eklenti simgesine tıklıyoruz ve açıldıktan sonra karşımıza gelen ekranın aşağısındaki "Get Extensions" butonuna tıklıyoruz. Bu sekmede önümüze eklentinin bi'çok özelliği karşımıza çıkıyor ancak bizim kullanacağımız "Outbox" olacağı için özellikler arasından bularak "install" diyoruz. Yüklendikten sonra sayfanın herhangi bir boş alanına tıklıyoruz. Şimdi gelen kutunuza girdiğinizde karşınıza sol tarafta "My Outbox" sekmesi gelecektir. işte sonunda kurtulduk :D

  • Bootstrap nedir ? Ne işe yarar?

    Bootstrap nedir ? Bootstrap web üzerinde duyarlı, mobil-öncelikli projeler geliştirmek için en popüler HTML, CSS, JS kütüphanesidir. Her yerde, herkes için tasarlanmıştır. Bootstrap web ara yüzü geliştirmeyi daha hızlı ve kolay hale getirir. Tüm uzmanlık seviyeleri, her şekil cihaz ve her boyuttaki projeleri olan insanlar için yapılmıştır. Devamı için tıklayınız.. http://htmlderslerim.com/bootstrap-nedir-ne-ise-yarar