TeknoMobi | Profesyonel ve Ücretsiz Blogger Tema

2009 Blog Ödülleri Yarışmasından Çekildim

Gönderen TeknoMobi | Cumartesi, Nisan 25, 2009 | Comments

Bazı nedenlerden dolayı teknoloji kategorisinde yarışan blogumu yarışmadan çekmiş bulunuyorum. Bloguma oy veren herkese teşekkür ediyorum.

Organizatörlere çekilme ile ilgili başvuruyu yaptım ve onaylandı. Bir iki gün içinde kategoriden çıkarılacaktır. Bir müddet kategoride görülebilir yinede...

Yarışmada devam eden Bloglara başarılar dilerim. Organizatörlere de başarılarının devamını dilerim...

ColorBox Blogger Eklentisi - LightBox Klonu Bölüm 2

Gönderen TeknoMobi | Çarşamba, Nisan 08, 2009 | Comments

ColorBox uygulamasının anlatımını yaptığım ilk bölümde de bahsettiğim gibi biraz detaylı anlatım yaptım. Blogger'e yeni geçiş yapmış blogcu arkadaşlar için daha anlaşılır olması için detaylı anlatımın daha yararlı olacağını düşündüm. ColorBox uygulamasının ilk Demo (Demo 1) örneğinin uygulanış biçimini ilk bölümde anlattıktan sonra sırasıyla diğer demoların anlatımlarını yapalım.

Demo 2 Uygulanış Biçimi Anlatımı

Aşağıdaki kodu </head> kodunun hemen üstüne yapıştırıp şablonumuzu kaydediyoruz.

<!--[if IE]>

<![endif]-->

$(document).ready(function(){

$.fn.colorbox.settings.bgOpacity = '0.5';

$('.resim').colorbox();

$('#ajax').colorbox({contentWidth:'300px', contentHeight:'195px'});

$('#flash').colorbox({contentAjax:'../content/flash.html'});

$('#websayfa').colorbox({contentWidth:'750px', contentHeight:'450px', contentIframe:true});

$('#inline').colorbox({contentWidth:'500px', contentInline:'#inline-content'});

});

</script>

Yazı içindeki resimler'e ekleyeceğimiz etiketler tek resim için class="resim" grup olarak gösterilecek resimler için class="resim" rel="ailem" şeklinde olacaktır. İl bölümde yaptığım anlatımda örnek kodları görebilirsiniz...

Demo 3 Uygulanış Biçimi Anlatımı

Aşağıdaki kodu </head> kodunun hemen üstüne yapıştırıp şablonumuzu kaydediyoruz.

<!--[if IE]>

<![endif]-->

$(document).ready(function(){

$('.resim').colorbox();

$('#ajax').colorbox({contentWidth:'300px', contentHeight:'195px'});

$('#flash').colorbox({contentAjax:'../content/flash.html'});

$('#websayfa').colorbox({contentWidth:'750px', contentHeight:'450px', contentIframe:true}); $('#inline').colorbox({contentWidth:'500px', contentInline:'#inline-content'});

});

</script>

Yazı içindeki resimler'e ekleyeceğimiz etiketler tek resim için class="resim" grup olarak gösterilecek resimler için class="resim" rel="ailem" şeklinde olacaktır. İlk bölümde yaptığım anlatımda örnek kodları görebilirsiniz...

Demo 4 Uygulanış Biçimi Anlatımı

Aşağıdaki kodu </head> kodunun hemen üstüne yapıştırıp şablonumuzu kaydediyoruz.

<!--[if IE]>

<![endif]-->

$(document).ready(function(){

$.fn.colorbox.settings.transition = 'elastic';

$.fn.colorbox.settings.bgOpacity = '0.8';

$.fn.colorbox.settings.contentCurrent = '({current}/{total})';

$('.resim').colorbox();

$('#ajax').colorbox({contentWidth:'300px', contentHeight:'195px'});

$('#flash').colorbox({contentAjax:'../content/flash.html'});

$('#websayfa').colorbox({contentWidth:'750px', contentHeight:'450px', contentIframe:true});

$('#inline').colorbox({contentWidth:'500px', contentInline:'#inline-content'});

});

</script>

ColorBox uygulaması bütün tarayıcılarda sorunsuz çalışmaktadır. Güle güle kullanın. Bloguma destek olmak istiyorsanız sidebarda bulunan Paypal Bağış butonunu kullanarak bağışta bulunabilir. Veya blogunuzda bağlantı kutularınıza (30x30 px) aşağıdaki kodları ekleyebilirsiniz...

ColorBox Blogger Eklentisi - LightBox Klonu - Bölüm 1

Gönderen TeknoMobi | Salı, Nisan 07, 2009 | Comments

