Blogunuz İçin Nasıl Buton Yapabilirsiniz?

Merhabalar sayın okur.

 

Konuk yazarınız olarak size blogunuz/siteniz için nasıl banner yapabileceğinizle ilgili basit bir anlatım sunmak isterim. Blogger platformunu kullandığım için blogger üzerinden anlatacağım ve bildiğim kadarıyla yapım aşaması Wordpress’te de hemen hemen aynı. Blog/site kavramlarını da kısaltarak blog olarak kullanacağım yazımda.

 

Öncelikle blogunuzu temsilen bir resim belirleyin. Resimleri online resim editörleri yardımıyla istediğiniz biçimde düzenleyebilirsiniz. Örneğin ben Picmonkey kullanıyorum, kullanımı çok kolay ve Picnik’i anımsatıyor.

 

Picmonkey yardımıyla seçtiğiniz resmin boyutlarını değiştirebilir, köşelerini yuvarlayabilir, üstüne yazı veya semboller ekleyebilir aynı vakitda resmi kırpabilirsinizde.

 

Bannerlar genelde kare olarak tercih edilir ve en ideal boyutları 125x125 veya 100x100 dür. Kullanılacak alana göre değiştirebilirsiniz elbette ama en çok tercih edilen 125x125 boyutlarında olanlarıdır. Örneğin ben blogumun headerını banner olarak kullanmak istediğimde, kesip, boyutunu değiştirip ve köşelerini yuvarlayıp bu hale getirebiliyorum.

 

yuvarlak-button

 

Picmonkey’de bu tür düzenlemeleri yapıp resmimizi hazır hale getirdikten sonra resmin urlsine ihtiyacımız olacak tabii ki. Ben bunun içinde Photobucket kullanıyorum. Uploada basıp hazırladığınız küçük resmi yükledikten sonra yüklenen resmin üstüne tıklayın. Sağda çıkan 4 tane linkten direct link olan bize lazım olacak.

 

photobucket

 

Blogger üzerinden anlatırsak ;

 

Tasarım > Yerleşim > Gadget ekle kısmından HTML/Javascript’i seçip içerisine şu kodu yazın

 

<center><img src=”DIRECT LINK BURAYA YAPIŞTIRILACAK”/></center>

 

Sonrasında ‘zengin metin’e bastığınızda bannerınızı görebilirsiniz. Bannerını seçin ve bağlantı oluştura tıklayıp tıklandığında yönlendirmesi gereken linki yazın. Aşağıdaki resimdeki gibi

 

gadget-ekle

 

Tamam diyip kutucuğu kapattıktan sonra üstteki “HTML’yi düzenle”ye basın. Gördüğünüz bütün kodu kopyalayın, sonra yeni bir satıra geçin (kodları silmeden tabi) ve şunları yazın

 

<center><textarea>

 

kopyaladığınız kodu hemen bitişiğine yapıştırın ve sonuna şu kodları ekleyip bitirin.

 

</textarea></center>

 

Şu biçimde gözükmesi gerekli

 

html-javscript

 

Sonrasında tekrar “zengin metin”e basıp kontrol ettiğinizde bu biçimde gözükmesi gerekli.

 

blogger-gadget

 

Kaydedip çıkın ve bannerınız hazır.

 

Neden blogum için banner yapmalıyım diye düşünüyorsanız buradaki yazımda belki aradığınız cevapları bulabilirsiniz. Mutlu haftalar dilerim.

 

 

Yazar Hakkında:

duygu-uygun Duygu Uygun ÇATI KATI bloğunun yazarı. Yaratıcı projeler, pratik fikirler ve daha fazlası için blogumu ziyaret edebilirsiniz.
Paylaş

Melisa

    Google ile yorum yap!
    Facebook ile yorum yap!

0 yorum:

Yorum Gönder

Bir düşüncen varsa eğer söyle bana ?

Blogger tarafından desteklenmektedir.