Resimli kategori oluşturmak

Daha önce etiketleri kullanarak blog’unuzda ki içeriği nasıl kategorilere ayırabileceğimizi görmüştük şimdi de daha çok yemek blogların da görmeye alışık olduğumuz kenar çubuğuna yani sidebar da bu kategorileri nasıl gösterebileceğinize bakalım.

 

 

Aslında içeriğinizi kategorilere ayırdıysanız resim kullanarak kategorilerinizi kenar çubuğunda göstermenin bir çok yöntemi bulunuyor fakat ben en kolay yöntemi kısaca özetlemeye çalışacağım .

 

      

Yapmanız gereken sırası ile Kumanda Paneli ➜ Tasarım ➜ Sayfa Öğeleri  yolunu takip ederek blog’unuza gadget ekleyip kaldırdığınız bölüme geçin.

 

 

 

resim-gadegtı Burada Gadget ekle yazan bağlantıya tıkladıktan sonra açılan pencerede Resim ekleye tıklayın.

 

 

Açılan yeni pencerede blog’unuzun kenar çubuğuna bir resim ekleyip bu resme bir bağlantı ve açıklama ekleyebileceğiniz gadget sizi karşılayacak.

 

 

 

Bundan sonra yapmanız gereken resminizi yüklemek ve bu resme bir bağlantı vermek.

 

kategori

 

Bunu da bir örnekle pekiştirecek olursak yukarıdaki resme dikkatlice baktıysanız ben Twitter kategorisi için bir resim yükleyip buna tıklanıldığın da twitter hakkında yazdığım tüm yazıların görüntülenmesini istiyorum ..

 

Başlık kısmına kategorimin adını yazıyorum.

 

Resim yazısı kısmına isterseniz kategoriniz hakkında bir açıklama yazabilir veya boş bırakabilirsiniz.

 

Resim yazan bölmede dosya seçerek veya kendi bloguğunuz da ki her hangi bir resmi seçerek ekleyebilirsiniz.

 

Bağla yazan bölüme blog’unuzda etiketleri kullanarak oluşturduğunuz kategorilerin linkini yazmanız gerekir bunun içinde resime tıklanıldığın da gösterilmesini istediğiniz etiketin linkini kopyalayıp oraya yapıştırmanız gerekiyor.

 

Ben twitter hakkında yazdığım yazıların gösterilmesini istediğim için şöyle bir link kullanıyorum.

 

http://www.bloggermodifiye.com/search/label/Twitter

 

sizde isterseniz aşağıdakine benzer bir link kullanabilirsiniz.

 

http://www.blogunuzun-adı.blogspot.com/search/label/kategoriniz(etiket)

 

Son olarak seçeneklerde sığacak şekilde küçült yazan bölümün işaretli olmasına dikkat edin bu eklediğiniz resmin boyutlarını kenar çubuğuna orantılayarak taşmaları önleyecektir.

 

 

İlk kategorinize resimli bir bağlantı oluşturduktan sonra diğer kategorileriniz içinde aynı işlemi tekrarlayabilirsiniz.

Paylaş !

