Merhabalar, bugün merak edilen konulardan birisi olan Tumblr İmleç Eklemeyi anlatacağım. Beğenmediğiniz imleç olursa, alt tarafta kendinize özel nasıl imleç yapabileceğinizi anlattım.
Tumblr Bıyık İmleci
Kod:
<style> body, a, a:hover { cursor:url(‘http://www.totallylayouts.com/cursors/random/mustache.png’), auto }</style>
Tumblr Kedi İmleci (Pokemon Karakteri)
Kod:
<style> body, a, a:hover { cursor:url(‘http://www.totallylayouts.com/cursors/cartoon/meowth_pokemon.png’), auto }</style>
Tumblr Angry Birds İmleci (Sarı Kuş)
Kod:
<style> body, a, a:hover { cursor:url(‘http://www.totallylayouts.com/cursors/cartoon/yellow_angry_bird.png’), auto }</style>
Tumblr Angry Birds İmleci (Kırmızı Kuş)
Kod:
<style> body, a, a:hover { cursor:url(‘http://www.totallylayouts.com/cursors/cartoon/red_angry_bird.png’), auto }</style>
Tumblr Pikacu İmleci
Kod:
<style> body, a, a:hover { cursor:url(‘http://www.totallylayouts.com/cursors/cartoon/pikachu_pokemon.png’), auto }</style>
Tumblr İmleç Yapma
Kendiniz imleç yapmak istiyorsanız, bu işlemi kolayca Photoshop ile halledebilirsiniz. Sırasıyla aşşağıda ki adımları takip ediniz.
1-) Photoshop’u açalım. Ve yeni bir sayfa oluşturalım.
2-) 40×40 boyutlarında veyahut kendiniz özel bir boyut oluşturmak isterseniz o pikselde bir sayfa açalım.
3-) Dilerseniz kendiniz istediğiniz bir imleç çizebilirsiniz. Ben hiç uğraşmadan mevcut resimlerden birini seçeceğim.
4-) Yapacağınız resmin uzantısı .png olması sizin için daha avantajlı olacaktır. PNG uzantılı olmadığı takdirde, imleç saydam olmayacaktır.
5-) Resmimizi Photoshop’a sürükleyelim. Sürükleyip bıraktıktan sonra 40×40 boyutlarında açtığımız sayfaya uygun bir şekilde resmi küçültelim.
NOT: Shift’e basılı tutup küçültme işlemini yaparsanız resmin kalitesi daha az bozulacaktır.
Şuan ki görünüm;
6-) Bu adımdayken sağ tarafta bulunan katmanlar sekmesine gelip Background katmanının sol tarafında bulunan göz simgesine tıklayıp pasif hale getirelim.
7-) İsterseniz yaptığınız imlecin sol üst köşesine üçgen şekli koyabilirsiniz. Altta görüldüğü gibi yapabilirsiniz.
😎 Bu adımları düzenli bir şekilde yaptıysak artık imlecimizi kaydetme zamanı geldi.
9-) CTRL + Shift + S tuşlarına basalım ve kaydetme ekranını açalım. Altta verdiğim şekilde resmin uzantısını .PNG olarak seçiyoruz ve kaydediyoruz.
10-) İmleç yapma işlemimiz bitmiştir. Şimdi yapılacak işlem, http://postimage.org adresine gidelim. Burada yaptığımız imleçi seçelim ve yükleyelim.
11-) Resmi yükledikten sonra, bize bir kod verecektir. Bize lazım olan 2. kod yani Doğrudan Bağlantı yazan koddur.
12-) O kodu aldıktan sonra aşşağıda vereceğim kod bölümünde kırmızı ile işaretlenmiş bölüme yapıştıralım.
Kod:
<style> body, a, a:hover { cursor:url(‘KOD BURAYA GELECEK‘), auto }</style>
Bu konumuzun da sonuna geldik. Herkese iyi günler dilerim.
Bir önceki yazımız olan WordPress » Eklentisiz Son Tweet Gösterme başlıklı makalemizde eklentisiz son tweet gösterme ve wordpress son tweet gösterme hakkında bilgiler verilmektedir.