Dilediğiniz Zaman Arayın Canlı SOHBET Edelim: 
(İlk 5 Dakika Bedava)

Cansu: 008818200818

Esra: 0034951250447

6 Mart 2011 Pazar

İyi Bir Blog Teması Nasıl Olur?

Blogunuzun alt yapısı veya konusu ne olrsa olsun hem blogunuzdan daha çok keyif almak için hem de ziyaretçilere içeriğinizi daha hoş bir şekilde sunmak için blogunuza iyi bir tema seçmelisiniz.Peki iyibir blog teması nasıl olmalıdır? Bu yazımda bu sorunun cevabını vermeye çalışacağım ama önce blog şablonunları hakkında biraz bilgi vereyim.


iyi bir blog teması nasıl olur


Blog Şablonlarının Anatomisi


BLog şablonları genellikle 4 ana bölümden oluşur.Bunlar header, footer, sidebar ve içerik bölümleridir:


Header : Blogların en üstündeki bölüm header diye adlandırılır.Header’da blogunuzun logosu veya banner’ı bulunabilir.Bunun dışında çeşitli boyutlarda reklam alanları, yatay döşenmiş bir menü veya RSS aboneliği gibi öğeler header bölümünde bulunabilir.


Footer : Blogların en altındaki bölüm de footer olarak adlandırılır.Footer’da genellikle credits adı verilen telif hakkı, gizlilik bigileri, kullanım şartları, e-posta adresi, blog temasını hazırlayan kişinin ismi gibi bilgiler yer alır.


İçerik : İçerik bölümü yazılarınnızın yer aldığı bölümdür.Bu bölümdeki yazılar bazı bloglarda tamamen gözükürken bazı bloglarda yazının ilk X karakteri gözükür ve bir devamını ekle bağlantısı vererek yazının tamamının okunnması sağlanır.


Sidebar : Blogların yan taraflarındaki bölümlere de sidebar denir.Sidebar’a eklenecek çok sayıda öğe vardır.Bunlardan bazılar şöyledir: arama kutusu, RSS aboneliği, sosyal ağ butonları, kategoriler, etiket bulutu, blogroll ve daha pek çoğu.


Blogunuza Tema Seçerken Dikkat Etmeniz Gerekenler


Blogunuzu sadece siz ziyaret etmiyorsunuz.Bu yüzden blogunuzun temasını seçerken sadece kendi beğendiğiniz bir temayı değil aynı zamanda ziyaretçilerinizin de beğeneceği bir tema seçmelisiniz.Blog temanızı seçerken şunlara dikkat etmelisiniz:


1.Blog Açılış Hızı

Ziyaretçiler için en önemli şeylerden biridir blogunuzun açılış hızı.Blogunuzun temasında çok fazl grafik bulunması ve gereksiz kodlar olması blogunuzun açılış hızını olumsu etkiler.Ziyaretçilerinizi memnun etmek için hızlı açılan ve sayfaları arasında hızlı geçiş yapılan bir blog teması tercih etmelisiniz.


2.Kolay Kullanım

Ziyaretçilerinizin blogunuzda istedikkleri yazıya kolayca ulaşmalarını ve yazıyı rahatça okumalarını sağlamak için sade ve kullanımı kolay bir tema seçmelisiniz.


3.Internet Tarayıcısı Desteği

Blog temanızın çeşitli tarayıcılarda nasıl göründüğünü kontrol etmelisiniz.Temanız tüm tarayıcılara uygun olmalıdır.


4.Daha Az Reklam Alanı

Blogumdan para kazanayım derken her yerden reklam fışkıran temaları tercih etmek ziyaretçilerinizi blogunuzdan uzaklaştırır.Son zamanlarda çok rastlar oldum Adsense temalarına.Blogunuzun reklam çöplüğüne dönüşeceği temaları kullanmaktan kaçının.


Bu temel özelliklere sahip olduktan sonra çeşitli eklentilerle blogunuzu zenginleştirmeniz ve kişiselleştirmeniz mümkündür.

1 Mart 2011 Salı

Blogunuzun “Favicon”unu Değiştirin

Adres satırının yanında bazı web sitelerinin kendilerine özel ikonlarını görürsünüz.Bunlar, o sitenin farkedilmesini sağlayan ve favorilere eklendiğinde isminin yanında gözüken minik ikonlardır.Siz de blogunuzun faviconunu istediğiniz gibi değiştirebilirsiniz.Üstelik bunu yapmak için her hangi bir grafik programı kullanmanız şart değildir.

