“Kupon Sihirbazı”ndan BH Okuyucularına Harika Hediyeler!

Blogger dostu site Blog Hocam okuyucularına hediye dağıtmaya devam ediyor. Çekilişle 1 kişi, 8 adet harika hediyeden istediğine sahip olacak. Ayrıca 1 kişiyi de çekilişsiz, kurasız sürpriz bir hediye bekliyor. Detaylar için çekilişsayfasını ziyaret edebilirsiniz.

Blogger Resimli Kategori Oluşturma

Arkadaşlar Blogger'de Wordpress de olduğu gibi kategoriler oluşturulamaz.Ama bunun için bloghocam.blogspot.com yazarı Serdar Kara abimizin hazırlamış olduğu Blogger Resimli Kategori Oluşturma eklentisini paylaşıyorum.Biraz zahmet gerektiriyor ama tam olarak denilenleri yaptığınız taktirde bloglarınızda güzel bir eklentiye sahip olacaksınız.Eklentiye geçelim şimdi.

Öncelikle ihtiyacımız olan şey her kategoriye birer ait resim. Google görsel arama veya başka kaynaklardan faydalanarak her kategoriye ait bir resim bilgisayarınıza kaydedin.Örneğin ben blog makaleleri kategorisinde kullanmak için şu resmi buldum.

İkinci adımda bu resmi sidebarda kullanmak için yeniden boyutlandıracağız ve zerine katogurinin ismini yazacağız.Ben bu işlem için Gimp programını kullanıyorum ama bu örnekte herkesin yapabilmesi için PicMonkey isimli online aracı kullanacağım.

http://www.picmonkey.com/ sitesine gidip Edit a photo butonuna basın ve katgeori olarak kullanacağınız resmi açın ve düzenlemeye başlayın.Yapacağımız işlemler:

• Resize seçeneği ile resmi yeniden boyutlandrın (125x125).
• Effects seçeneği ile resme istediğiniz bir efekti uygulayın (Soften).
• Text seçeneği ile resmin üzerine kategori adını yazın (Blog Makaleleri).
• Rounded Corners seçeneği ile resmin kenarlarını oval yapın ve resmi kaydedin.

Ortaya çıkan sonuç şu:

Diğer kategorileriniz için de aynı şekilde resimleri düzenleyip tümm grafiklerinizi oluşturduktan sonra sıra bunlara alt alta sıralayıp kategorilere bağlantı vermeye geliyor.Bunun için temel HTML kodları işimizi görecek.

Örnek olsun diye Blog temelleri ve Blog araçları kategorileri için de grafiklerimi aynı yöntemle oluşturdum.

                                    

Önce oluşturduğum bu resimleri bir yere upload etmem gerekiyor.Bunun için de Google hesabımızla kullanabildiğimiz Picasa Web Albümlerini tercih ediyorum.Oluşturduğunuz bu resimleri Picasa Web albümlerine yükledikten sonra Blogger kumanda paneline gidipHTML/JavaScript olarak aşağıdaki kodları ekleyin:

<p><a href="http://bloghocam.blogspot.com/search/label/Blog%20Ara%C3%A7lar%C4%B1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmZqmvnQmUz_3LaO8wCgYLfDBJ39IoipWKEZjfbcC0vdnaFbsQ9wHa3AvHQua72VUnbvov458Ok0x9rFajucZBavwjFC3WlaCkRtdrpW7DkQBIjWIIs_ekh55MlTfDh7okkYjMkHRHSY8/s125/ba.png" /></a></p>

<p><a href="http://bloghocam.blogspot.com/search/label/Blog%20Makaleleri"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcfenT1SB5_CSP12Xq9aKQl3ZcBlgaS3jD3XUUSM7yYtX0KiEGZdDABkCTu9ZxSWpMy3THfnXx6iqfAhrq378EM3_LDr8Zma-Nm1iZogozgQkB8yrEptcJF9c7DVZa7YuJ7y-L0lgKuUE/s125/bm.png" /></a></p>

<p><a href="http://bloghocam.blogspot.com/search/label/Blog%20Temelleri"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUnPb5CCICJfrDQtKU0JyFXdyuejeMrmfXZZGc35prorPMFH8mq6Hu_u1eJmXaOeErfW9Kcd1raCcBeQddySsnpTAXawoCNEHa7vlMw5273zKqmN8sNzJNDptNYHG1zl8s9Fe5rAebTj8/s125/bt.png" /></a></p>

Yeni kategoriler eklerken yardımcı olması için kodların anlamlarında biraz bahsedeyim.Her kategoriye ait kod şu şekildedir:

<p><a href="Kategorinin URL’si"><img src="Resmin URL’si” /></a></p>

Elimden geldiğince basitleştirerek anlatmaya çalıştım ama kafanıza takılan bir yer olursa yorum bölümünden yazabilirsiniz.

KAYNAK:  http://bloghocam.blogspot.com/2012/09/blogger-resimli-kategori-olusturma.html