bildirgec.org - SBTECH - beğendikleri

Websitenizi Hızlandıracak ve Kodunuzu İyileştirecek 15 İpucu

SBTECH — Wed, 08 Apr 2009 07:06:00 GMT

Bir süre kodlama yaptıktan sonra artık kendinizi tekrar etmeye başlar, aslında ne kadar zeki olduğunuzu unutursunuz. Kaç yüz tane klavye kısayolunu hafızamızda tutuyoruz? Kaç tane kodlama dili öğrendik? Kaç tane çatı? Kaç tane hile? Web geliştirme/tasarım dünyasının zor bir endüstri olduğunu söylemek, işin kolayına kaçmak olur. Ayrıca bugün bildiğimiz şeylerin pek çoğu, birkaç yıl sonra artık kullanılmayan teknolojiler listesindeki yerini alacaktır.

Bugünkü yazımızda özellikle giriş seviyesindeki geliştiricilerin geliştirmek için harcadığı süreyi kısaltacak ve daha verimli şekilde kodlama yapabilmelerini sağlayacak bir dizi ipucunu bulacaksınız. İpuçlarının arasında zaman kazandıran ipuçlarının yanısıra bazı özel programlama dillerine özgü ipuçları sayesinde web uygulamalarınızın verimliliğini de arttırabileceksiniz.

Görsellerinizi Daha Fazla Sıkıştrın

Photoshop üzerinde "Save for Web" (Web İçin Kaydet) aracını kulandığınız zaman, görsellerinizi sıkıştırarak dosya boyutunu indirgeyebilirsiniz. Ancak ilgili dosyaların kalitesinden ödün vermeden daha da fazla sıkıştırabileceğinizi biliyor muydunuz? Smush.It adındaki bu site sizler için bu işlemi hallediyor.

Peki Bu Nasıl Mümkün Olabiliyor?

Smush.It ekibi bunun için bir dizi araç kullanıyor:

Görselin biçimini algılamak ve onu GIF ya da PNG'ye dönüştürmek için ImageMagick,
PNGlerin gerekli olmayan bölümlerni kaldırmak için pngcrush. Site ayrıca daha da iyi png optimizasyonu için pngout, optipng, pngrewrite gibi diğer araçları da inceliyor,
JPEGlerdeki tüm meta verilerini kaldırmak ve progresif JPEGler oluşturmak için jpegtran (şimdilik etkin değil),
GIF animasyonlarını, farklı çerçevelerdeki tekrar eden pikselleri kaldırmak için gifsicle.

Bu yüzden yeni bir sitenin duyurusunu yapmadan önce, sitenizin URL'sini Smush.It'e girerek tüm görsellerinizin otomatik olarak optimize edilmesini sağlayablirsiniz. Eğer site, görsellerinizi optimize ederek kalitesinden ödün vermeden dosya boyutunu önemli ölçüde düşürebilirse (ki büyük ihtimalle sonuç bu olacaktır), o zaman sitenizde kullandığınız görselleri Smush.It'in verdikleri ile değiştirebili ve gerekirse HTML ve CSS dosyalarınızı da güncelleyebilirsiniz. Hazır görsel dosya biçimlerinden bahsediyorken, dosyalarınızı PNG biçiminde kaydetmek her zaman en doğrusu olacaktır. Artık demode olan animasyonlu GIF görselleri kullanmadığınız sürece PNG biçimini kullanmayı alışkanlık haline getirin.

Akıllı Olun. Kod Parçacıkları Kullanın.

Pek çok IDE, "code snippet" (kod parçacığı) panelini destekler ve bu paneller aracılığı ile özellikle sık sık kullandığınız kod parçacıklarını kategoriler altında depolayabilirsiniz. Sırf müşterinize tasarımın nasıl olacağını göstermek için her seferinde lipsum.com web sitesini ziyaret ederken mi buluyorsunuz? Bunun yerine neden birkaç paragraflık lorem ipsum metnini kod parçacığı olarak kaydetmeyesiniz ki? Örneğin Dreamweaver uygulamasında "Shift F9" klavye tuş kombinasyonunu kullanarak kod parçacığı sekmesini açabilirsiniz. Ardından sizin için uygulan olan kod parçacığını yine sizin için uygun olan yere sürükleyip bırakabilirsiniz. Bu özellik kod yazarken bana çok fazla zaman kazandırıyor.

Console.log() Hata Ayıklamasını Kullanın

jQuery kütüphanesini indirdiniz ve sözdizimini anlamak için çabalıyorsunuz. Bu sırada bir yerde takıldığınız ve $bilmemne değişkenin neye eşit olduğunu bilmiyorsunuz. Sorun değil, tek yapmanız gereken console.log($degiskenadi); kodunu eklemeniz.

Ardından Firefox'u çalıştırın (Firebug eklentisinin kurulu olduğundan emin olun) ve F12'ye basın. Doğru değişken değeri ile karşılaşacaksınız.

Şimdi ise bunu sonsuzlukla çarpın ve zamanın derinliklerine götürün. Bunun sonucunda bile Firebug ve console.log()'un ne kadar kullanışlı olduğunu fark edemeyeceksiniz :)

Web Geliştirici Araç Çubuğunu İndirin

Chris Pederick tarafından geliştirilen bu inanılmaz derecede yardımcı Firefox eklentisi size sayısız seçenek kuluyor. Bu eklenti sayesinde sitenizdeki CSS dosyalarını eşzamanlı olarak düzenleyebilmeniz mümkün. Eklentinin desteklediği diğer özellikler ise:

JavaScript'i kolayca etkisizleştirmek,
CSS'yi kolayca etkisizleştirmek,
Hızlı HTML / CSS doğrulama bağlantıları,
Cetveller,
Çerezleri etkisizleştirme,
Ve daha sayısız kullanışlı özellik.

Web Developer Toolbar eklentisi, her web geliştiricisinin Firebug ile birlikte kullanması gereken bir eklenti.

Betik Etiketlerini Alta Yerleştirmeyi Deneyin

Günümüzde kullandığımız pek çok tarayıcı, aynı sunucu adı üzerinden eş zamanlı olarak en fazla iki adet dosyayı indirebilir. Ancak bir betik indirirken diğer dosyaların indirilebilmesi için önce betiğin tamamen indirilmiş olması gerekir.