MultiBox uygulamasının Bloggger'e uyarlanması bayağı bir zamanımı almıştı. Uygulamayı bitirdikten sonra biraz mola verdim sayılır. Ama şimdi sizlere yeni ve çok beğeneceğiniz başka bir uygulamanın Blogger'e uyarlanmış halini vereceğim.

Öncelikle ColorBox uygulaması daha önce anlatımını yaptığım LightBox uygulamasının bir benzeri fakat hem görünüş hem de boyut açısından daha optimize bir uygulamadır.

ColorBox uygulamasının Blogger'de nasıl çalıştığını merak ediyorsanız aşağıda verdiğim demo adreslerinde ki resimlere tıklayabilirsiniz.

Demo 1 , Demo 2 , Demo 3 , Demo 4

Yukarıda verdiğim demo sayfaları benim blogger için hazırladığım demo sayfalarıdır. ColorBox uygulamasının kendi demo sayfalarına buradaki sayfada bulunan view demosration bölümünden ulaşabilirsiniz.

Demoları incelediyseniz sırayla anlatımı yapmaya başlayayım.. Hangi demoyu beğendiyseniz aşağıda o demonun anlatımındaki kodları belirttiği şekilde blogunuza uygulayın. İlk anlatımı biraz detaylı olarak yapacağım diğer üç anlatımı biraz daha sade yapacağım.

Demo 1 Uygulanış Biçimi Anlatımı

İlk olarak Temamızda Yerleşim - HTML'yi Düzenle diyoruz. Tam şablonu yükle diyerek temamızın bir yedeğiniz alıyoruz. Ardından Widget Şablonlarını Genişlet diyoruz.

Şimdi temamızda </head> kodunu aratıyoruz ve bu kodun hemen üstüne aşağıdaki kodu yerleştiriyoruz.

<!--[if IE]>

<![endif]-->

$(document).ready(function(){

$.fn.colorbox.settings.transition = 'elastic';

$.fn.colorbox.settings.bgOpacity = '0.9';

$.fn.colorbox.settings.contentCurrent = 'Resim {current} - {total}';

$('.resim').colorbox();

$('#ajax').colorbox({contentWidth:'300px', contentHeight:'195px'});

$('#flash').colorbox({contentAjax:'../content/flash.html'});

$('#websayfa').colorbox({contentWidth:'750px', contentHeight:'450px', contentIframe:true});

$('#inline').colorbox({contentWidth:'500px', contentInline:'#inline-content'});

});

</script>

Üstteki kodu yerleştirdikten sonra şablonumuzu kaydediyoruz. Tema ile ilgili işlem bu kadar artık yazılarımız üzerinde düzenleme yapacağız.

Yazımızı yazdıktan sonra oluştur bölümünün solunda bulunan HTML'yi Düzenle kısmına girerek yazımızdaki resimlerin kodlarını görüyoruz. Eğer yazınıza resim eklediyseniz resmin kodu aşağıdaki gibi olacaktır.

Eklediğimiz resimin ColorBox penceresi ile açılması için yukarıdaki koda class="resim" etiketini ekliyoruz. Sonuçta resim kodumuz şu şekilde olacak.

Eğer birden fazla resim eklediyseniz ve bunların tek pencerede peş peşe tıklama ile gösterilmesini istiyorsanız(Demo 1 sayfasında alttaki üç resim). Yukarıda eklediğimiz etikete ek olarak birde rel="ailem" şeklinde bir etiket daha ekliyoruz. Grup olarak göstereceğimiz reismlerin kodlarıda şöyle oluyor...

Blogumuzda verdiğimiz herhangi bir bağlantının ColorBox penceresinde açılmasını istiyorsak aşağıdaki kodu kullanıyoruz.

<a id="websayfa" href="http://www.google.com.tr/">Web Sayfası - Iframed Content</a>

Bu bölümde ilk demonun anlatımına yer verdim. Bir sonraki yazımda diğer demoların uygulanış biçimlerine yer vereceğim.

Bedava Hosting 1GB Alan 5 GB Trafik

Gönderen TeknoMobi | Pazartesi, Nisan 06, 2009 | Comments

Blogger için hazırladığım Temanın tasarımında bana grafik desteği sunan arkadaşım Orçun Kılıç İlyasBat ile beraber bedava hosting kampanyası başlattı. Ehh bize de bu kampanyayı duyurmak kaldı.

Bedava Hosting kampanyasını neden yaptığını ve nasıl sahip olacağınızı Orçun şöyle açıklıyor.

Neden?

