Tumblr » İmleç Yapma ve Ekleme

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

tumblr-biyik-imleci

Kod:

<style> body, a, a:hover { cursor:url(‘http://www.totallylayouts.com/cursors/random/mustache.png’), auto }</style>

Tumblr Kedi İmleci (Pokemon Karakteri)

tumblr-kedi-imleci

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ş)

tumblr-angry-birds-imleci

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ş)

tumblr-angry-birds-imleci-1

Kod:

<style> body, a, a:hover { cursor:url(‘http://www.totallylayouts.com/cursors/cartoon/red_angry_bird.png’), auto }</style>

Tumblr Pikacu İmleci

tumblr-pikacu-imleci

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.

imlec-yapma

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;

imlec-nasil-yapilir

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.

imlec-yapimi

7-) İsterseniz yaptığınız imlecin sol üst köşesine üçgen şekli koyabilirsiniz. Altta görüldüğü gibi yapabilirsiniz.

imlec-modelleri

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

photoshop-teknikleri

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.