Bu yüzden mümkün olduğu kadar betiklerinizi çağıran bu kodları belgenizin sonuna eklerseniz, görseller ve css gibi diğer bileşenlerin önce indirilip sitenizin görüntülenebilmesini, ardından da son olarak bu betiklerin indirilebilmesini sağlayabilirsiniz.

Unutmayın, bu yöntem kullandığınız betiğin işlevine göre kullanılabilir ya da kullanılamayabilir. Bu sebeple betik kodlarınızı belgenizin alt kısmına taşıdıktan sonra sitenizi test etmeyi unutmayın.

Yayım Yaparken, CSS ve JavaScript Dosyalarınızı Sıkıştırın

Eğer performans, web siteniz için önemli ise, o zaman sitenizi yayımlamadan hemen önce CSS ve JavaScript kodlarınızı sıkıştırmanızı öneririm. Bunu geliştirme işinizin en başından itibaren yapmaya kalkışmayın zira bunun size yarardan çok zararı dokunur. Ancak kodlamayı bitirdikten sonra kodunuzu sıkıştırabilirsiniz.

JavaScript Sıkıştırma Servisleri

CSS Sıkıştırma Servisleri

JavaScript kodlarını paketlemek için kullanabileceğiniz diğer iki servis ise YUI Compressor ve JSMin.

Bnun yanısıra HTML kodlarınızı da sıkıştırmayı deneyebilirsiniz, ancak bunu önermem. HTML dosyalarınızı sıkıştırarak kazanacağınız dosya boyutu gerçekten çok az.

jQuery Kolay ve Hızlı İpuçları

Kısa bir süre önce tvdesign.co.uk'den Jon Hobbs-Smith, 25 jQuery ipucunu listelediği mükemmel bir makale yazmıştı. Bu sayfayı yer imlerinize eklemeyi ihmal etmeyin. İşte bu yazıdan benim en beğendiğim birkaç ipucu.

jQuery'de Bir Elementin Olup Olmadığını Kontrol Etmek

