bildirgec.org - eforweb - beğendikleri

hd kalitesinde- online eğitim videoları hazırlamak

eforweb — Thu, 23 Sep 2010 11:47:00 GMT

Hemen hepimiz bir programı tanıtmak ya da arkadaşlarımıza yardımcı olabilmek için eğitim videoları hazırlarız. Bu konu ile ilgili piyasada çeşitli programlar mevcut. Ama bu programları kullanırken bazı sorunlarla karşılaşırız, örneğin;

-Ücretsiz oldukları için videoların belli kısımlarında reklamları ya da program logosu bulunur.
-Oluşturduğunuz eğitim videosu gereğinden fazla yer kaplar.

Sizlerle herhangi bir program paylaşmayacağım. Çünkü tüm işlemler online olarak gerçekleşmekte. Bu nimetten faydalanmak için bir twitter hesabınız olması yeterli.

ilk önce buradan siteye giriş yapınız. Twitter hesabınızın açık olması işlemleri kolaylaştıracaktır.

Siteye giriş yaptıktan sonra record sekmesini tıklayın.

böyle bir ekran karşınıza gelecektir. Tüm gerekli ayarlamaları yaptıktan sonra sol alt tarafta bulanan kırmızı simgeye tıklayın. Kayıt başlayacaktır. Sadece 5dk kayıt yapabiliyorsunuz. İstediğiniz yerde alt+D tuşuna basarak durdurabilir ya da kayda devam edebilirsiniz.

Eğitim videonuzu tamamladıktan sonra done sekmesini tıklayın, yukarıdaki gibi bir ekranla karşılaşacaksınız. Mavi ile işaretlenen yere başlığınızı girin ve tweet it sekmesine tıklayarak işlemi bitirin. (yukarıda kırmızı ile işaretlenen yer)

Oluşturduğunuz eğitim videosu siteye "upload" olacak ve twitter hesabınızda yerini alacaktır.

kendi bağlantınızı tıkladığınızda videoyu indirebilir, youtube'a gönderebilir veya sitenizde yayınlayabilirsiniz.

son olarak; pc'nizde javanın kurulu olması gerekir. kurulu değil ise sistem sizi uyarıyor ve javanın sitesine yönlendiriyor.

Bu yazı eforweb 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

Evden Web Yayını Yapın

eforweb — Thu, 27 May 2010 09:21:00 GMT

İnternette birçok kez araştırmama rağmen bir türlü güncel ve istediğim bilgileri bulamamanın sıkıntısıyla yazıyorum bu yazıyı. eğer benim gibi meraklı olan varsa, bu yazıyı mutlaka okusun derim. öncelikle belirtmek isterim ki -ki birçok yerde zaten okudunuz ve eğer bu konu ile ilgili araştırma yaptıysanız- gerçekten evden yayın yapmak kolay bir şey değil. ayarların yapılmasından değil, daha çok ülkemizin internet şartları ile alakalı. peki sen neden yaptın? diye sorarsanız, benim amacım evden web yayını yapmak değil de daha çok pratikte bunun nasıl yapıldığını öğrenmekti, öğrendim de!

port yönlendirme

araştırma yapan herkesin karşısına çıkmıştır mutlaka, "modeminizde 80 portunu açmanız gereklidir" diye. bu olay çok zormuş gibi görünse de (ilk merak ettiğim zaman bana da aynısı olmuştu) aslıda oldukça kolay. modeminizin internet arayüzünden kolaylıkla yapabilirsiniz.

ne yapmak lazım?

modemin bütün ayarlarını yapabildiğiniz internet arayüzüne bağlanmalısınız. (genellikle 192.168.1.1 ya da 192.168.2.1 şeklinde bir ip adresidir. ben airties rt-206v2tt modem kullanıyorum ve bu modele göre anlatacağım.)
ip adresinizi yazdığınız zaman sizi giriş ekranı karşılayacak. kullanıcı adınızı ve şifrenizi girip devam edin. (internetinizi ttnet'ten aldıysanız kullanıcı adınız ve şifreniz varsayılan olarak admin/ttnet şeklindedir. Şifrenizi bilmiyorsanız da müşteri hizmetlerini arayarak öğrenebilirsiniz.)
kullanıcı adı/şifre olayını geçtikten sonra açılan sayfada sol taraftaki menüden nat - port yönlendirme'yı tıklayarak yönlendirme ayarını yapacağınız sayfaya gelmiş olmalısınız.

resmin büyük hali için tıklayın

port yönlendirme sayfasında ilk olarak port yönlendirme etkin kutusuna çentik atıp kaydedin. daha sonra yine aynı sayfada yeni butonuna basarak port yönlendirme ayarlarını yapabileceğiniz sayfayı açın. yapmanız gereken ayarları yapmadan önce aşağıdaki açıklamalara da ayrıca dikkat edin.
kural adı kısmına ne yazacağınız size kalmış, istediğiniz bir adı verebilirsiniz (webserver gibi). istemci seçiniz kısmında ise yeni ip adresi bölümüne bilgisayarınızın yerel ip adresini yazmanız gerekli. normalde mevcut lan istemcileri kısmında modeme bağlı bütün bilgisayarlar görünür fakat ben biraz kurcaladığım için bende görünmüyor.

yerel ip adresinizi bilmiyorsanız başlat'tan çalıştır'ı (windows tuşu + r ile açabilirsiniz) açın. cmd yazıp enter'a basın. komut satırına ipconfig /all komutunu girerek ip adresinizi öğrenebilirsiniz.

resmin büyük halini görmek için tıklayın

alt kısımda ise asıl port ayarlarını yapacağımız kısım var. sol taraftan hazır ayarları kullanabilirsiniz fakat biz sadece 80 portunu açacağız. yine uygulama adı kısmına istediğiniz adı yazabilirsiniz. bende webserver yazıyor. wan ve lan kısımlarının altındaki tcp portları kısmına 80 (açmak istediğimiz port numarası) yazıp ekle dedikten sonra kaydederek port yönlendirme işlemini tamamlamış oluyoruz.

ip adresi sabitleme

burada kastettiğimiz ttnet'ten alacağınız bir sabit ip hizmeti değil .bilgisayarın yerel ip'sini sabitlemek... nedeni, modeminizin her açılışta bilgisayara 192.168.2.2 ile 192.168.2.254 arasında rastgele bir ip vermesi. bu ayarlamalar işletim sistemine göre değişiklik gösteriyor fakat ben windows7 kullanıyorum o yüzden ona göre anlatacağım. aynı ayarlamalar ile windows vista'da da yapabilirsiniz benzer şekilde. Xp kullanıcıları ise 5. maddede nasıl yapacaklarını okuyabilirler.

ne yapmak lazım?

saatin yanındaki bağlantı simgenize tıkladığınızda küçük bir pencere açılacaktır. oradan kullandığınız bağlantı üzerinde sağ tıklayarak durum'u seçin.
açılan ekranda etkinlik bölümünde özellikler'i, daha sonra açılacak yeni pencerede internet protokolü sürüm 4 (tcp/ipv4 'e tıkladığınızda ayarları yapacağınız son pencere açılacak.
aşağıdaki ip adresini kullan'ı seçip, ip adresi kısmına bilgisayarınızın kullanmasını istediğiniz sabit ip adresinizi yazın (mesela bende 192.168.2.2). alt ağ maskesi kısmı otomatik olarak 255.255.255.0 olacaktır. madem o kadar hevesli bırakın kalsın öyle. varsayılan ağ geçidine ise modeminizin internet arayüzüne girmek için kullandığınız ip'yı yazmalısınız.

resmin büyük hali için tıklayın
otomatik olarak bir ip adresi al seçeneği seçili olmadıkça otomatik olarak bir dns adresi de alamayacaksınız fakat bu o kadar da önemli değil. boş bırakırsanız varsayılan olarak modemin ip adresini kullanacaktır. açık olan pencereleri tamam diyerekten kaydedip kapatın. ip adresiniz artık sabit.
windows xp kullanıcıları ise bu ayarları şu şekilde yapabilirler: başlat - ağ bağlantıları'na tıklayın. açılan pencerenin sol tarafında bulunan ağ görevleri sekmesinin altında ağ bağlantılarını görüntüle'ye tıkladıktan sonra mevcut ağ bağlantılarınız açılacaktır. kullandığınız bağlantının üzerine sağ tıklayarak özellikler'i seçin. açılan pencerede internet iletişim kuralları (tcp/ip)'na çift tıkladığınızda yeni bir pencere açılacak. bu pencerede gerekli ayarları yukarıdaki şekilde yapabilirsiniz.

bana bir sunucu lazım. hem de hemen!

size sadece bir sunucu lazım değil. sunucu, veri tabanı, bu veri tabanını kontrol edebileceğiniz bir sistem, vs, vs. kafanız hiç karışmasın. bunları wampserver ile kolaylıkla bilgisayarınıza kurabilirsiniz. bazı özellikleri olmamasına rağmen başlangıç için oldukça kolay bir program. (WampServer yerine xampp programını da kullanabilirler fakat alışması biraz zamanınızı alacaktır.) kurulum işlemi ise oldukça basit.

ne yapmak lazım?

ilk olarak wampserver'ı sitesinden indirmelisiniz. indirme sayfasına buradan ulaşabilirsiniz.
dosya indikten sonra kurulum işlemine geçebiliriz. indirdiğiniz dosyayı çalıştırın. gelen ekranda lisans sözleşmesini onaylayın. wampserver'ın kurulacağı yeri seçin. kısayollara da çentik attıktan sonra kurulum için sizin yapmanız gerekenler bitmiş oluyor.
kurulum tamamlamaya yaklaştığında eğer sisteminizde firefox'u bulursa wampserver için varsayılan tarayıcı yapmak isteyip istemediğinizi soracak. bunu da onaylayıp geçin.
artık bir sunucunuz var fakat wampserver açıldığında ilk olarak çevrimdışıdır. yayın yapabilmek için çevrimiçi olmanız gerekli. saatin yanında bulabileceğiniz wampserver simgesine bir kere tıklayın. açılacak küçük pencere bundan sonra hiç yabancı olmayacağınız yer. burada çevrimiçi hale getir'e tıkladığınızda sunucunuz çevrimiçi, diğer bir deyişle yayında olacaktır.
biraz önce sabitlediğimiz ip adresinizi herhangi bir tarayıcının adres satırına yazdığınızda eğer her şey yolunda ise wampserver anasayfası gelmeli. aslında şu anda siteniz dışarıdan erişilebilir durumda fakat arkadaşlarınızın ya da tanıdıklarınızın sitenize bağlanabilmesi için bilgisayarınızın internet ip adresinizi (internet ip adresiniz, ttnet'in size vermiş olduğu modem kapanıp açıldığında değişen ip adresidir. modeminizin anasayfasından ya da whatismyipadress adresinden öğrenebilirsiniz.) bilmeleri gerekli. (bunu da birazdan düzelteceğiz.)
sitenizi denemek için kendi internet ip adresinizi yazdığınızda ise yine modem ana sayfasının gelmesi kendi bilgisayarınızdan bağlandığınız için normal bir durum. port yönlendirmede bir sorun olduğunu düşünmeyin. port yönlendirmeyi denemek için başka bir yerdeki bilgisayardan ip adresinizi yazmalısınız. sitenizin dışarıdan nasıl göründüğüne bakmak için bilgisayara verdiğiniz sabit ip adresinizi (192.168.2.2), 127.0.0.1 ip adresinizi ya da http://localhost/ yazarak kontrol edebilirsiniz.

ip adresinden kurtulun

ip adresiniz yerine düzgün bir adres almak daha güzel olmaz mıydı? bir de bu adres ücretsiz olsa mesela tadından da yenmezdi hani. evet! bunu yapmak için güzel bir servis var. basitçe sistemin çalışma mantığı, siteden aldığınız alan adınıza internet ip adresinizi kaydediyorsunuz. bu alan adına gelen bütün istekler sizin internet ip adresinize yönlendiriliyor. şöyle bir sorun çıkıyor burada karşımıza. yukarıda internet ip adresini açıklarken ip'nin değişken olduğunu, modemin her kapanıp açıldığında farklı bir ip adresi aldığını yazmıştık. her modem kapandığında yeniden ip yazmak zahmetli iş. servisin diğer güzelliği ise burada başlıyor. bilgisayarınıza kuracağınız minimini bir program ile bu sorunun üstesinden gelebilirsiniz. modem kapanması, ttnet'in arada sırada attığı resetler gibi nedenlerden dolayı ip adresiniz her değiştiğinde, program yeni internet ip adresinizi hesabınıza eşitliyor. siz hiç bir şey ile uğraşmıyorsunuz. sistem kaynaklarını tüketmediğini söylemek yanlış olmaz hani.

ne yapmak lazım?

dyndns.com adresinden ücretsiz bir hesap almalısınız. (elbette ücretli seçenekler de var. bu servislerle kendi alan adınızı da alabiliyorsunuz. ilgilenenler varsa aynı adrese bakabilirler.) ücretsiz seçeneğinde kullaniciadiniz.homedns.org şeklinde oluyor (...homedns.org kısmı için 88 adet alternatif mevcut).
üye olma işlemi oldukça basit. adınızı, kullanıcı adınızı, şifrenizi, şifrenizin doğrulamasını, e-posta adresinizi, e-posta adresinizin doğrulamasını ve güvenlik kodunu girmelisiniz. daha sonra ise sitenizin adını (kullanıcı adınız olmak zorunda değil) ve 88 alternatifli adresten birini seçmelisiniz. daha sonra internet ip adresinizi yazmalısınız ('your current location's ip address is 56.187.110.832' yazısına tıklayarak internet ip'niz otomatik olarak metin kutusuna yazılacaktır).
bizim için şimdilik gerekli olan ayarlar bunlar. add to cart butonuna basarak ürününüzü sepete atıyoruz. açılan ekranı next butonuna basarak geçebiliriz. daha sonra son ekranda activate services butonuna tıklayarak işlemlerinizi tamamlayın.
sitenizi aktif ettikten sonra denemek için adresinizi yazdığınızda modeminizin arayüzü geliyorsa servis düzgün çalışıyor demektir. hatırlayın internet ip adresinizi yazdığınızda da modemin sayfası açılmıştı. yani sistem alan adından sizin ip adresine yönlendirmeyi sorunsuz yapıyor. :)
yukarıda değişken ip sorununu açıklamıştık. bu sorunun üstesinden gelmek için sistemin bize sunduğu minimini programı indirmeniz ve kurduktan sonra birkaç küçük ayar yapmanız gerekli. programı indirmek için sitedeki adresinden indirebilirsiniz (726kb). kurulumu ise 5 adımda hallediyorsunuz. kısa bir kurulumdan sonra programı çalıştırın. sitede kullandığınız kullanıcı adı/şifrenizle giriş yapın. sistem internet ip adresinizi otomatik olarak bulacak ve alan adınıza eşitleyecektir.
bazen bilgisayarımızın performansını arttırmak için başlangıçta çalışan programları kapatabiliyoruz. Eğer böyle bir ayarlama yaptıysanız program ip adresinizi güncelleyemeyecektir. bu yüzden bilgisayarınız açıldığında programın başlatmasını ayarlamalısınız. ayarlamayı ise programda advanced sekmesinden yapabilirsiniz. advanced sekmesine tıkladığınızda en üstteki start updater with windows'un yanındaki kutucuğa bir çentik atın. bu kadar. :)

artık güzel bir alan adınız, kendinize ait bir sunucunuz var. tabii ciddi anlamdan web yayını yapmak şimdilik ülkem şartlarında hayal. benim bu konudaki amacım zaten bunu pratikte nasıl yapıldığını öğrenmekti. ben öğrendim, siz de öğrenin dedim yazdım. olur da ilerde yurdumun servis sağlayıcısı imana gelir de internet hızımız katlanırsa kendi sitenizi kendiniz yayınlarsınız. takıldığınız konuları veya yazıdaki herhangi bir yanlışı yorumlarda yazabilirsiniz. hem diğer kullanıcılara yardımınız dokunmuş olur hem de beni de yanlıştan döndürmüş olursunuz. umarım faydalı olur sizin için de.

Bu yazı eforweb 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

Etkiliyici Slaytlar için: aeron slideshow

eforweb — Wed, 19 May 2010 06:41:00 GMT

Web sitenizin içeriğine göre web sayfalarınızıda kullanıcılarınız için farklı slaytlar yayınlamak isteyebilirsiniz. Ürünlerinizi veya mekanınızı tanıtabileceğiniz bu slaytları bloglarda farklı amaçlarla da kullanabilirsiniz. aeron slideshow sayesinde tüm bu slaytları gerçekleştirebilir ve bu sırada birbirinden farklı temalarda farklı efektleri kullanabilirsiniz.

aeron slideshow 2, temel olarak jQuery ile hazırlanan Mit lisanslı ve oldukça kolay kullanımlı bir slayt aracıdır. Bu uygulama ile web sayfanızda yayınlamak istediğiniz fotoğrafları slayt gösterisi haline getirebilir ve bunu yaparken farklı efektleri kullanabilirsiniz.

Farklı görünümleri sayesinde aeron slideshow web siteniz ile oldukça uyumludur. İsteğinize göre altta veya yanda bulunun fotoğraflar menüsünü kaldırabilir veya farklı biçimlerde kullanabilirsiniz. Fotoğraflarınız slayt gösterisi halindeyken tümüne farklı fotoğraf efektleri ile ziyaretçilerinizin ilgisini çekebilirsiniz.

Kullanıcılarınızın isteklerine göre farklı fotoğrafları seçmelerini sağlayabilir veya transparan olarak hazırlanan kontrol menüsü sayesinde kullanıcılarınızn slaytı durdurmasını veya farklı fotoğraflara geçmesini sağlayabilirsiniz. Ayrıca kontrol menüsünü saklayabilir veya ona da farklı efektler uygulayarak farklı biçimlerde ekrana gelmesini sağlayabilirsiniz.

Google Code servisinde de yayınlanan aeron slideshow mit lisanslı taşımakta ve 2kb. boyutunda.aeron slideshow'u Firefox, Chrome/Chromium, Opera, Safari ve Internet Explorer (6,7,8) tarayılarında çalıştırabilirsiniz.Google Code üzerindeki aeron slideshow sayfasına gitmek için buraya, orjinal web sayfasına gitmek için buraya gözatabilir veya demolarınıa bakmak için buraya bakabilirsiniz.İsterseniz buradan indirebilirsiniz.

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : electircprism

Bu yazı eforweb 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

ücretsiz web uygulama güvenliği test araçları

eforweb — Fri, 16 Apr 2010 11:48:00 GMT

web sitelerinizin güvenliğinde, güvenlik taraması imkanı verecek ücretsiz web uygulama güvenliği test araçları bu makalede listelendi.

1- netsparker community edition (windows)

netsparker, sql injection + cross-site scripting sorunları tespit edebilir. tarama işlemi tamamlandıktan sonra bu konular için çözümler görüntüler.

2- websecurify (windows, linux, mac os x)

websecurify kolay kullanımlı ve otomatik olarak yazılımdaki zayıflıkları test eder, fuzzing teknolojilerini kullanarak web uygulama açıkları tespiteden açık kaynak kodlu bir araçtır. bu araç aynı zamanda çok dil desteği ve genişletilebilir eklenti desteği sunar.

3- wapiti (windows, linux, mac os x)

wapiti açık kaynak kodlu web uygulamaları web sayfaları tarayan web tabanlı bir araçtır. script ve formlarda data inject taraması yapar.

4- n-stalker free version (windows)

n-stalker ile bir anda web sunucusu ve cross-site scripting kontrolleri dahil olmak üzere 100 web sayfası kontrol edebilirsiniz.

5- skipfish (windows, linux, mac os x)

skipfish tam otomatik ve etkin web uygulama güvenliği keşif aracıdır. uygulamanın, otomatik öğrenme yeteneği vardır.

6- scrawlr (windows)

scrawlr web uygulamalarında sql enjeksiyon açıkları taramak için ücretsiz bir yazılımdır. bu hp web güvenlik araştırma grubu tarafından koordineli olarak microsoft güvenlik yanıt merkezi ile geliştirilmiştir.

7- watcher (windows)

watcher fiddler için http tabanlı web uygulamaları eklentisidir (http hata ayıklama proxy) edilgen bir analiz aracı olarak kullanılabilir.

8- x5s (windows)

x5s xss açığına yol açabilecek karakter sorunlarını bulmak için tasarlanmış fiddler için bir eklentidir.
kullanıcı kontrollü girişlerle, <> 'gibi özel karakterleri kullanarak, web uygulamasını kontrol eder.
9- exploit-me (windows, linux, mac os x)

firefox için geliştirilmiş eklentilerdir.
xss-me: xss açıklarını kontrol eder
access-me: erişim güvenliğini test eder
sql inject me: sql inject açıklarını kontrol eder.

10- webscarab (windows, linux, mac os x)

webscarab, xss ve sql enjeksiyon açıklarını test etmek için kullanılabilir.

11- acunetix free version (windows)

herhangi bir web sitesinde bir kontrol gerçekleştirir ve cross site scripting (xss) güvenlik açıkları scripting tanımlar.

kaynak

Bu yazı eforweb 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

Nasıl Yapılır: İçeriğinizi Facebook Sayfanızdan Otomatik Yayınlama!

eforweb — Thu, 21 Jan 2010 13:43:00 GMT

Sosyal Medya aleminin sahip olduğu büyük kullanıcı kitlesi, Web siteleri veya blogları aracılığı ile içerik üreten Web kullanıcılarının, içeriklerini arama motorları için optimize etmelerinin yanında, Sosyal Medya için de optimize etmeleri (gerekli altyapıyı hazırlamaları) gereğini/zorunluluğunu ortaya çıkarmış durumda.

Nasıl Yapılır: İçeriğinizi Facebook Sayfanızdan Otomatik Yayınlama!

Bu Nasıl yapılır yazısında; Web sitesi veya blog sahiplerinin, sitelerinden yayınladıkları içeriklerini, 350 milyondan fazla kullanıcı sayısına sahip olan Facebook'un en önemli bileşenlerinden biri olan Facebook Sayfalarından, otomatik olarak/kendiliğinden, nasıl yayınlayabilecekleri anlatılmakta.

1- Facebook tarafından hazırlanmış olan buradaki Notlar (Notes) uygulamasına gidiyoruz.

2- Sol üstteki Sayfam'a ekle linkine tıkladıktan sonra açılacak olan pencereden, içeriğimizin yayınlanmasını istediğimiz sayfamıza Notlar uygulamasını ekliyoruz.

3- Notlar uygulamasını eklediğimiz Facebook Sayfamıza giderek, bu sayfada bulunan Sayfa'yı düzenle linkine tıklayıp, sayfamızın düzenleme/ayarlar bölümüne geçiyoruz.

4- Düzenleme sayfasında bulunan Notlar uygulamasına ait bölümde önce; Uygulama Ayarları linkine tıklıyor ve açılan penceredeki Profil sekmesinden Notlar'ın Kutu ve Sekme eklentilerini sayfamıza ekliyoruz. Sonrada; yine aynı pencerede bulunan Ek İzinler sekmesinden de Akışta yayınla özelliğini işaretliyoruz.

5- Yine Notlar bölünde bulunan, Düzenle linkine tıklıyoruz.

6- Gelecek olan sayfanın sol üst bölümünde yer alan Not Ayarları alanındaki Bir blog aktar » linkine tıklıyoruz.

7- Vee Mutlu Son: Web sitemize veya blogumuza ait olan besleme'nin (feed) linkini yazıp ekliyoruz.

Eğer adımları doğru bir şekilde uygulamışsanız (tabi bende herhangi birşey atlamadıysam) sonuç buradaki gibi olacaktır.

Facebook sayfanızdaki hayranlarınız, siz web sitenizden veya blogunuzdan herhangi bir içerik yayınladığınızda, içeriğinizin bir ön sunumunu kendi duvarlarında görüp tıklaycak ve Facebook sayfanızın Notlar bölümüne gelerek, içeriğinizi görüntüleyecekler.

Ayrıca bu notların, başta Google olamak üzere, arama motorları tarafından eklendiğini/indexlendiğini de belirteyim.

Son olarak: Eğer Facebook sayfalarındaki hayranlarınızı, içeriğinizi görüntülemek üzere, direkt olarak sitenize yönlendirmek isterseniz; Facebook'un uygulama dizininde bulunan birçok beseleme (Örnek: Social RSS) uygulamasından birini kullanabilirsiniz.

Bonus+++++:
+Seo ve Web Marketing İçin Harika Araçlar
+SEO'yu Google'dan Öğrenmeye Başlayın
+Google'dan SEO Dersi:URL Adresleri Nasıl Olmalı?
+iGoogle Sayfanıza 3 Adet SEO Uzmanı Gadget
+Sosyal Start Page için 7 yol

Kaynak: Araç: Facebook Notlar
Paylaş: Sosyal Medya paylaşım sayfası burada!
algoz Takip Noktaları:
Blog FriendFeed Twitter Facebook E-posta RSS Mobil iPhone

Bu yazı eforweb 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

Günlük Ücretsiz Wordpress Teması Bulabileceğiniz 21 Site

eforweb — Fri, 20 Nov 2009 07:37:00 GMT

Wordpress sistemini kullanıyorsanız temalara çok sık ihtiyaç duyarsınız. Birbirinden renkli temalar ile sitenize renk katabilirsiniz. Daha önce ücretsiz wordpress temalarını aşağıda görmüştük.

100+ Hayrete Düşürücü Ücretsiz Wordpress Teması (2009)

20 Çok Güzel Ücretsiz Wordpress Teması

Wordpress İçin 35 Güzel Yaz Mevsimi Teması

Wordpress İçin 25+ Ücretsiz Profesyonel Dergi Teması

Wordpress Blogunuz İçin Ücretsiz 15 Dikkate Değer Tema

15 Harika, Yeni ve Ücretsiz Wordpress Teması

Bu yazıda ücretsiz wordpress temaları sunan kaynak sitelere ulaşabilirsiniz.

1. Wordpress.org – Themes

Kaliteli tema bulmak için yararlanabileceğiniz en sağlam kaynaklardan birisidir. Aradığınız özelliklere uygun temayı kolayca bulabilirsiniz.

2. Fresheezy

3. Graph Paper Press

4. BlogOhBlog

5. TopWpThemes

6. WooThemes

Profesyonel temalar yer almaktadır.

7. ThemeLab

Wordpress bağımlıları için çok faydalı bir site.

8. WpThemesFree

9. BestWPThemes

10. ArcSin Templates

11. DesignDisease

Burada sadece 13 tema vardır ancak hepsi çok kalitelidir.

12. Free Theme Layouts

13. SkinPress

14. Wordpress Themes Base

15. Rock Kitty Themes

16. WP Skins

17. Templates Browser

18. Free Wordpress Themes

19. FreeWPThemes.net

20. WPTemplates

21. Wordpress Theme Generator

Bu site ile HTML, JS, PHP yada CSS bilginiz olmadan tema oluşturabilirsiniz.

kaynak: 1stwebdesigner.com

yazılarımı takip edebilirsiniz.

blog | twitter | friendfeed | delicious | rss

Bu yazı eforweb 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

Web Tasarımı için güzel ve kısa 10 ipucu

eforweb — Thu, 19 Nov 2009 17:32:00 GMT

"Code is poetry." - Wordpress

Bu yazı, web tasarımının en önemli meselelerini kısaca gözden geçiriyor ve umuyorum bir sonraki tasarım çalışması için bilgisayarınızın karşısına oturduğunuzda üzerinde düşünmeniz gerekenleri size hatırlatır.

1. Unutmayın, elinizdeki zaman oldukça kısıtlı.
Bir araştırma sonucunda okuduğum kadarıyla, bir kullanıcının söz konusu siteyi baştan aşağıya inceleme süresi sadece 4 saniyedir. Ve bu süre gerçekten kullanıcı ile temasa geçip site ile ilgilenmesini sağlamaya yetmez. Dolayısıyla, tasarımla sitenin ne üzerine olduğunu olabildiğince kesin şekilde ve kısa sürede vermelisiniz. eğer bu süre birkaç saniyeden uzun sürerse, kullanıcı dikkatini kaybedecek ve başka bir tarafa yönelecektir.

unutmayın, elinizdeki zaman oldukça kısıtlı.

2. Kullanıcılar sitenizi tararlar
Bir odaya girdiğiniz anda, içerideki bütün yüzleri bir anda görmezsiniz. Öncelikle insanların ve objelerin şekillerini fark edersiniz. Odayı tararsınız. Daha sonra devam eder ve ilginizi çeken şeye odaklanırsınız. Benzer şey siteye ilk girildiğinde de yaşanır.

Kullanıcılar sitenizi tararlar. bu noktada kullanıcıyı gitmesini istediğiniz yöne yönlendirmelisiniz. merak uyandırmalısınız. ister giriş ekranı olsun, ister daha fazla öğrenmek için bir bağlantı olsun, blog yazısı olsun vs vs vs.

3. En çok sol üst köşe görülür
Bu bilinen bir gerçektir. Bunun nedeni de insanların kitap ve makaleleri bu patern ile okumalarıdır. Artı, ilk siteler ve programlar da bu şekilde tasarlanmıştır. Yani ortada bir alışkanlık vardır. Genelde sol üste logo konu, bu güzel bir şeydir, kullanıcıların logoyu tanımalarını sağlar. Ancak bununla yetinmeyin, oraya bir şeyler daha koyun. giriş bağlantısı, arama formu veya bir slogan.

4. f paternini öğrenin
Gözle takip üzerine yapılan bazı araştırmalar gösteriyor ki, kullanıcılar siteyi F harfi şeklinde bir patern ile tararlar. En çok ilgiyi üst kısımlar alırken, orta ve altlara doğru sadece sol taraf taranmaya başlanır. Bir şekli koymak için düşünürken hatırlanması gereken bir şey.

5. Kullanıcıların görmezden geldiklerini öğrenin
Kullanıcılar reklam körüdürler. Bunu internete yeni başlayan kullanıcılardan anlayabilirsiniz, kısa bir süre içinde resimli ve yazılı reklamları görmezden gelmeyi öğrenirler. Reklama benzer şekilde bir şekil tasarlamaktan kaçının. Ayrıca, kullanıcılar yoğun yazıdan da kaçınırlar. Kimsenin, sitenin ne hakkında olduğunu anlamak için onca yazıyı okumaya vakti yok diyebiliriz.

6. Yazı ve Grafik Savaşı
İlginç bir gerçek: Yazı daha fazla dikkat çeker. Hem de güzel bir grafikten daha çok. Okuyucunuza bir mesaj vermek istiyorsanız, ki sitelerin amacı da budur, büyük ve afilli bir resim yerine, hoş bir slogan kullanmanızı tavsiye ederim.

7. Tasarım ögeleriyle ilgi çekin
Yazılı sloganlar, direk aksiyona davet eden düğmeler (genelde açık renk), çeşitli listeler, bunlar hep dikkat çekmeyi sağlayan tasarım ögeleridir.

Eğer uzun bir makale yazmanız gerekiyorsa, en önemli şey başlıklardır, başlıklara dikkat edin, gerekiyorsa müşterinin başlıklarını değiştirmeyi teklif edin. Hiçbir şey başlıklar kadar ilgi çekemez. Başlıkları uygun şekilde kullanın ve kullanıcıya makalenin ne üzerine olduğunu bir kaç basit adımda açıklayın.

8. Yazı Biçimlendirmesi
Bir yazı, uygun şekilde biçimlendirildiğinde çok daha iyi okunur. Çok sayıda paragraf kullanmaktan korkmayın, kalın ve italik yazılar kullanın, alıntılar yapın, yazının altını-üstünü çizin.. Yazınızı görsel olarak çekici yapabilecek her şeyi yapın. Kullanıcının okuyuşu sırasında, onun dikkatini yönetecek şekilde biçimlendirme kullanmayı da unutmayın.

9. Sade Grafikler Kullanın
Kullanıcıların reklam körü olduklarını daha önce söylemiştim. Tasarımınızda, grafik kullandığınız zaman çok kalabalık ve içinden çıkılmaz bir halde olmamalarına özen gösterin. Birçok insan, çok renkli ve yoğun grafiklere bakmayı zor bulur, bunu unutmayın. Kullandığınız grafikler sade ve anlaşılır olmalı ve kafa karıştırmamalıdır.

Dikkat çekmek için kullanılabilecek yegane grafik insan yüzüdür. Özellikle de kullanıcıya bakan yüz fotoğrafları. Bunlar kullanıcının dikkatini çekerler. Ayrıca başka tarafa bakan yüzler ile de dikkati istediğiniz tarafa yönlendirebilirsiniz.

10. Açık Alanlar Bırakın
Her ögeyi bir araya sıkıştırarak kalabalık bir şekil oluşturmayın, daha fazla görünebilmeleri için ögelere açık alanlar bırakın. Bırakın kullanıcı sayfaya girdiğinde nefes alsın. Bu özellikle kalabalık grafik kullanmamak ve yoğun metinden sakınmakla mümkün olur.

Alen Grakalic

Bu yazı eforweb 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

En Seksi 16 Adet JQuery Eklentisi ve Eğitimi

eforweb — Mon, 09 Nov 2009 07:40:00 GMT

Web sitenizde, blogunuzda veya farklı amaçlarla hazırlamış olduğunuz/olacağınız Web uygulamalarınızda kullanabileceğiniz, 16 Adet JQuery ekletisi ve bu eklentilerin nasıl kullanılacağını anlatan eğitim dokümanlarını bu listede bulabilirsiniz.

1-jQZoom: Demosu | Eğitimi

2-Image Puzzle: Demosu | Eğitimi

3-Animate Curtains: Demosu | Eğitimi

4-Sexy Drop Down Menu: Demosu | Eğitimi

5-Image Scroller: Demosu | Eğitimi

6-Virtual Tour: Demosu | Eğitimi

7-Creating a Keyboard: Demosu | Eğitimi

8-Sliding Boxes and Captions: Demosu | Eğitimi

9-Image Rotator: Demosu | Eğitimi

10-AnythingSlider: Demosu | Eğitimi

11-ImageSwitch: Demosu | Eğitimi

12-Galleria: Demosu | Eğitimi

13-Image Cross Fade Transition: Demosu | Eğitimi

14-Scrollable: Demosu | Eğitimi

15-Polaroid photo viewer: Demosu | Eğitimi

16-Thumbnail Gallery: Demosu | Eğitimi

Bonus++++++++++++:
+Görenlere "OHA" Dedirten, JQuery ile Hazırlanmış, 10 Adet Animasyon ve Eğitimi
+Portfolio için 15 Adet Herkesten Saklanası Wordpress Teması
+En iyi 10 jquery slider eklentisi
+Html formları için 25 harika jquery eklentisi
+70 adet harika photoshop eğitimi ve kaynağı
+30 Adet Göz Dolduran Javascript Menü ve Kodu
+Tasarımcılar İçin Ücretsiz, Legal ve Kaliteli Kaynaklar
+Portfolio için 13 Adet Muhteşem Wordpress Teması
+jQuery ve CSS ile Page Peel Effect'i
+google api ve araçları
+15 Adet Dolu Dolu jQuery Kaynak Sitesi
+Adet Kullanışlı jQuery Örneği ve Eğitimi

Kaynak: designzzz
algoz: Blog FriendFeed Twitter Facebook Email RSS

Bu yazı eforweb 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

Floom: MooTools Slayt Gösterim Eklentisi

eforweb — Mon, 26 Oct 2009 17:23:00 GMT

Web sayfalarınızda, farklı amaçlarla gerçekleştireceğiniz Slayt gösterimleri için kullanabileceğiniz bir MooTools Slayt Gösterim eklentisi (MooTools slideshow plugin) olan Floom, özellikle slayt geçişlerinde kullandığı panjur efekti (blind-effect) ile dikkat çekmekte.

15 farklı seçeneğe vereceğeniz değerler ile özelleştirebileceğiniz Floom eklentisini web sayfanıza nasıl ekleyebileceğiniz ile ilgili bilgilere buradan ulaşabilirsiniz.

Demo gösterimine buradan ulaşabileceğiniz Floom eklentisini buradan indirebilirsiniz.

Bonus++++++++++:
+En iyi 10 jquery slider eklentisi
+Html formları için 25 harika jquery eklentisi
+70 adet harika photoshop eğitimi ve kaynağı
+30 Adet Göz Dolduran Javascript Menü ve Kodu
+Tasarımcılar İçin Ücretsiz, Legal ve Kaliteli Kaynaklar
+Portfolio için 13 Adet Muhteşem Wordpress Teması
+jQuery ve CSS ile Page Peel Effect'i
+google api ve araçları
+15 Adet Dolu Dolu jQuery Kaynak Sitesi
+Adet Kullanışlı jQuery Örneği ve Eğitimi

Kaynak: Floom
algoz: Blog FriendFeed Twitter Facebook Email RSS

Bu yazı eforweb 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

wordpress için faydalı google eklentileri

eforweb — Mon, 19 Oct 2009 13:56:00 GMT

Wordprees için önemli eklentilerin başında gelen google eklentilerini derlemişler. buyrunuz.

1. google xml sitemaps

google sitemaps tüm wordpress sürümlerini destekler. yeni bir mesaj oluşturduğunuzda, site haritası güncellenir ve bütün büyük arama motorları, ask.com, google, yahoo gibi site haritası protokolünü destekler.
2. google analyticator

google analyticator wordpress blogunuza gelen trafiği analiz eder ziyaretçilerinizi tanımanızı sağlar.
3. google wordpress optimize

bu basit eklenti size temanın html kodunu düzenlemeye gerek kalmadan açılış sayfalarını google optimize kullanarak değiştirmenizi sağlar.

4. google doc embedder

google doc embedder, pdf, powerpoint (ppt) veya tiff doğrudan sayfada içeriğini görüntülemek için adobe reader yüklü, powerpoint veya diğer yazılım için "dosya embed" sağlayacaktır.
5. easy adsense

google adsense ile gelir elde etmek çok kolay bir yol sağlar. adsense için komple çözüm sağlayan bir eklenti.
6. xml google maps

bu eklenti kolayca blogunuzun çine google map veya google earth haritalar eklemenize izin verir.
7. google ajax translation

bu eklenti wordpress blogunuzda google'un translate (çeviri) hizmetini kullanmaya izin verir.

Bu yazı eforweb 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