• Ana Sayfaya Dön
    • 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]

  • Tumblr Tema Değiştirme | Tema Yükleme

    Oldukça basit işlem olmasına rağmen istek geldiği için Tumblr'da, internetten bulunup indirilen temaların nasıl yüklendiğini anlatacağım bu defa.. Ya aslında sadece kodları kopyala yapıştır yapıyoruz o kadar. Herhangi bir siteden beğendiğiniz temanın kodunu bulup hepsini seçin ve kopyalayın. [RESIM]8646feaf98c34c57b2607528a2c3c7c5.jpg[/RESIM] Ardından temanızın kişiselleştir bölümüne gidip HTML Düzenleye tıklayın ve var olan kodların hepsini seçip silin ardından kopyaladığınız yeni temanın kodlarını yapıştırıp kaydedin. Tavsiye! Muhtemelen o yüklediğiniz ilk temayı beğenmeyeceksiniz pişman olmayın diye önceki temanızın kodlarını bir not defterine falan kaydedin, nolur nolmaz. Ve. Yeni tema yüklediğinizde doğal olarak önceki temada yapmış olduğunuz ek işsizlikler de gidecek, online sayaç, müzik çalar gibi Tumblr Tema Değiştirme | Tema Yükleme - VİDEO ANLATIM https://www.youtube.com/watch?v=REgNE7lrAEs

  • 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.

  • Yukarı Çık Butonu

    Çok indiniz aşağı yukarı döndür döndür zor geliyor her defasında ve klavyeden Home tuşuna basmayı bilmiyorsanız işinize yarayacaktır. Gerçi sizden çok bloğa gelenler kullanacak neyse ya ben bir kaç hoşuma giden kodu vereyim Kodu eklemeyi bilmeyen var ise Ana Sayfada mevcut oradan bakabilirsiniz kodların nasıl eklendiğine detaylı bir şekilde. Veya sağ bölümdeki diğer yayınlardan görebilirsiniz. [RESIM]84ae6c14d33266d52420f9f0a21bd9fd.png[/RESIM] [kod]<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="http://arrow.scrolltotop.com/arrow84.js"></script>[-kod] Devamı için > http://www.scrolltotop.com/

  • Video'yu Gif Yapma | Gif'e Çevirme

    Tumblr'da paylaşılan ve onbinlerce reblog alan giflerin nasıl yapıldığından bahsedicem. Aslında sadece site linki vericem. http://imgflip.com/gifgenerator Adresine giriyoruz. VİDEO ANLATIM https://www.youtube.com/watch?v=l5sDW4XDhwo Ve ardından Youtube'a gidip gif'e çevirmek istediğimiz video'nun linkini kopyalayıp URL yerine yapıştırıyoruz. Solda ve sağda videonun kaçıncı saniyesinden başlayıp kaçıncı saniyesinde biteciğini gireceğiniz 2 kutucuk var. Dikkat etmeniz gereken gif'i 3-4 saniyeden uzun sürdürmemek, çok uzun yaptığınız takdirde gif'inizin kalitesi oldukça kötü olacaktır. Aşağıda FPS denen yeşil bi gösterge var, kaliteli gif için onun mümkünse hep yeşil tutun, uzattığınızda rengi değişiyor. Genişliğini ayarlayabilirsiniz, ayrıca Twitter'da profil resmi olarak kullanmak isterseniz 100px boyutunu seçebilirsiniz. Altına yazı falan da eklenebiliyor, kırpabiliyorsunuz falan oldukça güzel bi yer. Hazırladıktan sonra gif'i oluştur diyoruz ve gelen sayfada gif'in üzerine sağ tıklıyoruz ve ardında download diyoruz. [RESIM]065ae37abff43117576623b699164f6a.jpg[/RESIM]

  • Tumblr Bozulan Temanızı Geri Getirme - Yanlışlıkla Silinen Kod

    Yaptığınız bir kod hatası sebebiyle temanız dağıldı, bozuldu ise; http://tumblr.com/themes/recover adresine girip bloğunuzu seçip geçmişe döndürebilirsiniz. Not: Temanızı 1-2 gün geçmişe aldığınız için o süre içinde yaptığınız postlar silinecektir doğal olarak.

  • Tumblr İçin Farklı Gif Yapımları

    Tumblr'da denk geldiğim, genelde hep aynı tarz olan giflerin photoshopta nasıl yapıldığını anlatıcam. Bu yazıya sürekli ilave yapıcam, eğer sizinde nasıl yapıldığını merak ettiğiniz gifler var ise yorum olarak yazın mümkün ise buraya ekleyim nasıl yapıldığını. Video olarak çektim fakat sesli bir ortamda bulunduğum için sesi kapattım o yüzden videolar'daki bazı kısayolları yazıcam buraya. İlk olarak bu gifle başlayalım: [RESIM]4dfe0ea491e9e7d68f478437776bad33.gif[/RESIM] İlk video olduğundan denemeden yaptım, uzamasına neden olan bir kaç hata yaptım sanırım. Burada yaptığımız olan arka plan üzerinde bir şekilde maske uygulamak. Ben bir kalp çizdim üzerine resimleri maskeledim, kalbin üzerine eklediğimin resimlerin hepsine sağ tık yapıp create clipping mask diyoruz. Ardından pencereden timeline bölümünu açıyoruz. Eğer cs5.5 ve altını kullanıyorsanız, timeline değil animation olacaktır. Ardından 4 resim eklediğim için 4 karelik bir gif yapıcam, videodan gördüğünüz yerden +3 ilave kare yapıyorum. burda dikkat etmeniz gereken video frame'leri ve diğer katmanlar arasındaki uyum. 1. gif frame'in de, sadece 1 numaralı resim gözükecek, 2. de, sadece 2 numaralı resim gözükecek, 3te 3, 4te de 4 görünücek sadece. katmanların yanındaki göz işaretine tıklayacak yapıcaz bunu. Kayıt içinde ctrl+shift+alt+S yapıyoruz, gif'i seçiyoruz ve kaydediyoruz. https://www.youtube.com/watch?v=GzxkMZ3vG48 [h1]İkinci Gif:[-h1] [RESIM]8f651bf6d6a3853d09a225785696fe6f.gif[/RESIM] Bunda da aynı işlemi yapıyoruz aslında, tek fark olarak bu defa kalbe değil fotoğraftan kestiğimiz gözlüğe maske uyguluyoruz. Kesim işlemini kalemle yaptım ve hızlı geçtim orayı siz daha çok dikkat edebilirsiniz veya hızlı seçim araçlarını da kullanabilirsiniz. Burda bilmeniz gerekenler; Kalemle yolu tamamladıktan sonra seçim haline getirmek için CTRL+ENTER tuşlarına basıyoruz, ardından CTRL+J tuşlarına basarak seçimimizi yeni bir katmana kopyalamış oluyoruz. Ben gözlüğün iki tarafını ayrı ayrı kestim bu yüzden iki ayrı katman oldu, birleştirmek için iki katmana CTRL ile basılı tutun ve sağ tık yaparak merge layers deyin, veya CTRL+E tuşlarına basın. Buradan sonra bir önceki işlemin aynısı, 3 karelik bir gif yaptım dolayısıyla +2 kare daha ekliyorum, ve 1.karede sadece 1. resim 2.de sadece 2. ve 3. de sadece 3. resimler olacak şekilde ayarlayıp kaydediyoruz. https://www.youtube.com/watch?v=UgdEIvaQs8I [h1]Üçüncü Gif:[-h1] [RESIM]15663719ed9f7f2db811c2a0116ba808.gif[/RESIM] https://www.youtube.com/watch?v=wJb4e8SUF-w [h1]Dördüncü Gif:[-h1] [RESIM]455a02f92bc0e43e2bc3e811e8996943.gif[/RESIM] https://www.youtube.com/watch?v=SMaDrh3gH6s

  • Tumblr İçerikleriniz Kopyalanmasını Engelleme | Sağ Tık Engeli

    Şahsen hiç sevmesem de ihtiyacı olanlar olacaktır. Tek yapmanız gereken aşağıda vereceğim kodu bloğunuza eklemek. [kod]<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false"></body>[-kod]

  • Tumblr Profil Resmi Ekleme (Kod Olarak)

    Aslında çokta zor bi işlem değil, herkesin kodları birbirinden farklı olduğu için yaparken zorluk çekebilirsiniz. Bu yüzden, eğer yapamazsanız falan yorum olarak belirtin ve linkinizi verin yardımcı olmaya çalışayım. Eğer temanız Redux ise blogta özel anlatımı mevcuttur. [b]Tumblr Profil Resmi Ekleme | Video Anlatım[-b] 720p olarak izlerseniz daha rahat görebilirsiniz. https://www.youtube.com/watch?v=B2co98SLeO0 [b]Tumblr Profil Resmi Ekleme | Resimli Anlatım[-b] İlk olarak resmi ekleyeceğimiz bölümün adının ne olduğunu öğrenmek için o çerçeveye "öğeyi denetle" diyoruz. [RESIM]d128d104943f2bc5d7edde377973f7fd.jpg[/RESIM] Ardından o bölümde çerçevenin (aslında div'in) adını öğreniyoruz, Bu temada "about" imiş, ama genelde sidebar diye geçer. [RESIM]419f0ae00e9222c4587286e183cd74a5.jpg[/RESIM] Ardından kodlarımızı açıyoruz ve çerçevemizin adının HTML kodunu buluyoruz, Burada dikkat ilk 5-6 aramanızda CSS kodunu bulacaktır, Css kodları şuna benzer; #sidebar { margin-left:1233px; } .sidebar {asdas} gibi # veya . ile başlar HTML kodları ise yani bizim aradığımız; <div id="sidebar"> benzeri bir şey olacaktır. [RESIM]11f41cf06a90cbb483c68a1a47c4ef4a.jpg[/RESIM] şu <div id=" ile başlayıp </div> ile biten kodların arkasına sıra sıra rastgele bir şeyler yazın, ve önizleme yapın. Doğru yeri bulduğunuz anda; resim kodunu yapıştırıcaz; Resim göstertmenin kodu: <img src="BURAYA-RESMİN-URLSİ-GELECEK"> Resim url'sini postimage.com'tan alıyoruz. Aslında yüklerken boyutlandırma yapabilirsiniz, siteden 150px yeterli olacaktır, ben şimdi farkettim onu. [RESIM]85f1b6e2a7c65e83886a0afe65c6ae8f.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