if ($('#myDiv).length) {
// bu kod sadece #myDiv ID'sinin bulunduğu zaman çalışacaktır.
}

Kontekst Kullanın

Pek çok insan, DOM elementlerine erişirken, jQuery'nin ikinci bir parametreyi kabul ettiğinin farkında değildir. Aşağıdaki koda bir bakın.

var myElement = $('#someElement');

Bu kod, jQuery'nin tüm DOM'u geçmesini gerektirir. Bunun yerine ikinci bir parametre ekleyerek hızı oldukça arttırabiliriz.

var myElement = $('#someElement', $('.someContainer'));

Yukarıdaki kodda jQuery'e, .someContainer elementi içerisinde arama yapmasını ve onun dışındakileri dikkate almamasını söylüyoruz.

Sınıflar Yerine IDler Kullanın

jQuery ile IDlere erişirken, kütüphane bilinen getElementById yöntemini kullanır. Ancak sınıflara erişirken jQuery, DOM'u geçebilmek için kendine özgü yöntemleri kullanmayı dener, zira getElementByClass diye bir yöntem yoktur. Sonuç olarak, ID yerine sınıf kullanmanız durumunda işlem biraz daha uzayacaktır.

25 İpucunun Tamamını İnceleyin

$_POST Yerine Mümkünse $_GET Kullanın

Eğer AJAX istekleri yaparken $_GET ve $_POST arasında bir seçim yapma şansınız varsa, $_GET kullanın.

Yahoo! Mail ekibi, XMLHttpRequest kullanırken, POST'un tarayıcılar üzerinde iki işleme neden olduğunu görmüştür. POST, ilk olarak başlıkları, ardından da verinin kendisini göndermektedir. Bunun yerine GET kullanmanız durumunda, eğer çok fazla çereziniz yoksa, sadece bir TCP paketi gönderilmektedir.

Unutmayın - $_GET verisini her zaman kullanamazsınız. ilk olarak ne yaptığınızdan emin olun ve querystring ile veritabanı erişimini hiçbir zaman karıştırmamanız gerektiğini unutmayın. Kısa bir süre önce Twitter arkadaşlarımdan bir tanesi, bana URL'sinde bir MySQL sözdizimi olan bir web sitesi gönderdi. Bunu asla yapmayın!

Pratik Olduğunda Kütüphaneleri ve Çatıları Kullanın

İster PHP kullanın ister ASP.NET, mooTools ya da jQuery, ya da tüm bunların bir birleşimi, uygun olduğu zamanlarda çatıları kullanmayı deneyin.

Örneğin:

Eğer basit bir statik web sitesi kullanıyorsam sadece fare imlecini bir elementin üzerine getirdiğimde bir efektin belirmesini istiyorsam, bunun için jQuery kütüphanesini kullanmam doğru olmaz.
Eğer statik web sitemin en karmaşık özelliği bir XML dosyası üzerinden veri almak ise bunun için bir çatı kullanmama gerek yok. Bu gibi durumlarda sitem hem daha yavaş çalışacak, hem de daha fazla bant genişliği kullanacağı için bana daha pahalıya malolacak.

Ancak eğer tam bir içerik yönetim sistemi ve karmaşık veri erişim yöntemlerini gerektiren bir web sitesi geliştiriyorsam, o zaman beğendiğim çatılara bir göz atmayı ihmal etmem.

Unutmayın - çatıların sizin için çalışmasını sağlayın, tam tersini değil. Bu kararları verirken zeki olun.

YSlow

YSlow, web sitenizi inceleyip onun mümkün olan en verimli şekilde çalışıp çalışmadığını kontrol eden ve size öneriler sunabilen mükemmel bir servis. Yahoo! geliştirme ekibi, kısa bir süre önce, web uygulamaları geliştirirken takip etmeniz gereken öğelerin yer aldığı bir kılavuz yayımlamıştı.

Ayrıca dilerseniz Yslow Screencastı'na bir göz atarak bu zaman kazandırıcı ipuçlarının neler olduğunu görebilirsiniz. Vaktiniz olduğunda kesinlikle izlemenizi öneririm.

Klavye Kısayolları. Öğrenin!

Pek çok deneyimli tasarımcılar ve geliştiriciler burada bana katılacaktır, eğer sitemde ya da tasarımımda ne zaman bir değişiklik yapmak istesem elimi fareye uzatıp araç çubuğuna gitmiş olsaydım, çok zaman kaybetmiş olurdum. Klavye kısayollarını o kadar uzun zamandan beri kullanıyorum ki artık bu kısayolların işlevlerin hangi araç çubuğu ya da hangi menü altında olduğunu unuttum diyebilirim. Tek bildiğim, "Shift X"in doğru paneli açtığıdır.

İşe yeni başladığınızda bu kısayolları öğrenmek size zaman kaybı gibi görünebilir. Ancak sizi temin ederim ki yanılıyorsunuz. Size Google üzerinde "X keyboard shortcuts" (X klavye araması) (burada X kullandığınız yazılımın adını temsil ediyor, örneğin Photoshop için "Photoshop Keyboard Shortcuts") araması yapmanız. Ardınan bulduğuğnuz tablonun yazıcıdan çıktısını alın ve bilgisayarınızın yanına koyun. Ondan sonraki birkaç haftalık süre içerisinde fareye mümkün olduğu kadar az dokunarak bu kısayollar üzerinde pratik yapmayı deneyin. Klaye kısayollarını bilmek, uzman kullanıcılar ile giriş seviyesindeki kullanıcıları birbirinden ayıran belki de en önemli etkenlerden biridir.

Yeni Web Sitesi Şablonu Oluşturun

İtiraf edin, her web sitesi gelişmiş ve karmaşık uygulamalar gerektirmez. Bazen, hatta belki de kimileri için çoğu zaman, sadece bugüne kadar yaptığımız işlerin yer aldığı bir web sitesini göstermek isteyebiliriz. O zaman bu gibi durumlarda kullanabilmek için her yeni bir web sitesi oluşturacağımızda kullanacağımız bir web sitesi "şablonu" oluşturmayalım?

"Template" klasörümün içerisine "JS" ve "CSS" klasörlerini yerleştirdim.

"JS" klasörüm, DD_belatedPNG.js dosyasını içeriyor (bu dosya, IE6'de PNGlere 24 bit saydamlık desteği getiriyor).
"CSS" klasörümde ise içi boş "default.css" dosyamın yanısıra benim hazırladığım sıfırlama dosyası yer alıyor.

Bunun yanısıra index.html(php) dosyamın içerisinde de projelerimin pek çoğunda kullanacağım birkaç kod parçası yer alıyor. Bu kod öyle aman aman özel bir kod değil ancak bunu önceden hazırlamak size zaman kazandıracaktır.

Kullandığım index.html dosyasının bir örneği

Yukarıdaki kodda da göreceğinz üzere önce CSS ve JavaScript dosyalarıma bağlantı verdim ve ardından Google jQuery dosyasına da bağlantıyı ekledim. son olarak document.ready() jQuery fonksiyonunu oluşturdum ve standart "container" divimi açtım.

Bu kod her ne kadar basit görünse de inanın size zaman kazandıracaktır. Bu sayede ne zaman yeni bir web sitesi oluşturmanız gerekirse, o zaman tek yapmanız gereken "template" klasörünün içerisindeki bu dosyaları kopyalamaktır.

Satıriçi ve Harici Karşı Karşıya

Genelde tüm CSS ve JavaScript dosyalarınız sayfadan çıkarılmalı ve kendi harici dosyalarında korunmalıdırlar.

Bunu neden yapmalıyız?

Daha temiz kod,
Sunumun ve içeriğin birbirinden ayrılması önemlidir,
Harici dosyalar kullanarak onları istemcinin sisteminde depolamış oluyoruz. Bu, HTML dosya boyutunu düşürmenin yanısıra harica HTTP isteğine de yol açmıyor, zira ziyaretçi ya da istemci ilgili dosyayı ilk kez istediğinde depoluyor ve sonraki seferlerde aynı dosyayı indirmiyor.

Eğer sadece birkaç satırlık stiliniz var ise o zaman onun için harici dosya oluşturmayabilirsiniz. Bu gibi durumlarda, ama sadece bu gibi durumlarda, ilgili kodu HTML içerisine gömebilirsiniz.

PHP Betiğinin JavaScript İle Çağırılıp Çağırılmadığını Kontrol Edin

AJAX aldı başını gidiyor, özellikle en sonunda, JavaScript kütüphaneleri sağolsun, kullanıcı dostu hale geliyor. Bazı durumlarda betiğin JavaScript ile mi çağırılıp çağırılmadığını belirlemeniz gerekebilir. Bu görevi yerine getirmek için kullanabileceğiniz birkaç yöntem bulunmaktador.

Bunlardan birisi POST'u gönderirken JavaScript'iniz ile özgün bir anahtar değerini JavaScript'inize iliştirmektir. Ardından PHP kullanarak bu anahtarın varolup olmadığını kontrol edebilirsiniz. Eğer var ise, o zaman JavaScript etkin olduğunu anlarız.

Daha iyi bir yöntem olarak PHP'nin HTTP_X_REQUESTED_WITH özelliğini kullanmaktır. Şöyle ki...

if isset($_SERVER['HTTP_X_REQUESTED_WITH']) {
// kodunuzu buraya yazın ve JavaScript'in etkin olduğundan emin olun
} else {
// JavaScript'in etkin olmadığı kullanıcılar için birleyler yapın.
}

Google CDN'ye Bağlantı Verin

Kısa bir süre önce Google jQuery gibi popüler betikleri kendi sunucularında depolamaya başladı. Eğer bu tip kütüphanelerden birisini kullanıyorsanız, o zaman ilgili betiği kendi sunucunuzda depolamaktansa bu betikleri Google CDN üzerinden çağırmanız şiddetle önerilir.

AJAX Kütüphaneleri API'si

Peki Ama Neden?

Caching (Depolama): Bu tip betikleri Google CDN üzerinden çağıran web sitelerinin sayısı gün geçtikçe artmaktadır. Bu sebeple eğer siz de ilgili dosyayı Google sunucusu üzerinden çağırırsanız, ziyaretçiniz muhtemelen o dosyayı sizin siteniz üzerinden indirmeyecektir, zira bir başka site üzerinden aynı dosyayı daha önce indirmiş olabilir. İlgili dosyayı daha önce indirmiş bir ziyaretçi sizin sitenizi ziyaret ettiğinde istemci, Google sunucularından 304 (değiştirilmemiş) mesajı alacak, bu sebeple de o dosyayı doğrudan istemcinin yerel bilgisayarı üzerinden kullanacaktır. Bunun sonucunda da sizin web uygulamanız kullanıcıya daha çabuk açılacaktır.
Eş Zamanlılığı Arttırın: Daha önceki bir ipucunda bundan bahsettim. Bu fazladan dosya isteğini kaldırarak istemcinin daha fazla içeriği eş zamanlı olarak indirebilmesini sağlamış olursunuz.

Firefox Eklentilerini Kullanın

Ben Google Chrome'nin büyük bir fanatiğiyim. Çok hızlı açılıyor ve JavaScript'i diğer tüm tarayıcılardan daha hızlı çalıştırıyor (Firefox'un henüz yayımlanmamış 3.1/3.5 sürümü sanırım Chrome'nin hızını yakalayacak).

Buna rağmen bu, Firefox'u kısa bir süre içerisinde bırakacağım anlamına gelmiyor. Bu tarayıcın için sunulan bazı kullanışlı eklentiler gerçekten büyüleyici. İşte benim beğendiklerim:

Yardımcı Olduğunda IDE Kullanın

Tıpkı günümüzde Microsoft'tan nefret etmek ne kadar moda ise, geliştirme yaparken IDE kullananlara saldırmak ta o kadar moda. Bu gerçekten çok saçma.

Pek çok durumda, gelişmiş bir IDE kullanımı çok önemlidir, özellikle nesne yönelimli programlama (OOP) dilleri üzerinde çalışırken. Şimdi, eğer sadece sade bir HTML şablonu oluşturuyorsanız, o zaman Notepad++ ya da Coda/ sizin için mükemmel bir araç olacaktır. Aslında, bu araçların kullanımını bu gibi durumlarda öneririm. İhtiyacınız olmadığında bu tip programları kullanarak işinizi daha da zorlaştırmayın. Ancak, gelişmiş uygulamalar geliştirirken, IDE'nin avantajlarından da faydalanın.

Hepsi Bu Kadar!

Sanırım şimdilik bu kadar yeterli. Umarım bunlardan bazıları (belki de hepsi) sizi daha iyi birer tasarımcı ya da geliştirici kılmaya yardımcı olacaktır. Sizin beğendiğiniz kısayollar hangileri? Yorumlarınızla paylaşın.

İpuçları Hakkında Yazdığım Diğer Yazılar

Bu yazı SBTECH tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Birbirinden güzel açılır (dropdown) menü örnekleri

SBTECH — Mon, 30 Mar 2009 09:03:00 GMT

Sitenizde bir menüye ait alt kategorileri açılır menü(dropdown menu) şeklinde yapılandırmak estetik ve kullanılabilirlik açısından ziyaretçilerinize çok yardımcı oluyor. Bu yazımda size birbirinden güzel açılır menü örnekleriyle daha ilgi çekici menüler oluşturabilmeniz için ilham sağlayacak örnekler göstereceğim.

helmy bern

redbrickhealth

samsung

asus

The White House

Food Network

Birbirinden güzel dropdown menü örnekleri için smashing magazine'deki şu yazıya bakabilirsiniz.

Daha önce yazmış olduğum yazılar.

Bu yazı SBTECH tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

kullanmaktan zevk alacağınız 17 web uygulaması daha

SBTECH — Mon, 30 Mar 2009 06:44:00 GMT

Geçtiğimiz günlerde yayımladığım kullanmaktan zevk alacağınız 17 web uygulaması'nın ardından bugünkü yazımızda yine farklı kategorilerde günlük hayatınızı kolaylaştıracak 17 adet web uygulamasını daha yayımlıyorum. Tıpkı diğer uygulamalarda olduğu gibi ister tasarımcı olun ister geliştirici, ister ofis çalışanı olun ya da yönetici; bu uygulamalar sayesinde günlük yaşamınızda sık yaptığınız görevleri daha verimli bir şekilde yerine getirebilecek ve kazandığınız zamanı diğer projelerinizde kullanabileceksiniz. Uygulamaları inceleyin ve onlarla ilgili düşüncelerinizi yorumlarınızla paylaşın.

1. DimDim

DimDim

DimDim ücretsiz bir web konferans servisi olup masaüstünüzü paylaşmak, slaytlar göstermek, diğer kullanıcılarla birlikte çalışmak, sohbet etmek, ya da web kameranız aracılığı ile diğerlerini görebilmeniz için kullanılabilir. İşin güzel yanı, tüm bunlar için sisteminize herhangi bir yazılım yüklemenizin gerekmiyor oluşu.

2. Soshiku

Soshiku

Soshiku uygulaması sayesinde öğrencilik hayatınızda katıldığınız sınavları ya da etkinlikleri yönetebilirsiniz. Soshiku, sınav tarihlerinizi kaydedebilir ve yaklaştıklarında sizi kısa mesaj ya da elektronik posta yolu ile bilgilendirebilir.

3. vi.sualize.us

vi.sualize.us

vi.sualize.us görsel içerikler için bir sosyal imleme servisidir. Web üzerinde karşılaştığınız ve beğendiğiniz görselleri kaydedebilir ve arkadaşlarınızla paylaşabilirsiniz.

4. Encalc

Encalc

Encalc çevrimiçi bilimsel hesap makinesidir. Uygulamanın gücü, birimleri ele alışı ve ölçü analizinin yanısıra değişkenleri tanımlamasından gelmektedir. Parantezler ve bilimsel formüller de uygulama tarafından desteklenmektedir.

5. Remounce

Remounce

Remounce bir hatırlatma ve duyuru servisi olup kısa mesaj avantajını kullanarak size ya da arkadaşlarınıza duyuru ve hatırlatma mesajları gönderilmesini sağlar.

6. Budurl

Budurl

BudURL sayesinde dilediğiniz metin bloklarını kısaltarak sosyal ağlar, anında mesajlaşma pencereleri, elektronik postalar, reklam bildirileri ve elektronik gazeteler üzerinde kullanabileceğiniz bir web adresi elde edebilirsiniz. Sistemin işleyişi, URL kısaltma servisleri ile aşağı yukarı aynı.

7. Skydeck

Skydeck

Skydeck sayesinde cep telefonu aramalarınızı ve metin mesajlarınızı bir arada tutabilirsiniz. Sizi dün kim aramış ve en son konuşmanızdan sonra ne kadar zaman geçmiş öğrenin. Arama kaydınızdaki anlamsız numara listenizi ve telefon faturanızı arkadaşlarınız, iş arkadaşlarınız ve müşterilerinizin yer aldığı bir haritaya dönüştürün. Bundan sonra hiçbir aramanızı unutmayacaksınız.

8. Smushit

Smushit

Smushit Photoshop, Fireworks ve benzeri yazılımların kısıtlamalarını kaldırıyor. Bu uygulama çok güçlü sıkıştırma algoritmaları kullanarak görselin kalitesinden ödün vermeden dosya boyutunu yüksek miktarda sıkıştırabilmenizi sağlıyor. Görsellerinizi sıkıştırarak ne kadar miktarda veri kazanabileceğinizi görebilir ve değişen tüm görselleri sıkıştırılmış tek bir zip dosyası olarak indirebilirsiniz.

9. Shrink2One

Shrink2One

Shrink2One, birden fazla bağlantıyı tek bir bağlantıya sıkıştırarak onları Yahoo!, gTalk, Jabber, AIM ve türevleri anında mesajlaşma yazılımları, elektronik posta ve hatta kısa mesaj üzerinden gönderebilirsiniz.

10. EveryCall

EveryCall

Sizi arayan cep telefonu numarasını girin ve sizi kim aramış öğrenin. Dilerseniz diğerlerine yardımcı olmak için arayan telefon numarasına mesaj bile bırakabilirsiniz. EveryCall.us özellikle telefon üzerinden pazarlama yapan firmaların oluşturduğu rahatsızlığın önüne geçmeyi planlıyor.

11. GuerillaMail

GuerillaMail

Web sitesinin sunduğu kullan-at tarzı 15 dakika süreliğine etkin olan elektronik post adresi sayesinde geçici elektronik posta adresinize gönderilen mesajları okuyabilirsiniz.

12. DocX Converter

DocX Converter

Docx-converter özelliklikle Office 2007 Word'de kullanılan DocX biçimine sahip dosyaları HTML biçimindeki dosyalara dönüştürebilen bir uygulama. Her ne kadar bazı biçimlendirmeleri koruyamamasa da, koyu, sağa yatık ve altı çizili metinleri korumayı başarıyor. Ayrıca sola ve sağa dayalı metin, ortalanmış metin, iki yana yaslanmış metin, unicode karakterler ve tablolar da, uygulamanın desteklediği biçimler arasında.

13. popUri.us

popUri.us

popUri.us herhangi bir web sitesinin puanlaması baz alınarak oluşturulan bir bağlantı popülerlik analiz uygulaması. Dilediğiniz web sitesinin Google PageRank, Alexa Rank ve Technorati puanlarının yanısıra del.icio.us, Bloglines gibi sosyal içerikli sitelerde sitenizin konumu hakkında da bilgi alabilirsiniz.

14. PDFescape

PDFescape

PDFescape, PDF dosyalarını herhangi bir yazılım olmadan açabilmenizi ve onları düzenleyebilmenizi sağlar.

15. Tatango

Tatango

Tatango Voice uygulaması hem SMS hem de sesli mesajlaşma özelliklerini tek bir çatı altında birleştirebilen bir uygulama. Grup yöneticisi, grubu temsil eden ve ardından tüm grup üyelerine aynı anda gönderilen ses kaydını gönderebilirler.

16. Tizmos

Tizmos

Tizmos kişiselleştirilmiş bir giriş sayfası olup sevdiğiniz sitelerin ekran görüntülerini tek bir sayfa altında görüntüleyebilmenizi sağlar. Tizmo adı verilen bu görüntülere yenilerini ekleyebilir, onları düzenleyebilir ve silebilirsiniz.

17. Poll Everywhere

Poll Everywhere

Poll Everywhere, donanım tabanlı yanıt sistemlerini standart web teknolojileri ile birleştiriyor. Dilediğiniz konferanslar, sunumlar, sınıflar, radyolar, televizyon, basılı malzeme vb pek çok farklı ortam üzerinden veri toplayabilirsiniz.

Web Araçları İle İlgili Yazdığım Diğer Yazılar

Bu yazı SBTECH tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

internetten para kazanmanın 100+ yolu

SBTECH — Wed, 01 Aug 2007 08:45:00 GMT

İnternetten Para Kazanın

mashable hayatını nette yaşayan insanlar için mükemmel kaynakları toplayarak okurlarını memnun etmeye devam ediyor.

Bu yazı ise hayatını tamamen nette yaşamak isteyenler için internetten para kazanmanın 100'den fazla yolunu gösteriyor.

Kaynaklar arasında netten gelir elde etmek için her türlü güvenilir kaynak bulunuyor.
Bu kaynaklar temelde şu şekilde para kazandırıyor:

Blog ve makale yazarak para kazanma
Blog veya internet sayfasına reklam alarak para kazanma
Satış ortaklığı ile para kazanma
Sosyal alanda reklam paylaşımı ile para kazanma

Ancak internetten para kazanmanın düzensiz ve sistemsiz bir şekilde mümkün olmayacağını, ilk etapta kazançların çok küçük rakamlar olacağı için umudunuzu yitirmemenizi tavsiye ederim ve sizi yeniden bu sayfaya yönlendiririm.

Bu yazı SBTECH tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Matlab nedir? ne işe yarar?

SBTECH — Sun, 20 Apr 2008 07:05:00 GMT

Öncelikle bilmeyenler için matlab'ı tanıtmakta fayda var. Matlab, "matris laboratuvar"nın kısaltılmış halidir, çoğu kişinin sandığı gibi matematik lab'ı değildir. Adından da anlaşılacağı üzere matris formlar üzerinde çalışan bir yazılımdır. Bir programlama dili değildir. C tabanlı bir yazılımdır.

Özellikle mühendisler için çok kullanışlı hatta bilinmesi zaruri olan bir programdır. YAzılan scriptlerle ile problemlerde çok hızlı sonuça ulaştırır. Bir çok mühendislik problemi iterasyon ve sonucunda grafik gösterimi ister. Bu istekleri C, Fortan gibi dillerde yapmaya kalkarsanız yazacağınız scriptin uzunluğu matlabda yazacağınız scriptin uzunluğuna göre katbekat daha büyük olacak ve büyük vakit kaybına yol açacaktır.

Genel bir bilgi verdikten sonra matlab ile ilgili linkler ile devam edeyim.

Bir hocanın deyimiyle Matlab kodaman işidir. biz işimizi Octave ile görebiliriz. octave, Matlab'ın yaptığı çoğu işi yapabilen bir açık kaynak kodlu bir programdır octave daha ayrıntılı bilgi bir sonraki yazımda.

Bu yazı SBTECH tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Bildirgeç'teki Yazılarınızdan İki Kat Para Kazanın!

SBTECH — Wed, 07 Jan 2009 10:25:00 GMT

Bildirgeç'te yazdığınız yazılardan daha çok kazanmak istemez misiniz? Kim istemez ki, benimki de soru :)

Bunun için yapmanız gerekenleri derledim topladım. Buyrun bakalım;

Yazılarınızın linklerini sosyal imleme sitelerine, forumlara, e-postalarınızda imzalarınıza ekleyin. Torpilli'de yazılan şu yazı forum olayını , Bildirgeç'te yazılan şu yazıysa sosyal imleme sitelerinden nasıl kazancınızı artıracağınızı etraflıca açıklıyor.
Başlıklarınız ilgi çekici, daha açıkçası, sansasyonel olsun. Bu konuda yine Torpilli'de yayınlanmış bir yazı var.Yazının başlığıysa aynen şu: "Tek bir yazı yazarak 100 dolar kazanmak için"
Etrafınızdaki insanlara pilli'den bahsedin.Ne kadar çok ziyaretçi, o kadar çok reklam geliri. Bu size dolaylı olarak yansıyacaktır. Pilli kazançlarını bizimle paylaşıyor ne de olsa ;)
Kendi siteniz/blogunuz varsa orada Bildirgeç'te yazdıklarınıza link verin. Oradaki ziyaretçileriniz yazılarınızı beğenirlerse, burada yazan yazılarınızı da okumak isteyeceklerdir.
Yazılarınızda kullanacağınız konularla ilgili içeriklere link veriniz.
Google'da çok arananlar üzerine yazmanız da okunma oranınızı artıracak etmenlerdendir.Google'da en çok arananlar listesine buradan ulaşabilirsiniz.
Yazdıklarınızı ön sayfada yayınlatmaya çalışın.Önsayfadaki yazıların dah çok okunma oranı bir parça daha fazla olur. Ön sayfada yayınlanabilmesi için şuradaki kriterleri okumanızı tavsiye ederim :)
Son olarak eklemek istediğim bir şey daha var : Unutmayın blog yazarak 250.000 $ üzerinde para kazanan blogcular var.(Tam Listesi) Sizler de bunlardan olabilirsiniz. Azimle çalışın ve asla pes etmeyin, yazdıklarınız yayınlanmasa bile.

Bu yazı SBTECH tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

dünyaca ünlü logolar krizden nasıl etkilenir

SBTECH — Mon, 15 Dec 2008 11:04:00 GMT

kriz sonrası nike logo

2008 yılı büyük bunalımdan sonra karşıladığımız muhtemelen en ciddi ekonomik kriz yılı oldu. dünya borsaları bir haftada %20 kadar düştü, onlarca banka ya battı ya da hükümet veya özel kurumlar tarafından kurtarıldı.

kriz sonrası lg logo

ve birçok şirket, azalan talep sonucunda çalışanlarını uzaklaştırmaya başladı.
business pundit adlı site, bu kriz sonrası ünlü şirketlerin nasıl etkilenebileceğini ve bu muhtemel etkilenmenin logolara nasıl yansıyacağını mizahi bir yönden ele almış.
yukarıda iki tanesi bulunan 16 kriz sonrası logonun diğerleri şu şekilde:

kriz sonrası apple logo

kriz sonrası citi group logo

kriz sonrası ford logo

kriz sonrası 3M logo

kriz sonrası goodyear logo

kriz sonrası ferrari logo

kriz sonrası dow jones logo

kriz sonrası chrysler logo

kriz sonrası dell logo

kriz sonrası yahoo logo

kriz sonrası nokia logo

kriz sonrası logo

kriz sonrası xerox logo

kriz sonrası logo

[kaynak]
dilerseniz logolarla ilgili şu - ra - daki ve bura - daki diğer yazılara da bakabilirsiniz.

Bu yazı SBTECH tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Vista Gerçektende O Kadar Kötü mü?

SBTECH — Thu, 14 Aug 2008 09:00:00 GMT

Windows XP’ nin yerini almak için piyasaya sürülen ve kullanıcıların acımasız yorumlarına maruz kalan Vista hakkındaki gerçekleri açıklıyoruz…

Windows Vista piyasaya sürüldüğünde, onun ne kadar etkileyici bir işletim sistemi olduğu hakkındaki ilk görüşler çok kısa süre içerisinde ne kadar kötü performanslı, uyumluluk problemleri olan,sistem çökmelerine neden olan bir işletim sistemi olduğu gibi acımasız görüşlere dönüştü. Ama şuanda bu problemlerin pek çoğu geride kaldı..

Tabii ki de 5-6 yaşındaki işletim sistemi Windows XP üzerinde çalışan tüm sistemlerin hepsinin Vista altında performanslı bir şekilde çalışması beklenilen bir şey değildi. (Tabii ki de her yeni işletim sistemi biraz daha yüksek minimum sistem gereksinimlerine ihtiyaç duyar. Windows 98 den XP’ ye geçtiğimiz zaman olduğu gibi.)Fakat hiçbirimizin aksini iddia edemeyeceği üzere Vista’nın bu kötü ününü destekleyen bazı kötü özellikleri de elbette vardı.

Şu ana kadar ki tüm Vista güncelleştirmelerini ve donanım sürücülerini içeren Vista Service Pack 1 çoktan piyasaya sürüldü. Ve bazı eksiklikler kapatıldı. Bunların en büyüğü bana göre dosya kopyalama süresinin yanlış hesaplanmasının düzeltilmiş olması ve superfetch readyboost gibi özelliklerin daha performanslı çalışmaya başlamış olması oldu.Bunun dışında işletim sisteminin açılma süresinde de büyük bir değişiklik söz konusu.Ancak tabiî ki de hiçbir zaman XP kadar hızlı açılacağını beklememek lazım.

Ancak şunu da belirtmeliyim ki, 5 yıldır XP kullanan ben bilgisayarımı en fazla 2 ay format atmadan kullanabilirdim. Windows Vista kullanmaya başladıktan sonra ilk formatımı 5,5 ay sonra attım.Bu 5,5 ay sonra gelen yeniden işletim sistemi yükleme isteğimin sebebi ise Vista’nın kullanılamaz yada şişmiş bir işletim sistemi haline gelmesi değildi.Vista Service Pack 1’i temiz kurulum yapılmış bir işletim sistemi üzerine kurmak istememdi. Hala Vista kötü bir işletim sistemi mi?

Kısa cevabım: Hayır. Özelliklede yeni bir notebook ya da PC almak üzereyseniz kesinlikle Vista lisanslı olanlardan köşe bucak kaçmanıza gerek yok. (Lisans ücreti ödemek istemezseniz o ayrı tabii). Teknik servislerde çalışmış biri olarak söyleyebilirim ki şu an üzerine herhangi bir çift çekirdek işlemci ve 1 gb ram bulunan makina Vista altında gayet sağlıklı çalışabilir.

Madem ki Ram’den bahsettik hemen gelelim şu “Vista Çok Ram Kullanıyor” olayına…
Yıllardır XP kullandığınız makinanıza Vista yüklediniz ve O da ne?Sistem boştayken 350 mb ram kullanan bilgisayarınız artık 800-900 mb ram kullanıyor.

Ve ardından ilk yorumunuz “Bu Vista ne böyle kardeşim bilgisayarı ne kadar kasıyor haa.Bu ne, neredeyse 1gb ram kullanacak insafsız.Bir de oyun oynasak Dreamweaver,Photoshop kullansak ne olacak?” .Ve ardından XP’ye downgrade!!.
İtiraf etmeliyim ben de yaptım hemen hemen aynı şeyleri.Ancak ne yazık ki aslında işler bizim sandığımız gibi işlemiyor.

Vista’da ki Ram Kullanım Mantığının altında Superfetch teknolojisi yatıyor.Superfetch’in mantığı ise:Kullanılmayan RAM, ziyan edilmiş RAM’dir.Yani gerçek hayatta ki kullanılmayan zeka gereksizdir mantığına yakın bir mantık.Çok zeki bir kişi bu zekasını kullanmadığı zaman nasıl o kişiye bir fayda sağlamıyorsa,4gb ram’li makinanızın 3,7 gb ram’inin boş durması da size bir fayda sağlamaz.Superfetch kullandığınız programların normalde sabit disk üzerinden yüklenmesi gereken dosyaları ram’e yüklüyor ve bu sayede sabit diskten çok daha hızlı olan ram teknolojisini kullanarak siz bir program exesine çift tıklayarak açılmasını istediğinizde programınız bir nevi ram üzerinden çalışarak daha hızlı açılması sağlanıyor.Bu sayede de gigabaytlarce raminiz boş boş durmamış oluyor. Hız açısından: RAM > USB 2.0 > Sabit Disk olduğundan iyi bir performans artışı sağlıyorsunuz..

Peki diyelim ki 1 gb raminiz var ve şu anda 950 mb ram kulanılıyor.COD4 oynayacaksınız.Nasıl oluyor? Açılan uygulamaya yeterli belleği sağlayabilmek için kullanım sıklığınızla orantılı kısımları RAM’inizden harddiskinize (veya ReadyBoost kullanıyorsanız, SuperFetch dosyasına) yavaşça aktarıp, açılmak istenen uygulamayı RAM’e doldurmaya başlıyor. Uygulamanın istediği RAM miktarı düşünce, yine düşük öncelikli bir işlem olarak RAM’deki dengelemeyi sağlamak için yedeklediği ön belleği RAM’inize yüklüyor. Kısaca RAM’inizde sürekli olarak bir balans ayarı mevcut ve harddiskinizi mümkün olan en az şekilde kullanma telaşı yaşanıyor.Yani dolu görünsede sisteminize ram’in yetmemesi gibi bir durum oluşmuyor.

Buna rağmen “Ben Performans İstemiyorum RAM’im boş gözüksün” diyorsanız: Kayıt defterinden HKEY_LOCAL_MACHINE \ SYSTEM \ CurrentControlSet \ Control \ Session Manager \ Memory Management \ PrefetchParameters içindeki Enable SuperFetch anahtarındaki değeri 0 yapıp Superfetch’i kapatabilirsiniz.(Not:Tecrübeli değilseniz kayıt defterini fazla kurcalamamanızı öneririm.)
SuperFetch’in yıllardır Linux sistemler tarafından kullanılan bir teknoloji olduğunu da söylemeliyim.Yani Vista’nın bir diğer kopya yanı da bu yanı…

Vista’nın belki de XP’ye sağladığı en büyük üstünlük donanım sürücüleri konusunda.Vista XP’ye göre yeni donanımlara daha çabuk adapte oluyor.Bunun dışında eğer ki teknik serviste çalışan ya da arkadaşlarınızın bilgisayarlarına bedava servis vermek zorunda kalan birisi iseniz en çok uğraştığınız şey donanım sürücülerini bulmaktır.Özellikle doğru sürücüyü bulmak oldukça uğraştırıcı bir iştir.XP’de yanlış donanım sürücülerini yüklemeye çalıştığınızda yüklenir gibi gözüküp ardından sistemin mavi ekranlar vermesi yada açılmaması durumlarıyla karşılaşmışsınızdır.Ve böyle bir durumun ardından muhtemelen yeniden sistem kurmak zorunda kalmışsınızdır.Vista da yanlış bir sürücü yüklemeniz zor bir ihtimal ama olurda yanlış sürücüyü yüklerseniz bile sistemi yeniden bile başlatmadan bu sürücüyü kaldırıp yerine yenisini yükleyebiliyorsunuz.Bunun dışında Windows Vista’nın internetten driver bulma özelliği XP’ye göre çok daha iyi yapılandırılmış.Ben şu ana kadar Vista’da internet üzerinden driver aratıp da bulamamam gibi bir durumla neredeyse hiç karşılaşmadım.Bunun dışında XP de driver tanıtırken driver cdlerinizin içinde ki doğru klasörü seçmeniz gerekirken Vista’da bu durum içinde bir kolaylık sağlanmış.İsterseniz içerisinde çeşitli donanım sürücülerinin bulunduğu 1 terabaytlık harici diskinizin sürücü harfini girin isterseniz sadece cd/dvd rom sürücünüzün harfini yol olarak gösterin eğer doğru sürücü bu medyaların içerisinde mevcut ise Vista bunu bulup yükleyecektir.

Bu özellik büyük kolaylık sağlıyor...

Vista ilk kurulduğunda sürüme göre değişiklik göstermekle beraber yaklaşık 8-12 gb arası bir yer kaplıyor.Günümüzde herkesin en az 80-120 gb harddiske sahip olduğunu düşündüğümüzde bu durumu sorun edecek çok az kişi olduğunu düşünüyorum.

Belki de Vista kullanmak için en önemli sebep Directx 10.Çünkü ben bu yazıyı hazırladığımda XP’de Directx 10 çalıştırmayı beceren biriyle karşılaşmamıştım.

Tüm yapmanz gereken önyargılarımızı kırıp biraz da alışmaya istekli olarak en az 1-2 ay Vista kullanmak.Bu süreden sonra eminim i pek çok kişi Vista da ki bazı özelliklere kısa süre de alışacak ve XP de bunların yokluğunu hissedecek.Benim XP kullanırken eksikliğini hissettiğim en önemli kısım:Vistanıın indeksleme özelliği özellikle başlat menüsünde ve arama kutusunda.Bu özelliklerin bazı 3ncü parti yazılımlarla XP’ye de eklenebileceğini ben de biliyorum ama gereksiz buluyorum.

İşlevsiz ama şık!!!

Bu kadar açıklamaya rağmen hala ikna olmadıysanız.Olaya bir de başka yönden yaklaşayım.
Microsoft’un yeni pazarlama stratejisi Mojave Experiment’i duymayanınız yoktur diye düşünüyorum.Belki pazarlama açısından Microsoft’un bu yaptığı pek hoş bir şey olmayabilir ama insanların önyargılarının nelere sebep olduğunu göstermek açısından önemli bir çalışma.
Kimse beni Microsoft’un pazarlamacısı yada reklam çığırtkanı sanmasın.Çünkü şu an da XP ve Vista’yı beraber kullanmakla beraber Prdus kurma ve bundan sonra da Padus kullanma gibi bir niyetim de var.Yani kısacası Vista delisi değilim…Vista’nın bir geçiş işletim sistemi olduğu ve Windows Seven’ın Vista’nın tamamlanmış hali olacağı söylense de şu an için elimizde Windows Seven olmadığına göre Microsoft cephesinde pek fazla bir alternatifimiz de kalmıyor açıkcası..

Artık Vista İçin Doğru Zaman...

Evet Vista kötü bir üne sahip ve herkes tarafından kötü bir işletim sistemi olarak anılıyor.Ama şurası su götürmez bir gerçek ki Vista bu kötülemelerin tamamını hak etmiyor.Bu kadar kötülümeye rağmen artık sizde bu olaya farklı bir açıdan bakın ve “Vista Deneyimi” ni yaşayın.Emin olun sadece denemek size bir şey kaybettirmez.
Vista’ya karşı olan önyargıları az da olsa kırabildiysem ne mutlu bana.

Yazan:Salih BAYDAN

Kaynakça:
extremetech.com
chip

Bu yazı SBTECH tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

pilli yazılarını blogger da otomatik olarak yayınla.

SBTECH — Wed, 06 Aug 2008 06:06:00 GMT

Pilli Network sitelerinde yayınlanan yazılarımızı pilli kutu/rss ile blogger blogumuzda nasıl yayınlarız?
@Socratesjr nickli arkadaşın sorusu üzerine hazırlanmıştır.

Bölüm 1: Pilli kutu ile ekleme.

1. Sırasıyla sağ üst köşede bulunan "hesabım (a)" açılan sayfadan "yazdıklarını pilli kutu ile sitene ekle (b)" butonlarına tıklıyoruz.

(a)

(b)

2. Resimde görünen kodları bir html/text editörüne yapıştırıyoruz.

(pilli kutu kodu)

3. Kodumuzu resimde görüldüğü gibi (en üst ve en alt bölümde bulunan kodlar çıkarılmıştır. üst resim ile karşılaştırınız. çıkardığımız kodları tekrar kullanacağımız için başka bir txt dosyasına yapıştırmayı unutmayın.) isim.js uzantısıyla kaydediyoruz.

(js dosya kodu)

4. Googlepages sitesine giderek mevcut hesabımızla bir site açıyoruz ve kaydetmiş olduğumuz isim.js dosyasını buraya yüklüyoruz.

(googlepages yükleme)

5. Blogumuza giriş yaparak "Ayarlar/Yerleşim" butonlarına sırasıyla tıklıyoruz ve açılan sayfadan "Sayfa öğesi ekle" butonuna tıklıyoruz.

(blogger işlemleri)

6. Açılan pencereden "HTML/JavaScript / Blogunuza üçüncü taraf işlevselliği veya başka bir kod ekleyin." bölümünü bulup bloga ekle butonuna tıklıyoruz.

a) Daha önce pilli kutu kodumuzdan çıkardığımız (en altta bulunan script etiketleri ile başlayıp biten kod) kodu bu bölüme iki kere yapıştırıyoruz.
b) İlk yapıştırdığımız koda dokunmadan ikinci yapıştırdığımız koddaki http ile başlayan adresi googlepages'e yüklemiş olduğumuz isim.js dosyamızın linki ile değiştirip (Başlık bölümünüde doldurabilirsiniz.) "Kaydet" butonuna basıyoruz.

(blogger işlemleri)

(Test sayfası) sinepil ve bildirgec sitelerinnde bulunan pilli kutular eklenmiştir.

(test sayfası görünümü)

Bölüm 2: Rss ile ekleme.

1. Yazılarınızın bulunduğu (sevdiğiniz bir yazarda olabilir) pilli sitesine giderek "Hesabım" linkine tıklayınız.
2. Sağ alt köşede bulunan "yazdıklarını takibe al" linkine tıklayınız.

(rss ile)

3. Tarayıcının adres çubuğundaki adresi kopyalayarak yukarıda bulunan 5. adımı tekrarlıyoruz.

(rss ile)

4. "Besleme / Blogunuza RSS veya Atom beslemesinden içerik ekleyin." seçeneğini buluyoruz ve "bloge ekle" butonuna basıyoruz.
5. "Feed URL" kutucuğuna kopyaladığımız linki yapıştırıyoruz ve sonraki sayfaya geçiyoruz. Bu bölümde görünüm ayarlarını yaptıktan sonra "Kaydet" butonuna basıyoruz.

Kolay gelsin.

Bu yazı SBTECH tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage