Microsoft mu ben mi?

Geçenlerde Microsoft’un devirdiği çamı duymayan kalmamıştır heralde. Duymayanlar için anlatayım:

Microsoft şuradaki web sitesinde kullandığı görselde siyahi bir abiye yer vermiş. Orjinal resim bu:

Buraya kadar herşey normal ancak aynı sitenin Polonya’da yayınlanan versiyonunda resim bakın ne hale gelmiş:

İşin daha da komiği kafalar değişmiş ancak resimle oynayan arkadaş sihayi abinin elini oradan kesmeyi unutuvermiş. Bu olaydan sonra Microsoft, ırkçılık suçlamalarıyla karşı karşıya kaldı. Hatta özür dilemek zorunda kaldı. Bu da benden Microsoft’a hediye..

Üstelik eli de unutmadım. Hangisi daha güzel :)

Noel Baba v2.0

Noel Baba v2.0

Twitter avatarlarını Wordpress Yorumlarında Göstermek

Bilindiği gibi Wordpress 2.7 den sonra standart formatlı hazırlanan temalarda, yazılarınıza yapılan yorumların yanında kişinin Gravatar resmi otomatik olarak görüntüleniyor. Ancak kişinin Gravatar hesabı yoksa, ya sizin belirlediğiniz bir resim ya da Gravatar’ın varsayılan resimlerinden birisi çıkıyor. Peki ya kişinin Twitter hesabı varsa?

Gravatar hesabı olmayan birinin Twitter hesabı varsa, Twitter hesabında kullandığı profil resmini yapılan yorum içerisinde göstermek mümkün. Bunun için Twittar Wordpress eklentisi tam da aradığımız eklenti. Yaptığı iş, kişinin Gravatar ya da Twitter hesabı olup olmadığını kontrol etmek ve hangisi var ise o hesabındaki profil resmini, yaptığı yorumun içerisinde göstermek. Eklenti önce kişinin Twitter hesabı olup olmadığını Twitter API’ı sayesinde kontrol ediyor. Eğer kişinin Twitter hesabı yoksa ikincil olarak Gravatar hesabını kontrol ediyor ve bu profilindeki resmi yorumun içerisinde gösteriyor. Eğer her iki hesap da bulunmuyorsa varsayılan resmi gösteriyor.

Eklentiyi buradan indirin. Daha sonra temanızın comments.php dosyanızı açın ve şu satırları resimlerin görünmesini istediğiniz yere yerleştirin.

<?php twittar(size,placeholderimg,border,class,usegravatar,rating); ?>

Size, boder gibi alanları isteğinize göre özelleştirebilirsiniz. Mesela şu örneği kullanabilirsiniz:

<?php twittar("45","","","myimg",1,"R"); ?>

That’s all..

Wordpress’de resimleri alt domainde yayınlamak

Uzun zamandır yapmak istediğim ancak bir türlü fırsat bulup el atamadığım bu konuyu detaylıca paylaşacağım sizlerle. Wordpress’de bir yazı yazıp içerisine bir resim koymak istediğinizde Wordpress Media Editörü bu dosyayı varsayılan olarak wp-content/uploads klasörüne atar ve yüklediğiniz resmin linki http://www.teknolojiherseyim.com/wp-content/uploads/xxx.gif gibi bir adres olur. İsteyenler bu resimleri ay bazında klasörlere atarak daha derli toplu hale getirebilirler. Peki ya resim dosyalarını otomatik olarak bir sub domainde host etsek nasıl olurdu? Mesela yazınızın içerisine eklediğiniz bir resim dosyası otomatik olarak resim.alanadiniz.com adresine yüklense ve Wordpress de bu işten hiç rahatsız olmadan cillop gibi çalışmaya devam etse? Bu arada Google amcayı da hiç üzmesek?

Bu mümkün mü?

