Google Webmasters Tools hatalarının çözümleri – 1
Blog ve web sitesi sahipleri mutlaka Google Webmasters Tools‘u duymuştur ve tamamına yakın bir kısımı da GWT(Google Web Masters Tools)’yi kullanıyordur. Bu yararlı araç, Google’ın sitemizdeki sayfaları daha sağlıklı indexleyebilmesi için bir çok denetim fonksiyonu barındırıyor. Google Webmasters Tools siteniz hakkında ne kadar az hata bulursa o kadar iyi demektir.
Bir kaç gündür ben de GWT’nin bulduğu bazı hatalar ile boğuşuyorum. Bir çoğunu çözdüm ve hataların kaynakları ile ilgili baya tecrübe sahibi oldum. Benim gibi bu URL hataları ile kafayı yiyenler için bir kaç çözüm sunmak istiyorum.
1- Eğer GWT aşağıdaki gibi var olmayan bir link bulduysa, ör:
http://www.teknolojiherseyim.com/author/admin/page/blogunuz-komple-kac-para-eder/
bu linkten 404 hatası dönecektir. Bunun nedeni; admin kullanıcısının yazdığı yazıların depolandığı kalıcı bağlantı olan /author/admin/ içerisinde listelenen bir yazının içinde, başına “http://” konulmadan bir link verilmiş olmasıdır. Bu hatanın hangi yazıdan kaynaklandığını bulmak sanıldığı kadar zor değil. Bunun için de yine GWT’nin bize sunduğu hata ayıklama fonksiyonundan yararlanacağız.
Öncelikle hatalı URL’i GWT içerisindeki “Bulunamadı” bölümünden bulun ve yanındaki “x sayfa” linkine tıklayın. Bu link, mevcut hatanın hangi sayfalarda yakalandığını gösteriyor. Başka bir değişle hata, buradaki “x tane sayfa” içerisindeki bir yazıdan kaynaklanıyor.
Bu linke tıkladıktan sonra karşınıza hatanın net olarak hangi sayfalarda bulunduğu bilgisi gelecek. Bundan sonrası, ilgili yazıyı düzenleyip hatalı linkin başına “http://” ibaresini koymaktan ibaret.
2- Eğer GWT, stenize ait bir linkin sonuna abuk subuk başka bir link eklenmiş halde bir link bulduysa sorun yine ilgili yazının içerisindeki bir linkin başına “http://” ifadesi konmamasından kaynaklanıyor. Aşağıdaki örnek, bu madde ile alakalı bir hata.
Bu tarz hataları düzeltmek için ise en kolay ve hızlı çözüm MyPhpAdmin içerisinden, veri tabanınızda ilgili satırları aratmaktır. Örneğin yukarıdaki hata için MyPhpAdmin içerisinde, tüm tablolarda “www.vatanim.com.tr” linkini aratmamız gerekiyor. Karşınıza gelecek tüm sonuçlara tek tek elle müdahale yaparak ilgili linki barındıran yazıları tespit edip manuel olarak içerisindeki hatalı linklerin başına “http://” ifadesini eklemeniz gerekiyor.
3- Yukarıdaki örneklerin dışında GWT, gerçekten sitenizde artık var olmayan bir linki indexlemiş olabilir. Bu tarz linkleri htaccess dosyanızda 302 Redirect komutunu kullanarak doğru linke yönlendirebilirsiniz. Bu sayede Google, eski sayfanın linkinin yeni bir linke taşındığını farkedecek ve sayfa değerlerinize dokunmayacak. Google ile iyi geçinmek lazım malum (:
Bunun için htaccess dosyanız erişin ve şu komutu kullanın:
Redirect /eski_link http://www.site.com/yeni_link
Burada eski linki verirken http://www.siteadı.com/eski_link yerine /eski_link/ formatını kullandık, buna dikkat.
GWT’nin bulduğu hatalar ile boğuşmaya devam ediyorum. Sorunları çözdükçe tecrübelerimi paylaşmaya devam edeceğim.
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..
Feedburner Metin Sayaç v1.1 Wordpress Eklentisi
Yaklaşık 4 ay önce yayınlamış olduğum Feedburner Metin Sayaç Wordpress Eklentisi‘ni nihayet güncellemeye fırsat bulabildim. Aradan baya bir süre geçtiğinin farkındayım ancak işten güçten bir türlü sıra gelmedi. Nasipse önümüzdeki günlerde Küfürsüz Yorumlar eklentisine de bir güncelleme gelecek.
Feedburner Metin Sayaç Eklentisi, v1.1 ile birlikte artık Google Feedproxy‘ye destek veriyor. Bildiğiniz gibi Google, Feedburner hesaplarını yavaş yavaş Feedproxy üzerine kaydırıyor. Şimdilik bu geçiş kullanıcı insiyatifinde ancak ilerde belkide tüm Feedburner hesapları otomatik olarak Feedproxy’ye taşınacak kim bilir..
Feedburner Metin Sayaç eklentisini Awareness API kullanarak geliştiriyorum ve eklenti tümüyle bu API’a bağlı. Ancak Feedburner hesabınızı Feedproxy‘ye taşıdıysanız, Feedburner Metin Sayaç Eklentisi‘nin ilk versiyonu Feedproxy hesabınız ile çalışmayacaktır. Bu nedenle 1.1 versiyonunda Feedproxy için geliştirilen Awareness API’ını kullandım.
Feedburner Metin Sayaç v1.1 ile gelen yenilikler:
- Artık Feedburner hesaplarına verdiğim desteği tamamen sonlandırdım. Feedburner Metin Sayaç v1.1′i kullanmak için mutlaka Feedburner hesabınızı Google Feedproxy‘ye taşımış olmanız gerekiyor. Bu taşıma işleminin nasıl yapılacağını Feedburner hesabını Google FeedProxy’ye nasıl taşırız? adlı makalemde detaylı bir şekilde anlatıyorum.
- Feedburner Metin Sayaç Eklentisi, artık PHP’nin hantal file_get_contents fonksiyonu yerine cURL kullanıyor.
- Feedburner hesabınız güncellenirken, sayacınız günün belli saatlerinde “0″ olarak görünüyordu. Artık güncelleme yapıldığı saatlerde sayacınız “N/A” olarak görüntülenecek.
Eklentiyi kurmak için:
1- Feedburner Metin Sayaç eklentisini buradan indirin ve feedburner-metin-sayac klasörünü, wp-content/plugins klasörüne kopyalayın
2- Eklentiyi aktif hale getirin.
3- Wordpress Admin Panelinden Ayarlar/Feedburner Metin Sayaç sayfasına girin ve Feedburner’da kayıtlı olan kullanıcı adınızı yazın.
4- En son olarak <?php if (function_exists(‘fb_metinsayac’)) fb_metinsayac(); ?> kodunu temanızın kullanmak istediğiniz alanına yazın.
Geliştirilmesini istediğiniz noktaları yorumlarınızla iletirseniz, bir sonraki sürümü bu doğrultuda geliştirmeme katkı sağlamış olacaksınız. Güle güle kullanın (:
CSS ile Buton Tasarlamak
Tasarımla uğraşanların en büyük kabuslarından birisi formları şekillendirmek heralde. -burada CSS ustalarını ayrı tutuyorum- CSS Button Designer adlı servis çok basit bir şekilde CSS ile tasarlanmış butonlar oluşturmanızı sağlıyor. Böylelikle formların o standart ve kaba tasarımından kurtulmuş oluyorsunuz. Hem de tek satır kod yazmadan. Tasarımla uğraşanların çok işine yarayacak bir servis CSS Button Designer.
Kaynak: ToTheTech
Wordpress eklentisi yazıyoruz: 2- Wordpress eklentisi yazmak için 4 neden
Wordpress Eklentisi Yazıyoruz serimizin ikinci yazısıyla karşınızdayım. Daha önce söylediğim gibi Wordpress eklentisi yazmak ile ilgili Türkçe kaynakların sayısı sınırlı. Bu nedenle bu yazı dizisinde elimden geldiğince işin bütün püf noktalarını gerek yabancı kaynaklardan çevirilerle, gerekse kendi bilgilerimle sizlere aktarmaya çalışacağım.
Bir blogcu neden Wordpress eklentisi yazmak ister?
Mevcut eklentileri mıncıklamak isteyebilirsiniz
Bazen mevcut eklentiler tam olarak sizin isteklerinizi karşılamaz. Aradığınız eklentinin internet üzerinde başka bir varyasyonunun da olmadığını düşünün… Artık tek bir seçeneğiniz kalır: o da eklenti yazarını, sizin istediğiniz özelliği eklentiye entegre etmesi için ikna etmek… Ancak eklenti yazarları genellikle, blog işleriyle haşır neşir insanlardır ve oldukça yoğundurlar ve bu nedenle isteklerinizin karşılanması çok uzun sürebilir. Ya da yaza,r sizin önerinizi eklentiye dahil edecek kadar değerli bulmayabilir. Bir diğer vahim durum da; pek çok eklentinin, yazarı tarafından uzun süre desteklenmemesi / geliştirilmemesi durumudur.
Sonuç olarak eklenti yazarı her zaman sizin isteklerinize karşılık verebilecek durumda olmayacaktır. Bu gibi bir durumda, mevcut eklentiyi kendiniz modifiye etmek ve ihtiyaçlarınıza uygun hale getirmek isteyebilirsiniz. Eğer yeterince iyi bir iş çıkarır ve eklentiye yeni özellikler katabilirseniz, eklentiyi istediğiniz gibi tekrar yayınlayabilirsiniz. Tabii orjinal eklenti GPL Lisansı altında yayınlanmış ise..
Eklenti geliştirmek isteyebilirsiniz
Bazen bir eklenti çok çok iyi geliştirilmiş olabilir ancak siz bu eklentinin üzerine kendi fikirlerinizi de koyup yeni bir eklenti yayınlamak isteyebilirsiniz. Örnek vermek gerekirse; mevcuttaki bir eklentinin AJAX ile daha verimli çalışacağını düşünebilirsiniz. Ya da eklentinin, diğer eklentilerle uyumlu çalışabilmesi için bir takım fonksiyonlar eklemek isteyebilirsiniz. Veya mevcut eklentiye bir admin paneli hazırlayıp daha verimli çalışmasını, veritabanı ile etkileşime girmesini sağlayabilirsiniz.
Her şeyden önce; eğer bir eklenti, GPL uyumluluk lisansı altında yayınlanmışsa, bu eklentiyi istediğiniz gibi geliştirip, kendi versiyonunuzu yayınlamakta serbestsiniz. Bunu aklınızdan çıkarmayın.
Para kazanmak isteyebilirsiniz
Ülkemizde, eklentilerden para kazanmak şu an için çok mümkün görünmese de, yurtdışında eklenti yazarları yaptıkları işler için bağış toplayabiliyor ya da eklentilerini ücret karşılığı satabiliyorlar. Özellikle tema geliştiricileri, kendi yazdıkları eklentileri de pakete dahil ederek biraz daha yüksek bir ücret talep edebiliyorlar. Eklentilerinizin İngilizce versiyonlarını da geliştirerek, ufakta olsa bu işten para kazanabilirsiniz.
Tanıtımınızı yapabilirsiniz
Özellikle ülkemizdeki yeni blog yazarları, bloglarını tanıtabilmek için başka bloglar ile link değişimi yoluna gidiyorlar. Ancak yazacağınız bir Wordpress Eklentisi sayesinde, blogunuzun adını bundan çok daha hızlı bir şekilde duyurma şansına sahip olabilirsiniz. Çünkü Türkçe bir eklenti yazıyorsunuz, çünkü blogosferin yararına bir iş yapıyorsunuz. Mesela geçenlerde AÖF Not Hesaplayıcı adındaki scriptimi yazdıktan kısa bir süre sonra binlerce kez kullanıldığını gördüm. Çünkü AÖF öğrencileri için gerçekten yararlı bir script olacağını düşünmüştüm ve öyle de oldu. İki hafta içerisinde 11.000 den fazla kez kullanılması da bunun bir göstergesi.
Bir sonraki yazıda görüşmek üzere…
Kaynaklar:
Wordpress eklentisi yazıyoruz: 1- Giriş
Öncelikle şunu belirteyim: bu bir yazı dizisi olacak arkadaşlar. Yani tek bir yazıdan değil bir çok yazıdan oluşacak bir seri planlıyorum. Bu yazılarda adım adım nasıl Wordpress eklentisi geliştirebileceğimizi anlatmaya çalışacağım sizlere.
Türkiye’de Wordpress eklentisi geliştiren çok fazla kişi yok ve doğal olarak bu konuda yeterli Türkçe kaynak ve bol örnek de yok ne yazık ki. Umarım bu yazı dizisi ile, Wordpress’e nasıl eklenti yazılacağını adım adım öğreneceğiz. Serinin bir diğer özelliği de videolar ile desteklenecek olması. Yıllardır programcılıkla uğraşıyorum ve tecrübeme dayanarak söylüyorum ki programcılığı öğrenmenin en etkili yolu görsel olarak öğrenmektir. Birisi bir konuyu sesli ve görüntülü olarak anlattığında olayı kavramak daha kolay oluyor haliyle. Bu konuda şu an Web Deneyimleri‘nin sahibi Volkan Görgülü çok başarılı bir iş yapıyor ve bildiklerini görsel olarak okuyucularıyla paylaşıyor. Ayrıca Wordpress’e eklenti yazmak ile ilgili aşağıdaki Türkçe kaynaklar da işinize yarayabilir. Yazının devamı
Özelleştirilmiş Feedburner sayacınız “0″ olarak görünüyorsa?
Feedburner API’si kullanarak standart feedburner sayacınızı “salt yazı” olarak görüntüleyebiliyorsunuz. Ben de aşağıdaki gibi bir örneği tekil yazılarım içerisinde kullanıyorum.
Şu an tam 350 kişi yazıları RSS ile takip ediyor.Sayacı bu şekilde kullanmak hem estetik hem de ziyaretçilerinizin dikkatini çekebilmek adına önemli. Eğer RSS abone sayınızı istikrarlı bir şekilde arttırmak istiyorsanız Feedburner sayacını “text” olarak kullanmanızı tavsiye ederim. Ancak bu sayacın bir eksiği var. Güncelleme yapıldığı saatlerde bu fonksiyon RSS okur sayınızı 1-2 saat boyunca “0″ olarak görüntülüyor. Bunu aşmak için ufak bir php döngüsü kullanmamız yeterli. Yazının devamı
Web sitelerinde aşırı trafiği önlemenin 5 yolu
Son 1 haftadır aşırı trafik harcamalarından yakınıyorum. Artan ziyaretçi trafiğine paralel olarak blogumdaki kaynak kullanımları da artıyor. Bloglamaya yeni başlayan birisi için aylık 5gb bant genişliği yeterli hatta fazla bile gelebilirken zaman ilerledikçe ve ziyaretçilerinizin sayısı arttıkça, trafik ihtiyaçlarınız da buna bağlı olarak artacaktır. Şu an blogum aylık 75gb civarında trafik harcıyor. Ancak geçtiğimiz haftalarda bu trafik daha da tepelere tırmanmıştı. Bunun nedenlerinden yola çıkarak bazı analizler yaptım ve trafik harcamalarını optimum düzeye çekebildim nihayet. Aşırı trafik tüketimlerinin nedeni her zaman ziyaretçilerden kaynaklı olmayabiliyor. Özellikle Joomla, Wordpress, Typepad vs. gibi günlük uygulamaları ile bloglama yapanların, kullandıkları eklentilere(plugin) oldukça dikkat etmesi gerekiyor. Bazen çok masum görünen ve basit bir işlevi yerine getiren bir eklenti, siz farkında bile olmadan gb larca kaynak tüketebilir. Blog yazarken aşırı kaynak tüketiminden şikayetçi iseniz aşağıdaki adımları uygulayarak kaynak canavarlarının susuzluğunu giderebilirsiniz.
1- Cpanel ve Plesk ile arkadaş olun
Bir blogcunun en iyi arkadaşlarından birisi kullandıkları site kontrol panelleridir. Bu paneller web sitenizle ilgili bir çok istatistiği barındıran yararlı uygulamalara ev sahipliği yapar. Bu sayede kaynak tüketimlerinizin, içerik, dosya, referans site, megabyte ve daha bir çok veri bakımından detaylı istatistiklerine ulaşabilirsiniz. Aşağıdaki grafikte, detaylı analizlerin hediyesini daha az kaynak tüketimi olarak aldığımı görebilirsiniz.
2- Aşırı kaynak tüketen uygulama ve scriptleri tespit edin
Web sitelerindeki aşırı trafik her zaman yoğun ziyaretler dolayısı ile oluşmayabiliyor. Bazen kullandığınız eklenti ve scriptler inanılmayacak derecede kaynak tüketebiliyorlar. Bu eklentileri tespit edebilmek için yine Plesk içerisindeki Web Stats uygulaması imdadımıza yetişiyor. Yazının devamı
Pagerank güncellemeleri başladı – Ağustos 2008
PR güncellemeleri hafif hafif başlamış bulunuyor. Özellikle blog dünyasına bakıldığında, bir kaç önemli blogun Google tarafından cezalandırıldığını görmek mümkün. PR’la yatıp PR’la kalkanlar için şu başlıklar birebir:
PR Güncellemesi Başladı 25,07,2008 hayırlı cumalar
Pr Güncellemesi Olmuş Bitmiş 2008 3. güncellemesi
Bu arada 1-2 ay önce aldığım www.the-passenger.org domainime bir index atıp, bu domain üzerinde hazırladığım hain planlarım için çalışmaya devam ederken bir de baktım ki Google boş index sayfasına PR1 vermiş, bunun mantıklı bir açıklamasını yapabilecek olan varsa beri gelsin (:
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 (:
Now do this!
Now do this, basitçe bir yapılabilecekler listesi sunuyor. O gün yapmanız gerekli şeyleri bir text formuna alt alta yazıyorsunuz ve kaydediyorsunuz. Daha sonra yaptığınız işleri “done” ile tamamlıyorsunuz. Bütün işlerini tamamladıktan sonra mutlu mesut bir şekilde evinize gidiyorsunuz. İşte karşımızda php ile yapılan gereksiz bir araç daha. Şu cümleye ise bittim (:
I wanted a ‘boss’ to tell me what to do.
Bir de blogu var NowDoThis‘in.
How do you organize your day? a calendar requires you to predict the unpredictable. a todo list can overwhelm you with data. I wanted a ‘boss’ to tell me what to do. my name is Jakob Lodwick. enjoy this free tool.
and we have a blog.
and nowhearthis@nowdothis.com.
En iyi 10 Illustrator Sitesi
Web tasarımıyla uğraşıyorsanız Illustrator ile mutlaka tanışmışsınızdır. Vektör tasarım konusunda en iyi yazılımlardan birisi olan Adobe Illustrator ile yaratıcı web grafikleri, logolar oluşturmak sanıldığından çok daha kolay. Eğer kıyısından köşesinde Adobe ailesinin programlarını kullanmayı biliyorsanız, Illustrator o kadar da zor gelmeyecektir. Bütün iş yaratıcılığa kalıyor. Illustrator ile ilgili alıştırmalar ve açıklamalı örneklerin bulunduğu bu web siteleri başlangıç ve ileri seviye tasarımcılar için oldukça yararlı olacaktır.
1- VECTORTUTS
Vectortuts, Illustrator açısından henüz yeni bir web sitesi olmasına rağmen barındırdığı örnekler gerçekten incelenmeye değer. Etkileyici örneklerden bazıları:
- Create a Vibrant Digital Collage Mixing Buildings and Vector Shapes on Paper
- Create a Happy Octopus Character
- Learn How to Create Realistic Vector Fire
2. Vectips
Ryan Putnam tarafından hazırlanan ve sadece Illustrator üzerine yoğunlaşmış, bolca örneğin bulunduğu bir Illustrator hazinesi.
Yazdığı yazılardan bir kaç tanesi:
3. Veerle’s Blog
Yaptığı etkili tasarımların yanında, kullandığı bazı teknikleri adım adım öğreten bu bayan arkadaşın tasarımlarına mutlaka bakın.
- Simple Organic Shapes the Illustrator Way
- Creating Seamless Patterns in Illustrator
- Using the Pathfinder and Align Tool in Illustrator
4. SpoonGraphics
Benimde yakından takip ettiğim ve bir grafik tasarımcısı olan Chris Spooner tasarından hazırlanan Spoon Graphics‘in yaptığı Illustrator tasarımlarını görünce gözleriniz yerinden fırlayabilir. Bu adam gerçekten süper bir tasarımcı.
Bir kaç yazısı:
- How to Create a Vector Safari Compass in Illustrator
- Trendy Geometric Line Design Tutorial (includes use of Photoshop as well)
- Create a Colorful Wavy Abstract Ribbon
5. GoMediaZine
Tek fokusu Illustrator olmayan bu sitede Illustrator örneklerinin yanı sıra tasarım adına bir çok kaynağa ulaşmak mümkün.
Yazılarından bazıları:
- A Pseudo-Sugar Skull: From Start to Finish
- Create a Stunning Undersea Painting Using Vector Packs
- Intricate Patterns in Illustrator
6. AiVault
AiVault, Illustrator hakkında bir çok öğretici makale içeriyor. Ayrıca bilindik bir çok effektin nası yapıldığıyla ilgili alıştırmalar da mevcut.
Yazılarından bazıları:
- Create an Envelope Icon with a Satin Feel
- Create a Cool Air Balloon Wallpaper
- How to Make Funky Illustrative Backgrounds and Flourishes
7. BittBox
Her yerde göremeyeceğiniz çok kaliteli Illustrator tasarımları BittBox‘da.
Yazılarından bazıları:
- Working with Illustrator Art Brushes: Options and Adjustments
- Illustrator 101: One Gradient Across Multiple Paths
- How to Make 3D Vector Vintage Stars
8. N. Design Studio
N.Design Studio‘da, webde bulabileceğiniz en güzel tasarım örnekleri mevcut. Ayrıca yine her yerde bulamayacağınız Illustrator örnekleri var.
Bazı yazıları:
9. iStockdiary
iStockdiary‘de gerçekten yüksek kaliteli Illustrator tasarımları bulunuyor. Bazılarına ücret karşılığında sahip olabiliyorsunuz. İncelenmesi gerekli bir site.
Bazı yazıları:
10. BioRUST
BioRUST, giriş seviyesi Illustrator tasarımlarının bulunduğu bir tasarım sitesi.
Yazılarından bazıları:
Kaynak: Vandelaydesign
Firefox varsayılan email istemcisini GMAIL olarak tanımlamak
Bir çok bilgisayar kullanıcısı varsayılan bir email istemcisi tanımlamazlar genellikle. Ancak Firefox kullanıyorsanız bu işi çok basit bir şekilde halledebilir, üstelik Gmail hesabınızı varsayılan e-mail istemciniz olarak tanımlayabilirsiniz. Böylelikle herhangi bir internet sayfasındaki email linkine tıkladığınızda otomatik olarak gmail arayüzü açılacak ve mail göndermek istediğiniz kişinin mail adresi otomatik olarak “to” kısmına eklenecek. Gmail resmi blogunda yayınlanan bu küçük ipucunu uygulamak için şu adımları takip etmeniz yeterli:
1- Gmail hesabınıza Firefox tarayıcısını kullanarak giriş yapın ve daha sonra adres satırına şu kodu yapıştırıp entera basın.
javascript:window.navigator.registerProtocolHandler(“mailto”,”https://
mail.google.com/mail/?extsrc=mailto&url=%s”,”Gmail”)
2- Bunu yaptıktan sonra ekrana, “Gmail’i, mailto bağlantılarını çalıştırmak için kullan” şeklinde bir uyarı gelecek. Yanındaki “Uygulamayı Ekle” butonuna tıklayın.
Artık web sayfalarındaki “mailto” ile başlayan linkler otomatik olarak gmail hesabınızla açılacak. Örnek mail göndermek için tıklayın (:
Google ana sayfasında değişiklik: Gizlilik
Farkettiniz mi bilmiyorum ama Google, Türkçe ve diğer dillerde yayın yapan ana sayfasında ufak bir değişiklik gerçekleştirdi. Bu ufak değişiklik Google’ın gizlilik politikasına verilen bir link. Durup dururken gizlilik politikasının ön plana çıkmasının bir nedeni vardı elbette. California Online Privacy Protection Act of 2003 ‘a göre ticari bir iş yapan web siteleri eğer servislerini geliştirmek adına bir takım kullanıcı bilgilerini topluyorlarsa bunu “Privacy” yani “Gizlilik Politikası” adı altında bir link ile kullanıcılarının dikkatini çekecek bir şekilde ana sayfadan ya da siteye girişten sonraki ilk anlamlı sayfadan yayınlamaları gerekiyor.
Use a conspicuous link on your home page containing the word “privacy.” Make the link conspicuous by using larger type than the surrounding text, contrasting color, or symbols that call attention to it.
Daha önce Google’ın Gizlilik Politikasıyla ilgili bilgiler “Hakkında” bölümünde bulunuyordu yani yasada belirtildiği şekilde değildi. Bu hesaba göre Google bu güne kadar bu yasayı ihlal etmiş görünüyor. İnce ama önemli bir ayrıntı.