25 yorum:

  1. Kaç zamandır bu tür eklentiler arıyordum blogger için dostum, sayende burda buldum o da tesafüfen. Wordpress için dünya kadar eklenti varken koskoca bloggerde bu kadar yaygın bir ağ yok maalesef. Güzel site, içeriğin ve emeklerin için teşekkürler... Kolay gelsin.

    YanıtlaSil
  2. Teşekkürler Turgay sitemizi beğenmene de sevindim ..

    YanıtlaSil
  3. Tayfun bey merhaba incelerken kafama takılan bir konuda yardım almak istedim sizden.Yukarıdaki anlatım eskidi tabi.Sorum şu;
    Blogger da bağlantı listesi var buraya istediğimiz kadar bağlantı link halinde yapabiliyoruz.Ancak resim ekleme kısmı yok.Resimde ekleyebilseydik.Aynı editörün seçimi gibi bir bölüm oluşturmuş olabilirdik.Bu konuda yardım alabilirmiyim.Örnek 32x32 yada 25x25 baplantı yapacağımız iconları yaptık.Bunu resim yüklediğimiz yere yükledik yada bilgisayarımızda duruyor.Bloggerda bunu yapabileceğimiz bir gadged varmı.Yada başka bir sitil kullanabilirmiyiz.Sayfa edit de bunu yapabiliyorum ancak blogger uygulamada bu yok herhalde.Cevap için şimdiden teşekkürler.

    YanıtlaSil
  4. Adnan bey öncelikle yukarıdaki anlatım hala geçerli bir anlatım bunu belirtmek istiyorum ,yazının başında da belirttiğim gibi resim ekleyerek ,eklediğiniz bu resimlere bağlantılar verebilmenizin bir çok yöntemi bulunuyor yukarıdaki anlatımda bunlara basit bir örnekti.

    Şimdi sizin sorunuza geçecek olursak sizi basit ip uçları sayesinde bu işlemin ne kadar kolay yapılabileceğini anlatmaya çalışayım.
    Blogger'ın yazı editörüne yeni bir yazı yazmak için gidin ve eklemek istediğiniz ikon, resim vs her hangi bir görseli yüklemek için resim ikonuna tıklayın diyelim ki siz aynı anda 10 tane ikonu yüklemek istyorsunuz CTL bastıktan sonra bilgisayarınızdan bu ikonları seçili hale getirin ve yükleye tıklayın aynı anda 10 adet görseli tek tıklama ile yükledikten sonra bu görsellerden hangisine bağlantı vermek istyorsanız imlecinizle bir defa üzerine tıklayarak veya işaretli hale getirdikten sonra editördeki zincir ikonuna tıklayarak bağlıntınzı oluşturun, bu şekilde tüm ikonlara bağlantı verdikten sonra yazı editöründe HTMLY'yi düzneleye tıklayın ve tüm kodları kopyalayın ,kodları kopyaladıktan sonra gadget eklediğimiz bölüme geçerek gadget ekleye tıklayın ve HTML/Javscript gadget ekleye tıklayın açılan pencerede tüm kodları yapıştırıp kaydedin.

    YanıtlaSil
  5. Günlerdir arıyorum, bulamadım, yapamadım, Yardım! :-)
    Popüler yazılar eklentisini, blog arşivi olarak kullanmak istiyorum. Küçük bir fotoğraf, yazı başlığı ve yanında yazı.
    Bu kadar zor olamaz bunu yapmak:-)
    Arşivi de aslında düzenlemek istiyorum, yani tarihlerin altında saklı durmasın yazı başlıkları, hepsi görünür olsun ama onu da yapamıyorum..
    Yardım ederseniz çok sevineceğim..
    Nuray

    YanıtlaSil
    Yanıtlar
    1. blog arşivi denilince en son yayınladığınız yazılardan , daha eskilere doğrulu sıralamak geliyor benim aklıma fakat popüler yazılar gadget'ı en çok ziyaret edilen içeriğinizi en üste taşıayacak şekilde en fazla 10 yazıya yer verecektir, blog arşivi olarak kullanmanız bence uygun olmayacaktır css ile tasarımını değiştirmeniz mümkün fakat işlevini değiştiremezsiniz.

      Ama siz derseniz ki blog arşivimi Küçük bir fotoğraf, yazı başlığı ve yanında yazı şeklinde en son yazımdan daha eski yazılara doğru kullanabileceğim bir yöntem var mı evet var rss içeriğinizden içerik çeken küçük bir javascrip sayesinde bunu yapabilirsiniz üstelik 10 yazıya yer vermek gibi bir mecburiyetiniz de yok.

      Diğer sorunuza gelecek olursak arşivler gadgetıda ,popüler yazılar gibi blogger'a ait bir gadget olduğu için buna da müdahale de bulunma şansınız yok ama yukarıda ki yöntemle aynı şekilde sadece yazı başlıklarınızı listeleyebileceğiniz farklı bir yöntem bulunuyor.

      Bu konuya benzer bir yazı hazırlıyorum ve kodlarını paylaşacağım yayınlayacağım, hazırladığım yazıdaki kodlar sizin isteklerinize uygun olmazsa bir iki değişiklik yapıp size uygun kodlar hazırlarım ...

      Sil
  6. Merhaba
    ben blogumda sağ kenarda bir çerçeve içinde sponsorların küçük resimlerini sırayla bağlantılı olarak göstermek istiyorum. resim ekle şeklinde yapıyorum ancak alt alta ve çıkıyor. oysa ben bunları bir çerçeve içinde önce yan sonra alt şeklinde bir gadget olarak göstermek istiyorum. araştırdım ancak bir sonuca ulaşamadım. bu nasıl yapılabilir?

    YanıtlaSil
    Yanıtlar
    1. aslında basit bir çözümü var, blogger yazı editörüne gittiğinde tablo ekle yazan düğmeye tıkla, 2sütünlu yani yan yana 2satırlı bir tablo oluştur ve ve sütünların içine istediğin resimleri yükle daha sonra, yazı editörünü HTML moduna getirip tüm kodları kopyala ve HTML/Javascrip gadget olarak ekle.

      Sil
  7. Çok teşekkür ederim, çok işime yaradı...




    Hayat Mutfakta Güzel

    YanıtlaSil
  8. tayfun bey umarım cevap yazarsınız bu yazıma. benim bloğuma resim ekleyerek kategori eklemeyi sizden öğrendim fakat resim eklemek istediğimde resim ekleme kapasiteniz doldu gibi birşeyler çıkıyor. resim ekleyemiyorum. eskilerini sildim fakat yine aynı uyarı çıkıyor ne yapabilirim.

    YanıtlaSil
    Yanıtlar
    1. resimler picasa.web albümlereine yükleniyor onunda sunduğu ücretsiz alan 1gb ile sınırlı kotanızı doldurduysanız ya biraz daha alan satın almanız gerekir yada farklı bir hesap açarak onu kullanabilirsiniz.

      bir gmail hesabı açarak bu hesabı blogunuza yazar olarak ekleyin yazılarınızda bu hesabınızdan yazın.

      Sil
    2. Teşekkür ederim Tayfun bey çok yararı oldu takipteyim

      Sil
  9. Peki ben bu gadget ı sekmeme ekliyebilirmiyim ??

    YanıtlaSil
    Yanıtlar
    1. sekmelerden kastın ne ? sabit statik sayfalaramı ?

      Sil
    2. Abi Ben Ben Bir Tane Sekme Açtım Ama Yazıları Yazıyorum Yazmasına Ama Hepsi Karışıyor. Her Konuyu Ayırmak İçin Böyle Bu Sitedeki Gibi Nasıl Yaparım ?? http://www.joinaclan.com/category/battlefield-games/battlefield-3/

      Sil
    3. yazılarını etiketleri kullanarak kategorilere ayırdıktan sonra yerleşim bölümünde, sayfalar gadgetını ekleyip bu kategorilerin linklerini bu gadgeta ekle.

      Sil
  10. Merhaba..Benimde bir blogum var ve bu anlattığınızı yaptım.Ama "Bağla" kısmına link nasıl vereceğimi bilmiyorum.Resme tıklayarak link verdim ama açmıyor nedense resimlerimi.Kategoride toplayamadım resimlerimi? Bağla kısmına nasıl link vereceğimizi söyler misiniz?

    YanıtlaSil
    Yanıtlar
    1. rsimleri picasaya veya blogunuza yükleyerek imleçle üzerine gelip yeni sayfada aç deiğinizde açılan syfanın linkini eklemeniz gerekiyor.

      Sil
  11. wordpress için ne yapmam lazım konu baslıgının yanına resim eklemek istiyorum :(

    YanıtlaSil
  12. Güzel oldu, Bunları kutu içine alamıyoruz değil mi

    YanıtlaSil
    Yanıtlar
    1. çerçeve içine almanız mümkün, ama şablonunuza CSS kodlarını eklemeniz gerekiyor, bunun içinde sırası ile Kumanda Paneli ➜ Şablon ➜ HTML’yi Düzenle ➜ Devam et yolunu takip ederek blog’umuzun kodlarının açık halde bulunduğu modüle ulaşıyoruz.

      klavyenizdeki Ctrl +F tuşuna aynı anda basarak açılan arama formunda ]]></b:skin> terimlerini aratın.

      bulduğunuz bu kodun hemen üstüne gelecek şekilde aşağıdaki kodları ekleyip kaydedin.

      .widget-content{
      padding: 4px;
      border: 1px solid #000;
      width:200px;
      }


      bu kodlar içerisinde yer alan border: 1px solid #000; diye yazan stil kodu çerçevenin siyah renkte görüntülenmesini şağlar siz bu koddaki 000 tane sıfır yazan yere başka renk kodları girerseniz o renk olur.

      Css ile ilgili bu yazımızda da renk kodlarını görebileceğiniz küçük bir araç ve daha fazla açıklama bulabilirsiniz.
      http://www.bloggermodifiye.com/2011/02/blogger-ve-temel-css-egitimi.html

      Sil
  13. resimleri biraz daha ufak ikonlar halinde gösterebilir miyiz. Oynayabiliyor muyuz boyutları ile

    YanıtlaSil
    Yanıtlar
    1. bunun için resimleri yüklemeden önce her hangi bir resim düzenleme programı ile resimleri boyutlandırıp öyle eklemeniz gerekir ...

      Sil
  14. Merhaba
    Dediğinizi yaptım ancak resme tıklayınca arama sonuçları küçük önizle pencereleri şeklinde açılsın istiyorum. Bu mümkün müdür?

    YanıtlaSil

Lütfen yazıyla ilgisiz yorum yapmayın sormak istediğiniz bir soru varsa sağda bulunan kotegorilerden sorunuza en uygun olan kategoriye tıklayıp, açılan sonuçlardan birisine yorum yapabilirsiniz, ayrıca sadece link bırakmak için yapılan spam yorumlar yayınlanmaz