Evet, tamamı mümkün. Şimdi gelin nasıl yapacağımıza bakalım. Ancak yapacağımız işlemler veritabanınızda bazı güncellemeler gerektireceğinden dolayı, mutlaka veritabanınızın ve wp-content/uploads klasörünüzün birer yedeğini alın. -sadece önlem (: -

Bir alt domain (subdomain) yaratın

Bir alt domain yaratmak çok basittir. Bu işi Cpanel ya da kullandığınız hosting firması hangi aracı sunuyorsa onun üzerinden yapabilirsiniz. Ben burada konuyu Dreamhost’a göre anlatacağım.

Dreamhost panelinde Domains / Manage Domains bölümüne gelin, Add New Domain / Sub-Domain e tıklayın ve kendinize yeni bir alt domain yaratın. (Ör: resim.teknolojiherseyim.com) Ancak bu alan adını yaratırken bir şeye dikkat etmeniz gerekiyor. Alt alan adını barındıracağınız klasör, şu an hali hazırda kullandığınız wp-content/uploads klasörünü işaret etmek zorunda. Aksi taktirde bu uygulama hiç bir işe yaramayacaktır.

Wordpress ayarlarını güncelleyin

Sonraki adımda Wordpress’in resim dosyalarını depoladığı alanın yolunu değiştireceğiz. Bunun için Wordpress admin paneline giriş yapın ve Ayarlar/Çeşitli bölümüne gelin. Burada ilk satıra yani wp-contents/uploads yazan yere dokumuyoruz. Sadece Dosyalar için tam adres yolu yazan yere resim dosyalarımızı barındıracağımız alt alan adını giriyoruz. (Ör: http://resim.teknolojiherseyim.com)

Ayarları kaydedin. Bundan sonra yazılarınızın içine yeni bir resim eklediğinizde otomatik olarak resim.alanadi.com a yüklenecek. Teknik olarak aslında resimler halen wp-content/uploads klasörüne yükleniyor ancak alt alan adımıza linkleniyor.

MYSQL veri tabanınızı güncelleyin

Buraya kadar her şey güzel gitti ve artık resimlerimizi alt domainimizde barındırabiliyoruz. Ancak bu güne kadar yüklediğimiz binlerce resim dosyası ne olacak? Bu resim dosyalarının linkleri halen wp-content/uploads klasörüne gidiyor. Neyse ki Wordpress’in kompakt yapısı bu problemi kolayca aşabilmemizi sağlıyor. Wordpress, yüklediğiniz resim dosyalarının bilgilerini (resim adı, resim linki, upload klasörü adı vs.) SQL veritabınındaki bir tabloda tutuyor. Bütün yapmamız gereken aşağıdaki SQL sorgusunu çalıştırıp, eski resim dosyalarının kayıtlarını yeni alt domainimize göre güncellemek. Bunun için MyPHPAdmin’e girin ve şu sorguyu çalıştırın. Tabi çalıştırmadan önce ilgili alanları kendi domain isimleriniz ile değiştirin.

</p>

<p style="text-align: left;">UPDATE `wp_posts`
SET `post_content` = REPLACE(
`post_content`,
"http://<strong><span style="color: #ff0000;">alanadiniz.com</span></strong>/wp-content/uploads/",
"http://<strong>resim.alanadiniz.com</strong>/"
)

Ardından Media Editörünün, yüklediğiniz resimlere alt domaininizin linkini vermesi için aşağıdaki SQL sorgusunu çalıştırın.

</p>

<p style="text-align: left;">UPDATE `wp_posts`
SET `guid` = REPLACE(
`guid`,
"http://<strong>alanadiniz.com</strong>/wp-content/uploads/",
"http://<strong>resim.alanadiniz.com</strong>/")
<p style="text-align: left;">

Eski resim linklerini yeni alt domaine yönlendirin

Buraya kadar herşey yolunda gittiyse, son aşamamız olan Google amcayı memnun etme bölümüne geçebiliriz. Artık eski ve yeni tüm resim dosyalarımız yeni alt domainimizde barındığına göre, Google’ın halihazırda indexlemiş olduğu eski wp-content/uploads yoluna çıkan tüm linkleri yeni alt domainimize yönlendirmemiz gerekiyor. Zira aynı dosyanın iki farklı yolunun olması -ki burada binlerce dosyadan bahsediyorum- Google’ın hiç hoşuna gitmeyecektir. Bunu 301 yönlendirme fonksiyonunu kullanarak yapacağız. Bu nedenle Google’a şunu demeliyiz:

Eyy Google! Benim http://www.teknolojiherseyim.com/wp-content/uploads/ klasörümde barınan ve senin hali hazırda indexlediğin binlerce resim dosyamın linklerini resim.teknolojiherseyim.com alt domainime taşıdım. Lütfen eski indexlediğin linkleri, tek tek ve özenle yeni alt domaimdeki linklerle değiştir.Bunu yaparken de lütfen PR’ım, cartım curtum etkilenmesin.

Tabi ki bu söylediklerimizi tek bir satırlık kod ile halledeceğiz (:

.htaccess dosyanıza şu satırı ekleyin:

</p>
<p style="text-align: left;">RedirectMatch 301 ^/wp-content/uploads/(.*)$    http://resim.alanadiniz.com/$1</p>
<p style="text-align: left;">

Artık eski resimlerinizin linkleri otomatik olarak alt domaindeki ilgili linke yönlenecek. Google ve Wordpress’i memnun ettiğimize göre, artık yaptığımız işin keyfini sürmeye hazırız

Resimlerdeki renk kodlarını çıkarın

Internette gördüğünüz bir resim üzerinde hangi renk kodlarının kullanıldığını nasıl bulabilirsiniz? Özellikle tasarımcıların çok işine yarayacak bir araçtan bahsedeceğim. Pic2color adlı bu araç, herhangi bir resim üzerinde hangi ana renk kodlarının kullanıldığını otomatik olarak çıkarıyor. Yani basitçe bir resim tanımlama yazılımı.

Özellikle web tasarımcıların hoşuna gidecek bir araç pic2color. Yukarıdaki örnekte görüldüğü gibi, Teknoloji Herşeyim için hazırladığım logonun hangi ana renklerden oluştuğunu renk kodlarıyla birlikte basitçe çıkarabildim. Denemek için buraya..

Javascript ile üzerine gelince değişen resim

Web siteniz için bir imaj hazırladınız ve resmin üzerine gelince arka tarafta yüklenmiş başka bir resmin görünmesini istiyorsunuz diyelim. Bunun için çok basit bir Javascript kodu bulunuyor. Öncelikle şu java script kodunu, kullanacağınız sayfada <body> etiketinden sonra tanımlayın:

<SCRIPT LANGUAGE=”JavaScript” type=”text/javascript”>

<!– Değişen resim
if(document.images) {
pics = new Array();
pics[1] = new Image();
pics[1].src = “resim1.jpg”;
pics[2] = new Image();
pics[2].src = “resim2.jpg”;
}

function changer(from,to) {
if(document.images) {
document.images[from].src = pics[to].src;
}
}
//–>
</SCRIPT>

Daha sonra bu değişen resim çalışmasını kullanacağınız yere aşağıdaki kodu ekleyin:

<a onMouseOver=”changer(‘img1′,2)” onMouseOut=”changer(‘img1′,1)” href=”http://www.teknolojiherseyim.com”>
<img name=”img1″
border=”0″ vspace=”0″ hspace=”0″ src=”resim1.jpg” alt=”alttag”></a>

Artık kullandığınız resim1.jpg üzerine mouse imlecini getirdiğinizde resim2.jpg görünecek, mouse imlecini resmin üzerinden çektiğinizde ise tekrar resim1.jpg görünecek. Çalışan örneği görmek için Teknoloji Herşeyim logosunu deneyin (:

Karikatür çizmek ister misiniz?

Küçüklüğümden bu yana hep komik resimler çizmek istemişimdir. Haliyle bu komik resimlerin adı karikatür oluyor Müziğe ne kadar yatkınsam, resme bir o kadar uzağımdır. İşin özü ben resim çizmeyi beceremiyorum. Bu konuda kendimi hep geliştirmek istemişimdir ama sadece istedim. Hiç icraat yok. Hal böyle olunca da insanlar resim çizerken ağzımız açık bakıp kalıyoruz. Hani şu TRT2 de resim çizen rahmetli amca varya.. Neydi adı.. Bob Ross!!

Adam resim çizmiyor sanki o anda çizdiği kareyi yaşıyor mübarek. Böyle resimler ya da karikatürler çizebilmek için bir kere doğuştan bir yeteneğiniz olması gerekiyor. Daha sonra da bu alanda kendinizi yetiştirmelisiniz. Karikatür eğitmeni Kamil Yavuz, basit olarak kedi, köpek, eşşek, insan vs. karikatürlerinin nasıl çizileceğiniz adım adım anlatıyor. Aslında karikatür çizmek konusunda en büyük yardımı alabileceğiniz kişi bloglar aleminin ilk ve tek karikatüristi sevgili dostum otopsiraporu dur


Bu arada, tanımayanlar için Bob Ross hakkında biraz bilgi de vereyim:

Bob Ross, yarım saat içinde doğa resimleri yaptığı, uzun yıllar devam eden Resim Sevinci programıyla tanınmıştır. Özgün adı “The Joy of Painting” olan bu program, Türkiye’de de TRT 2′de yayınlanmıştır.

Ressam, yakandığı Lenf Bezi Kanseri nedeniyle, 1995′te hayatını kaybetmiştir. Hazırladığı televizyon programları hâlâ dünya genelinde yayımlanmaktadır. Kaynak: Wikipedia

Resimlerinizi text dosyasına dönüştürün

Özellikle .nfo dosyalarını (nerelerde kullanıldığını sormayın :p) görmüşsünüzdür. İnternetten indirdiğiniz bir içeriğin yaratıcısı, .nfo uzantılı bir dosya hazırlar ve bunun içerisine genellikle kendi logosunu ASCII karakterlere çevirerek yerleştirir. Yani baktığınız aslında bir Text dosyasıdır fakat uzaktan baktığınızda siyah beyaz bir şekilde, içeriğin yaratıcısının logosunu görebilirsiniz. Peki bu nasıl yapılıyor?

Aslında image dosyalarını ASCII karakterlere çeviren bir çok program var ama bunun için benim de çok beğendiğim web tabanlı bir çözüm var: ASCIIART.

ASCIIART‘a önce imaj dosyanızı yüklüyorsunuz, daha sonra bir kaç basit ayar ile kişiselleştiriyorsunuz. Örneğin boyut, yazı tipi, çerçeve hatta renkli olup olmamasına bile karar verebiliyorsunuz. Daha sonra Render butonunu bastığınızda, yüklediğiniz resim dosyası ASCII karakterlerden oluşmuş bir biçimde karşınızda oluyor.Basit ve kullanışlı. Blogunuzda kullanmak isterseniz aşağıdaki resim size hediyem olsun

Apple ürünlerinden Steve Jobs resmi

Bugüne kadar piyasaya çıkmış Apple ürünlerinden, Steve Jobs’ın resmini oluşturmuşlar. Uzaktan bakınca normal mozaik efekti verilmiş bir resim gibi duruyor ama yakından bakınca, binlerce Apple ürününün bir araya gelmesiyle yapılmış bir resim olduğu anlaşılıyor. Yaratıcı olmuş gerçekten. Neye benzediğini görmek için resmin üzerine tıklayın.

Online Animasyonlu GIF Hazırlamak

Bu işi yapan binlerce program var ama blog yazarken, özellikle ev ya da ofis dışında bir yerden bağlandığınızda online programlar hayat kurtarabiliyor. İşte bunlardan biri olan Picasion online olarak hareketli gif dosyaları hazırlamanızı sağlıyor. Örnek olarak 5 kareden oluşan bir animasyon hazırlamak istediğinizi var sayalım. Image bölümünden her dosyayı öncelikle sisteme upload ediyorsunuz. Daha sonra animasyonun hızını, boyutunu ayarlayıp Create Animation butonuna basıyoruz ve animasyonumuz hazır. Sistem ayrıca Flickr ve Picasa‘da kayıtlı olan resim dosyalarınızı da import edip bunlardan da animasyon hazırlayabiliyor. Hareketli resim dosyanızı hazırladıktan sonra isterseniz Picasion’ın galerisine kaydedebiliyorsunuz.

Bill Gates’in Facebook profil resimleri

Bir kaç gün önce Bill Gates’in Facebook’ta gizli bir hesabı olduğunu ve bu hesabı gelen yoğun requestlere dayanamayacak kapattığını öğrenmiştik. Artık Facebook’ta Bill Gates diye bir profil yok ama bugün elime geçen bir resimden anlaşıldığı kadarıyla, hesap kapatılmadan önce arkadaş listesinden birisi Bill Gates’in Facebook profiline ait bir resmi internette yayınlamış. Bana biraz fake gibi geldi ama neyse..[bkz]