Kendi Şablonumu Kendim Yaptım (Yazı Dizisi 1)

Bu yazı zaten birçok şeyi yapıp değiştiren kişiler için basit kalabilir. Ancak hiç bilmeyenler için en baştan başlamak gerekiyor. Bir yıldan fazla sürede kendi başıma okuyarak, deneyerek öğrendiğim bilgileri sizlerle paylaşacağım. Meraklı olan kişi bu bilgileri birçok yerde bulup öğrenmiştir zaten. Öncelikle bir miktar ingilizce bilgisi gerektiriyor çünkü kodlar çoğunlukla ingilizce komutlar içeriyor. Ancak ben burda her bir kodu açıklamaya çalışacağım.

Öncelikle web tasarımı temel olarak iki unsurdan oluşmaktadır. Birincisi görsel malzeme, ikincisi de yerleşimi sağlayan tablolar pencereler vs. Blogger bize sadece görsel malzemeyi değiştirmeye izin veriyor. Şablon yapısını da değiştirmek mümkün ama 2 yada 3 kolonlu şablonlar olması dışında ve bunların genişlikleri dışında bir değişiklik yapamıyoruz. Bu yüzden önce kendimize blogger'ın şablonlarından basit bir tanesini seçmekle işe başlayalım (benim değiştirmeye en uygun gördüğüm minima şablondur, genelde 2 ya da 3 kolonlu minima şablon kullanıyorum) Minima şablonun 3 kolonlu olanından google da birçok yerden bulabilirsiniz. Birçok denemeden sonra ben buna karar verdim.

Bir şablonu yeniden oluşturmak için öncelikle kullanmadığınız bir blog sitesi daha açmakta fayda var. Değişiklikleri onda yapıp son haline karar verdikten sonra kendi sitenizi değiştirin. Yani önce kendimizi güvenceye alıyoruz.

Sonra şablon tipimizi belirleyip (2 yada 3 lü) bunun üzerinden değiştirmeye başlayacağız. Kodlarda bazı değişiklikler yaptıktan sonra görsel malzemeleri ekleyeceğiz.

Sitede kullanacağımız görsel malzemeleri kendimiz de oluşturabiliriz ya da internette bir sürü kaynaktan indirebiliriz. Her iki durumda da bir fotoğraf programına ihtiyacımız olacak. Birkaç yazı önce bahzettiğim PhotoScape ve Windows paint ile bu iş kolayca yapılabilir. Temel olarak bize gerekli resimler, bir banner (sitenin en üstündeki resim), bir footer (en alta koymak için bir resim, olmayabilir de), sidebar resimleri ( yandaki gadgetlerin olduğu kısımlara koymak üzere küçük bir resim) , post resimleri (kayıt aralarına koyup yazıları ayırmak için resim) ve tarih ve başlık yanına koymak için resim. Vee yine isteğe bağlı arkaplan için bir resim. Bunların hepsini birden yapmak istemezseniz kimilerini yapıp kimilerini yapmayabilirsiniz.

Fotoğraf programlarını kullanmaya başladığımızda artık bir resmin eni ve boyunun piksel uzunluğu ile tasvir edildiğini, bir pikselin ne kadar uzun olduğunu bilmemiz gerekiyor. Kodlar içinde bu piksel değerleri çok önemli. Diğer bir konu da yükleyeceğimiz resimlerin kapladığı yerin (büyüklüğünün) çok fazla olmaması gerekiyor ki sitenin açılırken yüklenişi yavaşlamasın.

Diğer bir gerekli konu da sitede kullanacağınız resimlerin depolanması olayı. Koda ekleyeceğimiz resimleri bir url adresinden çağırmak durumundayız. Çünkü Blogger bize depolama hakkı vermiyor. Bu yüzden yine birçok seçenek var. ImageShack bunlar içinde en meşhur olanı. Ücretsiz depolama alanı veriyor ve resimlerinizi yükledikten sonra resme tıkladığızda adres çubuğunda yazan adres o resmin linki olacak kodun içersinde.

Şimdi eğer bir blog açıp, basit bir şablon yüklediyseniz, site tasarımınızda kullanacağınız renklere ve resimlere karar verme aşamasındasınızdır. Gönlünüzde yatan stilde resimler arayıp ya da kendiniz yapıp birer banner ve footer oluşturmaya başlayalım. Son zamanlarda gözümüze çok hoş gözükmeye başlayan scrapbooking kartlarını banner ve resim tasarlamada kullanabilirsiniz. Bu tarz resimleri bedava indirmek için birçok site var ancak ben bu siteyi çok beğendim. Birçoğunu da kullandım. Şimdi sizler de kendine uygun resimleri bulun indirin tasarlayın ve oluşturun.

Bir sonraki aşamada kendi başıma nasıl yapıyorsam adım adım bir şablonun değiştirilişini ve yenilenişini anlatacağım.