C:\Windows\System32\drivers\etc

klasörü içindeki hosts dosyasına eklemelisiniz. Eğer izin hatası ile karşılaşırsanız önce hosts dosyasını masaüstüne kopyalayın. İçerisine kodları ekleyin, daha sonra etc klasörüne atın. Bu şekilde sorun yaşamazsınız.

74.125.43.103 docs.google.com
74.125.43.103 translate.google.com
74.125.43.103 code.google.com
74.125.43.103 pages.google.com
74.125.43.103 video.google.com
74.125.43.103 translate.google.com.tr
74.125.43.103 docs.google.com
74.125.43.103 sites.google.com
74.125.43.103 books.google.com
74.125.43.103 chrome.google.com
74.125.43.103 sketchup.google.com
74.125.43.103 froogle.google.com
74.125.43.103 labs.google.com
74.125.43.103 mars.google.com
74.125.43.103 moon.google.com
74.125.43.103 notebook.google.com
74.125.43.103 toolbar.google.com
74.125.43.103 browsersync.google.com
74.125.43.103 catalog.google.com
74.125.43.103 codesearch.google.com
74.125.43.103 dir.google.com
74.125.43.103 earth.google.com
74.125.43.103 groups.google.com.tr
74.125.43.103 shopping.google.com
74.125.43.103 sky.google.com
74.125.43.103 support.google.com
74.125.43.103 tools.google.com
74.125.43.103 wap.google.com
74.125.43.103 answers.google.com
74.125.43.103 google-analystics.com
74.125.43.103 maps.google.com
74.125.43.103 dl.google.com

74.125.43.103 khm1.google.com
74.125.43.103 khm0.google.com
74.125.43.103 mt0.google.com
74.125.43.103 mt1.google.com

Yukarıda saydığım özellikleri bu eklenti ile kolayca yapabilirsiniz. Şimdi eklentiyi nasıl yükleyeceğimizi sırayla anlatayım.

• Öncelikli olarak eklentiyi yüklememiz gerekiyor. Bunun için iki tane yolumuz var. İlki sunucunuza bağlı olarak kullanabildiğiniz wordpress'in eklenti bölümü, diğeri ise wordpress'in eklenti sayfasından indirip herhangi bir upload programı ile sitesine yüklemenizdir.
• Öncelikle WordPress üzerinden kurulumun nasıl yapıldığını anlamaya çalışalım.

1. 1. Sol taraftan Plugins bölümünden AddNew linkini tıklıyoruz.
      
   2. Açılan sayfada Search bölümüne eklentimizin adı olan  All in One SEO Pack yazıp, arama yapıyoruz.
      
   3. Büyük ihtimalle ilk sıradaki eklenti ihtiyacımız olan eklentidir.
      
   4. Çıkan sonuçlardan sağ tarafında bulunan install linkine tıklıyoruz.
      
   5. Şimdi karşınıza yeni pencere açılmalı ve eklenti ile ilgili bilgiler bulunması gerekir.
      
   6. Sağ tarafta turuncu bölümde yer alan Install Now linkine tıklayarak eklentiyi kurabiliriz.
      
   7. Mavi renkli Activate Plugin linkine tıklayarak eklentimizi aktifleştirebiliriz.

• Şimdi ise WordPress'in sayfasından eklentiyi indirip, upload programı ile yüklemeyi yapalım.
  1. buradan eklentinin sayfasına ulaşıyoruz.
     
  2. Sağ tarafta turuncu bölümde ki download linki ile eklentiyi bilgisayarımıza indiriyoruz.
     
  3. İnen dosyayı sıkıştırılmış zip dosyasından ayırıyoruz.
     
     
     
  4. Herhangi bir upload programı ile sitemize bağlanıp plugins klasörünün içine yüklüyoruz.
  5. Sonra sayfamızda Plugins bölümünden eklentimizi aktifleştiriyoruz.

Settings / All in One Seo bölümüne gidip bir takım ayarlamalar yapmamız gerekiyor. Diğer eklentilerden farklı olarak eklentiyi aktifleştirdikten sonra ek olarak kendi içinde de aktifleştirmemiz gerekiyor.

Disabled olan bölümü Enabled yaparak ayarlamaya başlayabiliriz.

Sitemizde genel olarak site başlığının, sayfa başlığının, arşiv sayfasının başlığının ve içeriğindeki anahtar kelimeleirn düzenlenmesini  kolaylıkla yapabiliyoruz. Benim kullandığım şekli aşağıdaki gibidir.

Elbette bu şekilde kullanmak pek yararlı değil. Ben ek olarak daha sonra tanıtacağım,Simple Tags ve Xml- Sitemap eklentilerini kullanıyorum. Bunlar sayfamı daha stabil tutup, kopmaları engelliyorum ve etiketlerimi daha iyi kullanabiliyorum.

1. Microsoft Messenger Programınızı Program Ekle Kaldır Bölümünden güvenli bir şekilde kaldırın. Kaldırım sırasında sorun yaşayan arkadaşlar önceki yazımda da belirttiğim buradaki CleanUp programını indirip Msn ile ilgili tüm belgeleri kaldırsınlar.
2. Daha sonra buradan Messengerin son sürümünü indirip kurabilirler.
3. Msn listenizde kimse gözükmüyorsa Messenger 8.5 sürümünü işinizi görecektir.

2.Part uygulamalar kullanan kullanıcılar bundan etkilenmeyeceklerdir. Onların otomatik güncellemeleri zaten çıkıyor. Örneğin Mac'de kullandığım Adium programında bu geçerli değil.

TinyMCE editörüne buradaki sayfasından , projeniz için kullanacağınız biçimdeki şekline buradan ulaşabilirsiniz.

Dosyamızı buradan indirdikten sonra ilk olarak çalışma yapacağımız klasörü düzenlememiz gerekiyor. Yapacağınız projelerde düzenli çalışmanız sizin projeyi yönetme açınızdan kolaylık sağlayacaktır.

Benim genel olarak çalışma şeklim şu şekildedir. Anaklasörümün içinde sayfamın öğelerine yer veririm. Mesela resimler, Css klasörüm, Js klasörüm, Eklentiler klasörüm, Template klasörüm, Editörler klasörüm burada yer alır.

Dosyamızı indirdiğimizde karşımıza tinymce adlı bir klasör çıkacaktır. Bu klasörünün hemen altında examples ve jscript adında 2 tane daha klasör göreceksiniz. Jscript klasörünün içine girip tiny_mce klasörünü kopyalayıp yukarıdaki gibi bir çalışma şekli oluşturun. Bunu eğer pratik hale getirirseniz ilerde yazacağınız materyal kodları kolaylıkla entegre edebilirsiniz.

Ornek1.asp ve Ornek2.asp adında iki tane dosya oluşturun. TinyMCE editörünü sayfaya eklemek ve kullanmak son derece basit bir işlem. Birazdan bunu göreceksiniz.

Ornek1.asp, TinyMCE editörününün görüldüğü sayfa olacaktır. Ornek2.asp ise Ornek1.asp'de bulunan editörümüzün içeriğini girdikten sonra başka sayfalarda o içeriği nasıl alacağımızı gösteren sayfa olacaktır.

TinyMCE sayfaya eklemek için 2 tane kolay yapılması gereken işlem var. Birinci işlem <head></head> etiketleri arasına yerleşecek olan editörü sayfamıza eklemek için kullanacağımız Javascript kodlarıdır. Ayrıca editörü özelleştirirken buradaki kodlar üzerinde oynama yapacağız. İkinci işlemimiz ise bir <form></form> etiketi ve içerisine bir <textarea> kutusu oluşturmak olacaktır. Ben size zaten bunun kodlarını vereceğim. Ezberlemenize gerek yok.

Hemen sayfamıza editörü ekleyelim. Gerekli standart, basit olan kodumuz aşağıda yer almaktadır. Bunu ornek1.asp içine yapıştırın.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9" />
<title>Örnek1 - TinyMCE Editörünü Sayfaya Ekleme ve İçeriği Alma</title>
<script type="text/javascript" src="tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
tinyMCE.init({
mode : "textareas"
});
</script>
</head>

<body>
<!-- Basla : TinyMCE Editör -->
<form method="post" action="ornek2.asp">
<textarea name="content" cols="50" rows="15">Burası İlk Yüklendiğinde Çıkacak Olan Yazıdır. <b>Örnek</b> www.ehocam.com gibi</textarea>
<input type="submit" value="Save" />
</form>
<!-- Bitir : TinyMCE Editör -->
</body>
</html>

Yukarıdaki kodu ornek1.asp'ye yerleştirdiğinizde karşımıza basit TinyMCE çıkması gerekiyor. Eğer çıkmazsa büyük ihtimal klasörlerin yerlerinde yanlışlık yapmışsınız demektir. Tekrar kontrol ediniz. Yukarıdaki kodlar çalıştırdığınızda aşağıdaki resim gibi olmalıdır.

Şimdi ki aşamamız ise, yazdığımız verileri başka sayfalardan alma olsun. Onun için <textarea> kutusuna verdiğiniz isim önem arz ediyor. Örneğin yukarıda ben <textarea name="content" cols="50" rows="15"> ile content adında bir <textarea> kutusu oluşturmasını söyledim. O halde sayfamızdan veri alırken <textarea> kutusuna verdiğimiz ismi kullanıyoruz. Aşağıdaki kod ornek2.asp içindir.

<%
response.Write(request.form("content"))
%>

Bu şekilde sayfamızın içeriğini alabiliyoruz. Şimdi de biraz özelleştirme yapalım. Bunun için kendi sayfasında ki örnekler bölümünü inceleyebilirsiniz veya indirdiğiniz sıkıştırılmış dosyanın içerisinde ki examples klasörüne gözatabilirsiniz. Sorularınızı yorumlar kısmında yazarsanız hemen cevaplayabilirim.

Öncelikli FreeRTE'nin üretici web sayfasını tekrardan vereyim.

Üretici Sayfası : Sayfaya Git

Demo Sayfası : Sayfaya Git

İndirme Sayfası : FreeRTE İndir

Editörümüzü buradaki adresimizden indiriyoruz. İlk olarak javascript ile nasıl eklenir ona bakalım. Dosyanızı açtığınızda içersinde examples klasörünü göreceksiniz. İçerisinde php, asp ve normal bir html sayfasına nasıl eklenebilir onu göreceksiniz. Html ile başlayalım. Bu kodları examples klasörünün içine yapıştırmanız gerekmektedir. Examples klasörünün adını değiştirebilirsiniz. Mesela adına sayfalar koyabilirsiniz. Fakat mutlaka bir üst klasörde images, html, js klasörleri olması gerekmektedir.

<form method="get">
<!-- Include the Free Rich Text Editor Runtime --> 

<script src="../js/richtext.js" type="text/javascript"></script>
<!-- Include the Free Rich Text Editor Variables Page -->
 <script src="../js/config.js" type="text/javascript"></script>

<!-- Initialise the editor -->

<script type="text/javascript">
<!--
initRTE('<i>This is some <b>preloaded</b> content</i>', 'example.css');
// -->
</script>

<input type="submit" />

</form>

Yukarıdaki kodu <body></body> etiketleri arasına koyduğunuz zaman editör karşınıza çıkması lazım. Html'de kolaylıkla yaptık. Asp'de ise sorun bulunmakta. Aslında sorun yanlış kod yazımı. Tam olarak farkında değiller mi yoksa benim bilmediğim kodlar mı türedi asp'de bilmiyorum ama IIS üzerinden example.asp dosyasını çalıştırdığınızda normalde birşey göremeyeceksiniz. (galiba php örneği asp bilmeyen biri yapmaya çalışmış ) Bir kaç satır kod değiştirmek gerekecek.

Yani kısacası resimde görüldüğü gibi yanlış. Şimdi examples klasörünün içine deneme.asp diye bir dosya açın. Aşağıdaki kodları eklediğinizde sayfada editör karşınıza çıkacaktır.

<%function freeRTE_Preload(content)

content = trim(content)

content = replace(content, chr(10), " ")

content = replace(content, chr(13), " ")

content = replace(content, chr(145), chr(39))

content = replace(content, chr(146), chr(39))

freeRTE_Preload = content

end function

content = freeRTE_Preload("<i>Sayfa Yüklendiğinde İçeriği Buraya Yerleştir </i>")%>

<form method="post">

<script src="../js/richtext.js" type="text/javascript" language="javascript"></script>

<script src="../js/config.js" type="text/javascript" language="javascript"></script>

<script>

initRTE('<%= content %>', 'example.css');

</script>

<input type="submit">

</form>

Son olarak editörde yapmış olduğunuz verileri ise aşağıdaki komutla almanız mümkündür. Veriler icerik değişkenine html yapıda atanacaktır. Mesela kalın bir şekilde A harfini yazdığınızda html karşılığı<b>A</b> dir. Bunu editörde yaptığınızda icerik değişkenine <b>A</b> gelecektir. Daha sonra ister üzerinde işlem yaparsınız isterseniz de veritabanına kaydedersiniz.

Editörler ortalama aynı özellikleri kullanmaktadırlar. Genellikle javascript ile geliştirilen editörler, kolaylıkla web sayfamıza birkaç kodla entegre olabilirler. (Ayrıca aynı editörlerin asp.net sürümleri de yer almaktadır.) Eklediğimizde yazılarımızın rengini, yazı tipini, hizalamaları (sağa hizala - sola hizala - ortala), kalınlıkları, italik görünümü, resim eklemeyi, video eklemeyi, müzik eklemeyi hiç bir ek materyal kullanmadan yapmamızı sağlıyor. Hepsini editörden kolaylıkla yapabilirsiniz. Yani Office Word’de yapabildiğiniz uygulamaların çoğunu yapmanız mümkündür. (Bu cümle yanlış yorumlanmasın. Elbette %100 word gibi olmayacaktır ama word’de yapabildiklerinizi düşünün, bunların birçoğunu yapmanız mümkün. )

Unutulmaması gereken en büyük özelliklerden birisi de tarayıcı uyumluluğudur. Eğer internet explorer’da düzgün çalışıp firefox’ta hatalı çalışıyorsa bu editörü kullanmamalısınız. Bunu öğrenmenin en kolay yollarından biri, üretici web sayfasında desteklediği tarayıcılara bakmanız olacaktır.

Ben size bu yazımda en fazla kullanılan editörleri tanıtacağım. Elbette bir web sayfasına nasıl eklenir ve nasıl veri alınır gibi bilgileri de kısa ama anlaşılır bir şekilde belirteceğim.

Makale de FreeRTE (Free Rich Text Editor), FCKeditor ve TinyMCE size tanıtacağım, piyasada en fazla kullanılan, gelişmiş editörlerdir.

• FreeRTE (Free Rich Text Editor)

FreeRTE benim de önceki projelerde kullandığım editörlerden birisidir. Kolay kurulumu ve kullanılışı sayesinde zorluk çekmezsiniz. Projelerinizde kapsamlı belgeler üzerinde çalışmayacaksanız önerdiğim editörlerden birisidir. Editör aşağıdaki tarayıcılarda çalışmaktadır.

Internet Explorer 5.5+

Mozilla Firefox 0.9+

Apple Safari 2.0+

Opera 9.0+

Flock 0.9+

Netscape 7.0+

Camino 1.0+

NEW Google Chrome Beta

Üretici sitesine buradan, demo sayfasına buradan, indirme sayfasına ise buradan ulaşabilirsiniz.

• FckEditor

FckEditor, piyasada adını duyurmuş sağlam editörlerden birisidir. Size ne kadar iyi olduğunu buradaki linkten anlatabilirim herhalde. Sitesinde FckEditor kullanan dünyaca ünlü markaları ve ünlü siteleri koymuşlar. İlk sırada Oracle ve Adobe’nin olması yeterli sanırım

FckEditor sadece javascript ile projelerinize dahil edilmiyor. Farklı dillerde birçok dil ile de entegrasyon sağlanabiliyor. Asp, Asp.Net, Java, Javascript, Perl, Python, Lasso, ColdFusion gibi dillerde hatasız çalışmaktadır.

FckEditor’un en büyük özelliklerinden birisi de şablon desteği sağlamasıdır. Diğer editörlerinden farklı olarak şablonlar belirleyerek, zaman kaybetmeden o şablonu kullanabilirsiniz. FckEditor piyasada önder editörlerin başında gelmektedir.

En önemli özelliklerinden biriside farklı formatta kullanabilirliğidir. Bunu şu şekilde açıklayabilirim umarım. Web sayfanızın olduğunu düşünün. Siz site yönetici olarak yazıyı oluştururken tüm fonksiyonları kullanmak istersiniz. (Resim ekleme, video ekleme, dizin üzerinde gezinme gibi). Yorumlarda ise ziyaretçilerin sitede açık oluşturmasını engellemek için daha az fonksiyonel bir düzen kullanmak isteyebilirsiniz. Bunların hepsi için teker dosyaları değiştirmek gerekmiyor. Editör içerisinde tanımlı formatlar bulunmakta. Bunları sayfanıza eklerken belirtmeniz yeterli olacaktır.

Ayrıca FckEditor Türkçe dili olmak üzere birçok dili desteklemektedir. FckEditor’un ayrıca sizin seçiminize bıraktığı 3 farklı görünümü de mevcuttur.

FckEditor aşağıdaki tarayıcıları desteklemektedir.

Internet Explorer 5.5+

Mozilla Firefox 1.5+

Apple Safari 3.0+

Opera 9.5+

Camino 1.0+

Google Chrome

Üreticinin sayfasına buradan, demo sayfasına buradan, indirme sayfasına buradan, döküman sayfasına (ingilizce) buradan ulaşabilirsiniz.

• TinyMCE

TinyMCE görünüm ve düzenleme açısından en iyi editörlerden birisidir. Gelişmesinde elbette dünyanın en büyük açık kaynak kodlu blog sistemi olan WordPress'in, ana düzenleyici editörü olması büyük bir etkendir. Fckeditor ile arasında çok büyük benzerlikler vardır. Bu anlamda ikisi arasında bir seçim yapmak benim açımdan mümkün değil. Sonuç olarak her ikisi de benzerdir. Ayrıca TinyMCE yönetmek FckEditor'e göre daha kolaydır. Açılan pencereler daha kullanışlı olup resim upload seçenekleri ve dizin yönetimi FckEditore göre daha iyidir.

Ayrıca FckEditor'de bahsettiğim farklı formatlarda kullanım TinyMCE'da da bulunmaktadır. Bu özellik TinyMCE'da biraz daha fazla seçenekte sunulmuştur.

Javascript ile yazdıldığından tüm ortamlara entegre olur. Türkçe dahil birçok dilde versiyonları bulunmaktadır.

Aşağıdaki tarayıcıları desteklemektedir.

Internet Explorer 5.5+

Mozilla Firefox 1.5+

Apple Safari 3.0+

Opera 9.5+

Camino 1.0+

Google Chrome

Üreticinin sayfasına buradan, demo sayfasına buradan, indirme sayfasına buradan, döküman sayfasına (ingilizce) buradan ulaşabilirsiniz.