blogunuzun faviconunu değiştirin


Favicon Nedir?

 

Favicon terimi İngilizce “Favorites Icon”dan kısaltılmıştır.Bu favicon dosyası siteniz ziyaret edildiğinde adres satırında belireceği gibi adresiniz sık kullanılanlara eklendiğinde de site adınızın baş kısmında görünecektir.Faviconlar özellikle siteyi sık kullanılanlara eklediğinizde listede kolayca bulunmasını sağlar.Yani bir anlamda o site için simgedir, bayraktır.

Favicon dosyası 16×16 piksel boyutlarında .ico uzantılı bir grafik dosyasıdır.Modern web tarayıcıları artık .gif ve .png uzantılı dosyaları da favicon olarak gösterebilmektedirler.Fakat genel olarak .ico uzantılı dosyalar favicon olarak kullanılmaktadır.


Favicon Kullanmanın Faydaları


    - Favicon kullanırsanız ziyaretçileriniz sitenizi sık kullanılanlara eklediğinde site adınızın hemen önünde favori ikonunuz yer alacaktır. Böylelikle sitenizin kolayca bulunabilmesini sağlayacaktır.

    - Ziyaretçi sitenizin kısa yolunu masaüstüne oluşturursa, kısa yol simgesi favicon resmi ile siteniz ayıredici bir şekilde masaüstünde yer alacaktır.

    - Genellikle site tasarımı ile aynı stile sahip olan, 16×16 ve 32×32 piksel büyüklüğündeki faviconlar sitenin tasarımının, dolayısıyla renk ve genel stilinin ziyaretçinin zihninde kalmasına yardımcı olmakta, ziyaretçinin beyninde küçük de olsa yer edinmektedirler.

    - Favicon, sitenizin markalaşmasına katkı sağlar.

Favicon Oluşturabileceğiniz Siteler


İnternette favicon oluşturabileceğiniz pek çok site mevcut.Bunlardan en popüler ve kullanışlı olanlar şu şekilde:


    1. Favicon.cc : Bu sitede isterkendi ikonunuzu oluşturabilir, ister bilgisayarınızdaki bir resim dosyasını favicon’a dönüştüreilir, isterseniz de hazır faviconlar’dan birini kullanabilirsibiniz.

    2. HTML-Kit : Bu sitede  bilgisayarınızdaki bir resmi favicona dönüştürebileceğiniz gibi Twitter hesabınızdaki profil resminizden de sabit vya hareketli favicon oluşturabilirsiniz.

    3. Site Simgesi : Türkçe bir servis olan bu site de yine bilgisayarınızdaki bir resimden sabit veya hareketli faviconlaroluşturabilirsiniz.

    4. Favicon.co.uk : Bu sitede de yine bilgisayarınızdaki bir resmi favicona dönüştürebileceğiniz gibi galeri bölümünden harika faviconlar bulabiilirsiniz.

    5. Dynamic Drive : Bu sitede bilgisayarınızdaki gif, jpg, png, ve bmp uzantılı dosyalardan favicon oluşturabilirsiniz.

    6. Antifavicon : Eğer bilgisayarınızda favicon olarak kullanabileceğiniz bir resim yoksa ve herhangi bir grafik programı kullanamıyorsanız  bu site tam size göre.

    7. DeGraeve : Bu sitede ise bir zemin üzerine kalem ile istediğiniz şekilde basit bir favicon oluşturabliirsiniz.

    8. Favicon.ru : Rus yapımı olan bu site ile bilgisayarınızdaki bir resimden favicon oluşturabilir ve kullabmadan önce tarayıcıdaki görüntüsünü görebilirsiniz.

    9. Genfavicon : Beğendiğim sitelerden biri olan bu site ile bilgisayarınızdaki resmin her hangi bir kısmını kırparak favicon olarak kullanabilirsiniz.


Favicon’um Hazır.Şİmdi Ne Yapacağım?


Favicon’unuzu oluşturup bilgisayarınıza indirdikten sonra bu ikonu barındıracağınız bir hosta ihtiyacınız var.Eğer blogunuzu kendi hostunuzda barındırıyorsanız faviconunuzuda burada barındırabilirsiniz.Ancak blogunuz Blogger gibi ücretsiz bir hostta ise faviconunuzu barındırmak için .ico destekli bir imaj hosting sitesine ihtiyacınız var.Bunun için size tavsiye edebileceğim yer PicPanda.Faviconunuzu burada ücretsiz olarak barındırabilirasiniz.