Amma soru sordun. Üzümünü ye bağını sorma demişler Ama merak ettin sanırım anlatıyım. Ben hosting işinden çok çektim ve bir dönem çok fazla sponsor aradım ama hiçbirisi sesime kulak vermedi :(. Ne kadar üzücü değilmi?

Şimdi kendi çabalarımla birşeyler yaptım. Ve eminimki benim gibi olan kişiler var. Amacım bu kişilere yardımcı olmak.

Çekiliş Kura Falan Varmı?

Rahat ol çekilişsiz kurasız herkese hosting birazdan detaylıca bahsedeceğim. Sabırlı ol

Kaç Kişiyle Sınırlı?

Kafamda henüz bir sınır belirlemedim. Benim için önemli olan, özgün fikirleri olan ve imkansızlıklarından dolayı site açamayan kişilere ulaşmak.

Fakat, tabikide her başvuru yapana bu hizmeti sağlamak istemiyorum. ( Adult, warez, mp3 vb. ) içerikli site kuracak olanlar boşuna müracaat etmesinler.

Eğer elinizde bir alanadı (domain) var ve bunu değerlendirmek istiyorsunuz öyleyse bu kampanyayı kaçırmayın... Bedava hostingden yararlanmak için aşağıda vereceğim adresteki iletişim formunu doldurmalısınız

Bilgi ve Başvuru için : Orçun Kılıç Bedava Hosting Kampanyası

Blog Editörleri incelemesi ScribeFire - Live Writer - Zoundry Raven - KBlogger

Gönderen TeknoMobi | Cumartesi, Nisan 04, 2009 | Comments

Bir süredir yazmayı planladığım daha doğrusu taslak olarak birazını kaleme aldığım bu yazıyı nihayet yayınladım. Bu yazımda blogunuza yazı göndermeniz de sizlere kolaylık sağlayacak bir kaç blog editörünü tanıtacağım.

ScribeFire Blog Editor, benim en beğendiğim ve şahsen de kullandığım en kullanışlı editör budur. ScribeFire Blog Editör ile blogunuza web arayüzüne gerek duymadan blogunuza yazı gönderebilirsiniz. Hatta yazınızı yazdıktan sonra taslak olarak kaydedebilir veya ileri bir tarih ve saat belirleyerek yazınızın otomatik yayınlanmasını sağlayabilirsiniz... ScribeFire Blog Editörünü kullanmak için internet bağlantısı olmasına gerek yok. Çevrimdışı olarak da yazınızı yazabilir daha sonra internet bağlantısı sağlandığında yayınlayabilirsiniz.

Resmi büyütmek için üzerine tıklayın!..

ScribeFire Blog Editörünün Desteklediği Blog Servisleri

WordPress.com (http://www.wordpress.com)
LiveJournal (http://www.livejournal.com)
Xanga (http://www.xanga.com/)
Windows Live Spaces (http://spaces.msn.com)
Performancing (http://www.performancing.com)
Jeeran (http://www.jeeran.com)
Tumblr (http://www.tumblr.com/)
MySpace (http://www.myspace.com/)
b2Evolution (http://b2evolution.net)
Splinder (http://www.splinder.com/)

ScribeFire Blog Editor eklentisini buradan Firefox web tarayıcınıza yükleyebilirsiniz. Eklentiyi yükledikten sonra tarayıcınızı yeniden başlatın. ScribeFire Blog Editör ikonu tarayıcınızın durum çubuğunda görünecektir. İster bu ikona tıklayarak isterseniz de F8 tuşuna basarak ScribeFire Blog Editörünün arayüzünü açabilirsiniz. Arayüzü ilk açtığınızda sizden blog tanımlamanızı isteyecek. sizden istediği bilgileri girerek blogunuzu tanıtabilir ve ScribeFire ile blogunuza daha kolay yazı gönderebilirsiniz!..

ScribeFire Blog Editörünün kurulum ve kullanımı ile ilgili video ders hazırlayacağım. Video hazırlandığında bu yazıya ekleyeceğim.

Bilgi için : ScribeFire Resmi Sitesi , ScribeFire Firefox Eklenti Sayfası

Windows Live Writer, bu editör çoğu kişinin bildiği Windows Live Messenger ile otomatik kurulum yaptığı Microsoft uygulamasıdır. Windows Live, Wordpress, Blogger, Live Journal, TypePad, SharePoint, Community Server ve daha pek çoğunu içeren hemen hemen bütün blog hizmetlerinde yayımlama yapmanıza olanak verir.

Ben her nedense Live Writer'a pek alışamadım. Belkide ilk çıktığı zamanlar test için kullandığımda yaşadığım bir kaç olumsuzluk yüzünden hala etkisinde kalmış olabilirim. Windows Live Writer'ın mantığı blogunuz ile ilgili bütün dosyaları kendi özel bir klasör oluşturup depoluyor. Yani blogunuzun bir kopyasını çıkartıyor ve bu sayede blogunuzu rahatlıkla tanıyabiliyor.

Windows Live Writer gerçekten çok gelişmiş zamanla... Live Writer kullanmaya başladığınızda çeşitli eklentiler ile editörünüzü güçlendirebiliyorsunuz. Flickr eklentisi ile resimlerinizi direkt olarak flick hesabınıza gönderebilir ve yazınıza hemen ekleyebilirsiniz. Aynı şekilde Digg ve Twitter ekletileride mevcut...

Resmi büyütmek için üzerine tıklayın!..

Eğer direk masaüstünüzden blogunuza yazı göndermek istiyorsanız Windows Live Writer'ı deneyebilirsiniz. Windows Live Writer gelişmiş WYSIWYG Editör'ü ile yazılarınızı şekillendirmenizi kolaylaştırıyor.

Bilgi için : Windows Live Writer

Zoundry Raven, açık kaynak olan bu blog editörünü Oğulcan'ın junkchorn adlı blogunda gördüm ilk olarak ben çok fazla değinmeyeceğim. Sağolsun Oğulcan Zoundry Raven blog editörü ile ilgili güzel bir yazı hazırlamış. Zoundry Raven editörünü nasıl kullanıcağınızı Oğulcan'ın blogundan okuyabilirsiniz.

Resmi büyütmek için üzerine tıklayın!..

Zoundry Raven blog editörü Live Writer ile benzer mantıkta çalışıyor. 10 mb büyüklüğündeki kurulum dosyasını isterseniz usb flash diskinize de kurabilirsiniz. Program portable kullanımıda destekliyor. Böylece blogunuzu cebinizde taşıyabilirsiniz.

Bilgi için : Zoundry Raven , Junkchorn (Detaylı Anlatım Türkçe)

KBlogger, Linux dağıtımları kullanıyorsanız yine masaüstünden KBlogger editörü ile yazılarınızı yayınlayabilirsiniz. KBlogger'i KDE arayüzü kullanan bütün Linux dağıtımlarına paket depolarından yükleyebilirsiniz. Kullandığınız Linux dağıtımının paket deposunda KBlogger diye arattığınızda büyük ihtimalle karşınıza çıkacaktır.

Pardus kullanıcısıysanız Pisi paket yönetim sisteminde KBlogger diye aratarak KBlogger editörünü sisteminize bir tık ile kurabilirsiniz. KBlogger kuruduktan sonra masaüstünüzden bloglarınıza yazı gönderebilirsiniz.

Resmi büyütmek için üzerine tıklayın!..

Pardus için KBlogger'in kullanımına Özgürlükiçin.com'da bulunan KBlogger ile Blog Yazın sayfasından yararlanabilirsiniz.

Bilgi için : KBlogger Ana Sayfa , KBlogger Pardus Wiki , KBlogger KDE Apps

Twitter Firefox Eklentileri

Gönderen TeknoMobi | Salı, Mart 31, 2009 | Comments

Twitter'ı neredeyse duymayan daha doğrusu kullanmayan kalmadı sayılır. Twitter hesabınızı daha iyi kullanabilmeniz için işinize yarayacak bir kaç Firefox eklentisi paylaşacağım.

Twitterfox, bu eklentiyi kurduğunuzda Firefox durum çubuğuna ufak bir twitter ikonu ekleniyor. Bu ikona tıkladığınızda karşınıza son beş twitter yazısı geliyor. Alttaki yazım alanına istediğiniz yazıyı yazarak Enter demeniz yeterlidir. Twitter hesabınıza gelen mesajları baloncuk olarak size bildiriyor ve bir kaç saniye kaldıktan sonra kayboluyor. Twiter hesabınızdan takip ettiğiniz kişilerin yazılarına cevap yazmak için yazının üzerine gelinde sağ köşede ufak bir ok görünüyor bu oka tıklayarak twitter mesajına cevap yazabilirsiniz. Benim en beğendiğim eklenti bu diyebilirim.

Twitbin , bu eklenti ise Firefox'un sol tarafında sidebar olarak açılıyor. Tarayıcıda çok yer kapladığından pek sevemedim. Ama yine de kullanışlı bir Twitter elentisi diyebilirim.

Twitterbar, bu eklentide yine çok kullanışlı ve Firefox tarayıcısında yer işgal etmiyor. Tarayıcınızda adres satırına direk yazıyorsunuz ve adres satırının sağındaki tuşlardan link ekleyebilir ve yazıyı gönderebililirsiniz.

Twittersearch, adından da anlaşılacağı gibi bu eklenti twitter mesajları arasında arama yapmanızı kolaylaştırıyor. Tarayıcınızdaki arama motorlarının arasına ekliyor kendini böylece twitter mesajları arasında arama yapmak istediğinizde direk tarayıcınızın arama motorlarında twittersearch'ı seçerek aramanızı rahatlıkla yapabiliyorsunuz..