Blogger'da Gadget Oluşturma

Ana Sayfa » Size Özel İp Uçları » Blogger'da Gadget Oluşturma

Blogger'da Gadget Oluşturma

Gönderen Dert Ortağı 04 Ocak 2009

Blogger'ın geleceği her ne kadar Türkiye'de belli olmasa da Blogger kullanıcılarının sayısının çokluğuna dayanarak tüm Blogger kullanıcıları ile müthiş bir bilgi paylaşmak istiyorum. Bilginin adı, Blogger'da Gadget Oluşturmak.

Arkadaşlar. Bildiğiniz üzere Blogger kontrol paneline giriş yaptıktan sonra "Yerleşim >> Sayfa Ögeleri" adımlarını izleyerek ulaştığımız sayfada bizim Blogger blogumuzun şablonunu oluşturan ögeler bulunuyor. Bu öğeleri bizler istediğimiz yere taşıyabiliyoruz ve bu ögelere istediğimiz fonksiyonu yüklüyoruz (Metin, Resim, Video, HTML/JavaScript kodu gibi). Tüm Blogger blogları bu sayfa üzerinden şekil alıyor. (Burada Karbonizma'nın Sayfa Ögelerini Görebilirsiniz.)

Blogger kontrol panelinizde Yerleşim >> HTML'yi Düzenle" adımlarını izlediğinizde ise karşınıza Blogger blogunuzun CSS kodları ve HTML kodları çıkar. Bu kodlar üzerinde oynama yaparak blogunuzda istediğiniz geliştirmeyi yapabilirsiniz. Örneğin, Google Analytics'den aldığınız izleme kodlarınız bu kodlar arasına yapıştırıp blogunuza kim, nereden gelmiş? bakabilirsiz. Tüm Blogger bloglar yine HTML ve CSS kodlarındaki oynamalar ile gelişir.

Aslında buraya kadar şunu anlatmaya çalıştım. Blogger kullanıcılarının bu iki sayfaya yoğunlaşarak bloglarını fevkalade bir şekilde biçimlendirebilirler ve geliştirebilirler.

Türkiye'de çoğu blog yazarı Wordpress altyapısını kullansada Blogger altyapısı kullanan kişilerin sayısı da az değildir. Fakat Blogger altyapısı kullanıp da Blogger'ın sunduğu klasik şablonlardan sıyrılıp farklı temaları kullanan ve blogunu geliştiren insan sayısı çok azdır.

Bu paylaşımımda Blogger kullanıcılarına şahane bir bilgi sunuyorum. Bu bilgi sayesinde Blogunuzun tasarımında dilediğiniz gibi değişiklik yapabilirsiniz. Bu bilgiyi sunmadan önce birkaç şeyi açığa kavuşturmam gerekli.

Öncelikle Blogger Gadget'ın Ne olduğunu açıklayayım. Blogger Gagget, blogunuzun temasına göre değişen ve blogunuza metin, resim, video, anket gibi formatları yayınlamanıza yarar ve sabittirler, her sayfada yayımlanırlar. Peki bu gadgetların bize yararları nelerdir?

Yararları saymakla bitmez.

Örneğin, Siyah ağıklıklı bir temaya sahip bogunuzda twitter güncellemelerinizi yayımlamak istiyorsunuz. Bu güncellemelerin başlığının rengi ve arkaplanı farklı olmasını istediğinizde Blogger'ın temalarında veya klasik şablonlarında böyle bir seceneğiniz yok. Fakat Blogger Gadget oluşturarak boyutlarını bile dilediğinizce değiştirebilirsiniz.
Blogunuz çok gelişti diyelim ki artık reklam almay başladınız. Fakat reklam koyacak yeriniz yok. Blogger Gadget ile çok rahat yeni alanlar oluşturabilirsiniz.
Blogger Gadget büyük bir zaman kazandırıcıdır. Metin yüklü olan bir gadget'i saniyeler içerisinde video yüklü hale getirebilirsiniz.
Blogger Gadget'ı şablonunuzun istediğiniz yerinde oluşturabilirsiniz. Böylece blogunuz ihtiyaçlarınıza karşılık verir hale gelir.

Blogger Gadget'ın en büyük özelliklerinden biride içeriğinin sınırı olmayışı. Milyonlarca eklentiyi gadget'ınızın içine yükleyebilirsiniz. Bu içerik alanını Blogger Draft ve Blogger Geliştiricileri sürekli genişletmektedir.

Resim-I Karbonizma Blogundaki HTML kodları ile yazılmış bir bölüm ve hemen altındaki Blogger Gadget

Normalde Blogger blogunuza Blologger Gadget'ı kullanmadan da dilediğiniz içeriği kodlar vasıtası ile ekleye bilirsiniz. Fakat bu içeriği değiştirmek istediğinizde CSS ve HTML kodlarına girip oradan kodu bulmanız ve yeni kodla değiştirmeniz gerekecek. Oysa Blogger Gadget ile bu çok hızlı birşekilde yapılabilir. Kodlara zarar verme riski de ortadan kalkar.

Adım Adım Blogger Gadget Oluşturalım

Arkadaşlar Blogger'da Gadget oluşturmak kadar kolay bir şey yok. Öncelikle bu gadget'i nereye oluşturacağımıza karar verelim.
Kontrol Paneline girerek Yerleşim >> HTML Kodlarını Düzenle adımlarını izleyelim.
Daha sonra ekleyeceğimiz gadget'a bir isim vererek onun en, boy, arkaplan rengi, kenar çizgileri, metin yazısı gibi özelliklerini CSS olarak belirtelim. Örneğin;

#örnekgadget {padding: 0px 0px 10px 0px;float: right; width: 200px;overflow: hidden;background-color: #E8E8E8;}

gibi.
Daha sonra Gadget'i oluşturmak istediğimiz div'in içine buradaki kodları yazalım.
Blogumuzun HTML kodlarını herhangi bir hata oluşmadan kaydedebilirsek, Gadgetimiz hazır demektir.

Artık kontrol panelimizden "Yerleşim >> Sayfa Ögeleri" adımlarını izleyerek Blogger Gadget'imiz istediğimiz yerde oluşmuş mu bakabiliriz. "Gadget Ekle" yazısını gördüysek başarmışız demektir. O butona tıklayarak blogunuza birbirinden farklı içerikler yükleyebilirsiniz.

Yorumlarınızı Bekliyorum, Gadget Oluşturabildiniz mi?
Arkadaşlar yapmak isteyip de yapamayanlar yorum olarak nerelerde takıldıklarını yazabilirler. Ayrıca paylaşım hakkındaki düşüncelerinizi de yorum olarak ifade etmenizi dört gözle bekliyorum.

Karbonizma'daki yeni paylaşımlardan, etkinliklerden veya duyurulardan haberdar olmak istiyorsanız RSS yayınıma abone olabilirsiniz veya Twitter ve FriendFeed üzerinden de Karbonizma'yı takip edebilirsiniz. Bir sonraki paylaşımımda görüşmek üzere.

Kaynak:karbonizma