Faviconunuzu PicPanda’ya yükledikten sonra son bir adıma kalıyor.Bloguuzun kodlarında <head>….</head> tagları arasına aşağıdaki kodu eklemeniz gerekiyor.

 

<link href='http://ikon adresi' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

Blogunuza favicon eklemek bu kadar.Takıldığınız noktaları lütfen sorun.


Görüşmek üzere…


Blogger Yazı Editörü Kullanımı - 2

Blogger Yazı Editörü Kullanımı başlıklı yazımda butonların anlamlarını ve ne iş yaradıklarını açıklamıştım.Yazının ikinci bölümü bu yazımda ise yazınıza blogger yazı editörü ile link ekleme, video ekleme, resim ekleme , devamını oku bağlantısı yapma gibi işlemlerin nasıl yapılacağı hakkında detaylı ir açıklama yapacağım.

Blogger yazı editörü

Link Ekleme

İlk olarak Blogger yazı editörü ile nasıl başka sitelere bağlantı vereceğinizi anlatacağım.Bi yazıya bağlantı vermek için 11 numaralı butonu kullanacaksınız.Bu butona bastığınızda aşağıda gördüğünüz gibi bir pencere açılacaktır.Devamını bir örnekle anlatayım.Diyelim ki ben deneme yazısına tıklayınca kendi bloguma bağlanılmasını istiyorum.O halde görüntülenecek metin kısmına deneme yazıyorum, web adresi kısmına ise blogumun adresini yazıyorum.Sonuçta ortaya çıkacak şey deneme gibi olacaktır.

blogger link ekleme 
Bu en basit link verme örneğidir ve HTML kodları şu şekildedir:

<a href="http://bloghocam.blogspot.com/">deneme</a>


Şimdi kodlar yardımıyla bu linki biraz daha özelleştirelim.Örneğin bağlntıyı yeni pencerede açmak için target="_blank" kodunu eklemeniz gerekir.

Deneme yazısına tıklayınca blogumun yeni pencerede açılması için kodu şu şekilde düzenlemeliyim:

<a href="bloghocam.blogspot.com" target="_blank">deneme</a>


Resim Ekleme

İkinci olarak blog yazılarınızda nasıl resim kullanacağınızı anlatacağım.Resim eklemek için 12 numaralı butonu kullanacaksınız.Bu butona bastığınızda açılan penceredebazı seçenekler var.Bilgisayarınızda bulunan bir resmi eklemek istiyorsanız, yükle kısmındaki doosya seç butonundan istediğinizresöi seçebilirsiniz.Örneğin ben Blog Hocam logosunu bilgisayarımdan seçtim ve yazıma ekledim.


Blogger resim ekleme

resimlerin kodlarında pek çk düzenleme yapabilirsiniz.Bu yüzden bu konuyu daha sonra üzerinde detaylı bir şekilde durmak üzere erteliyorum.

Video Ekleme


Bilgisayarınızdaki bir videoyu blog yazılarınıza eklemek için 13 numaralı butonu kullanacsınız.Butona bastığınızda aşağıdaki gibi bir pencere açılacaktır.Burada yüklenecek videoyu seçin butonu yardımyla bilgisayarınızdan videoyu seçin ve upload işlemine başlayın.

blogger video ekleme
 Kendi bilgisayarınızdaki videoların dışında Blogger yazı editörü ile Youtube videolarınıda kolayca yazılarınızda kullnabilirsiniz.

Devamını Oku Bağlantısı Verme


Son olarak anlatacağım özellik ise Devamını oku bağlantısı verme özelliği.Bu özelliği kısaca şöyle anlatayım.Diyelim ki 500 kelimelik bir yazı yazdnız.İlk 100 kelimeden sonra bir atlama aralığı eklerseniz, 100.kelimeden sonra “devamını oku” şeklinde bir bağlantı eklenir ve zokuyucuların yazının tamamını okumaları için bu linke tıklamaları gerekir.Bu özelliği kullanmak için 14 numaralı butondan fAaydalanacaksınız. Aşağıdaki örnekte olduğu gibi ilk önce yazının herkes tarafınan görüntülenecek kısmını yazııyorum.Ardından 14 numaralı butona basarak atlama aralığı ekliyorum.Devamına ise yazının geri kalan kısmı yazıyorum.

blogger devamını oku bağlantısı eklemeUmarım bu yazı,  bilmeyenler için faydalı olmuştur.Takıldığınız noktaları çekinmeden sorabilirsiniz.Görüşmek üzere…