Murat Bütün » Web Master http://blog.muratbutun.com Web Tasarım ve Arama Motorları Optimizasyonu Sun, 15 Jan 2012 12:01:59 +0000 en hourly 1 http://wordpress.org/?v=3.3 Web Sitem Ipad’de Nasıl görünüyor http://blog.muratbutun.com/web-sitem-ipadde-nasil-gorunuyor/ http://blog.muratbutun.com/web-sitem-ipadde-nasil-gorunuyor/#comments Thu, 05 Jan 2012 22:22:11 +0000 Murat Bütün http://blog.muratbutun.com/?p=2352

Web sitenizi Ipad’lerde nasıl göründüğünü test etmek istiyorsanız http://www.ipadpeek.com/ tam size göre

Benzer Bir Yazı Bulunamadı

]]> http://blog.muratbutun.com/web-sitem-ipadde-nasil-gorunuyor/feed/ 0 10 Adet Ajax/CSS/HTML Forum Oluşturma Sitesi http://blog.muratbutun.com/10-adet-ajaxcsshtml-forum-olusturma-sitesi/ http://blog.muratbutun.com/10-adet-ajaxcsshtml-forum-olusturma-sitesi/#comments Fri, 23 Dec 2011 08:04:59 +0000 Murat Bütün http://blog.muratbutun.com/?p=2228

Web sitelerine hızlı bir şekilde iletişim ve sipariş formları hazırlayabileceğiniz 10 adet online form oluşturma web siteleri

 

1. Form Assembly

Kodlar  |  Demo

 

 

2. JotForm

Kodlar  |  Demo

 

 

 

3. pForm (Free HTML Form Builder – Create Web Form Template Online)

Kodlar  |  Demo

 

 

 

4. FormLogix

Kodlar  |  Demo

 

 

 

5. Wufoo

Kodlar  |  Demo

 

 

 

6. FormSite

Kodlar  |  Demo

 

 

 

7. FormSpring

Kodlar  |  Demo

 

 

 

8. Icebrrg

Kodlar  |  Demo

 

 

 

9. FAARY

Kodlar  |  Demo

 

 

 

10. Zoho Creator

Kodlar  |  Demo

Benzer Bir Yazı Bulunamadı

]]> http://blog.muratbutun.com/10-adet-ajaxcsshtml-forum-olusturma-sitesi/feed/ 0 10 jQuery Site Dili Çeviri Eklentisi http://blog.muratbutun.com/10-jquery-site-dili-ceviri-eklentisi/ http://blog.muratbutun.com/10-jquery-site-dili-ceviri-eklentisi/#comments Wed, 23 Nov 2011 08:59:17 +0000 Murat Bütün http://blog.muratbutun.com/?p=2041
  • 8 jQuery Eklentisi
  • jQuery ile Panorama Resim Görüntüleme
  • AJAX Post Meta Eklentisi
  • jQuery ile Slider Gallery
  • jQuery ile Tam Sayfa Arka Plan Resim Gezinti
    • ]]>

    Google çeviriyi kullanarak web sitelerinize kolayca dil seçeneği ekleyebilirsinizi. 10 adet işinizi kolaylaştıracak jquery dil çeviri eklentisini aşağıda bulabilirsiniz.

    jQuery Translator Plug-in

     

    Demo | Kodlar

    —————————————————————————————————————————————-

    jTextTranslate: A jQuery Translation Plugin

     

    Demo | Kodlar

    —————————————————————————————————————————————-

    SundayMorning

     

    Demo | Kodlar

    —————————————————————————————————————————————-

    jQuery Translator

     

    Demo | Kodlar  

    —————————————————————————————————————————————-

    jQuery Google Translate Plugin

     

    Demo | Kodlar

    —————————————————————————————————————————————-

    jquery.tr – Translation plugin

     

    Demo | Kodlar

    —————————————————————————————————————————————-

    Ajax Translator Revolution Lite jQuery Plugin

     

    Demo | Kodlar

    —————————————————————————————————————————————-

    Lingua Localization Plugin

     

    Demo | Kodlar

    —————————————————————————————————————————————-

    SpecialEdit

     

    Demo | Kodlar

    —————————————————————————————————————————————-

    jsperanto

     

    Demo | Kodlar

    Benzer Yazılar :

    1. 8 jQuery Eklentisi
    2. jQuery ile Panorama Resim Görüntüleme
    3. AJAX Post Meta Eklentisi
    4. jQuery ile Slider Gallery
    5. jQuery ile Tam Sayfa Arka Plan Resim Gezinti

    ]]>     http://blog.muratbutun.com/10-jquery-site-dili-ceviri-eklentisi/feed/ 0     Animasyonlu Css Butonları http://blog.muratbutun.com/animasyonlu-css-butonlari/ http://blog.muratbutun.com/animasyonlu-css-butonlari/#comments Tue, 08 Nov 2011 17:46:30 +0000 Murat Bütün http://blog.muratbutun.com/?p=1951
  • Gmail’e İmzanızı Koyma
  • CSS ile yuvarlak köşeler
  • Css Reset
  • Mobil Cihazlarla Uyumlu WordPress Teması
  • Şık pagination Psd (3 renk)
    • ]]>

    Css ile  flash animasyon tadında butonlar yapmak istiyorsanız sizlere şu örneği gösterebilirim. Bu çalışmada yapımcı css ve javascripti ile uğraşan arkadaşların hedeflerini de yükseltiyor. Ben Firefox ve Chrome’da test ettim ve sorunsuz bir şekilde çalıştı. Çalışmanın kaynak kodlarını burada bulabilirsiniz.

    Benzer Yazılar :

    1. Gmail’e İmzanızı Koyma
    2. CSS ile yuvarlak köşeler
    3. Css Reset
    4. Mobil Cihazlarla Uyumlu WordPress Teması
    5. Şık pagination Psd (3 renk)

    ]]>     http://blog.muratbutun.com/animasyonlu-css-butonlari/feed/ 0     8 jQuery Eklentisi http://blog.muratbutun.com/8-jquery-eklentisi/ http://blog.muratbutun.com/8-jquery-eklentisi/#comments Mon, 31 Oct 2011 14:28:00 +0000 Murat Bütün http://blog.muratbutun.com/?p=1839
  • jQuery ile Tam Sayfa Arka Plan Resim Gezinti
  • AJAX Post Meta Eklentisi
  • jQuery ile Slider Gallery
  • jQuery ile Açılır Kapanır İletişim Formu Alanı Yapımı
  • Arka Plan Sabitleme
    • ]]>

    360 derece resim döndüre bilen jquery eklentisi.

    Kaynak ve demo için

    —————————————————————————————

    javascriptviewer.com/learning-centre/code-examples/multiple-360-images-page.html” target=”_blank”>Kaynak ve demo için

    —————————————————————————————

    Kaynak ve demo için

    —————————————————————————————

    googlecode.com/hg/1.0.0/index.html” target=”_blank”>Demo Kaynak

    —————————————————————————————

    Kaynak ve demo için

    —————————————————————————————

    Kaynak ve demo için

    —————————————————————————————

    Kaynak ve demo için

    —————————————————————————————

    Kaynak ve demo için

    Benzer Yazılar :

    1. jQuery ile Tam Sayfa Arka Plan Resim Gezinti
    2. AJAX Post Meta Eklentisi
    3. jQuery ile Slider Gallery
    4. jQuery ile Açılır Kapanır İletişim Formu Alanı Yapımı
    5. Arka Plan Sabitleme

    ]]>     http://blog.muratbutun.com/8-jquery-eklentisi/feed/ 0     Html Mail Tasarımı http://blog.muratbutun.com/html-mail-tasarimi/ http://blog.muratbutun.com/html-mail-tasarimi/#comments Fri, 28 Oct 2011 13:24:12 +0000 Murat Bütün http://blog.muratbutun.com/?p=1828
  • Endüstriyel Kartvizit Tasarımı
  • Kısaca Html
  • Parti Afiş Tasarımı
  • Çizimleri Html Çevirme
  • Facebook Style Footer
    • ]]>

    Müşterilerinize veya e-bülteninize kayıtlı mail adreslerine mail göndermek istiyorsanız aşağıda size verdiğim mailing örneğini kullanabilirsiniz.

    Demo

    Dosyayı indirmek için tıklayınız

    Benzer Yazılar :

    1. Endüstriyel Kartvizit Tasarımı
    2. Kısaca Html
    3. Parti Afiş Tasarımı
    4. Çizimleri Html Çevirme
    5. Facebook Style Footer

    ]]>     http://blog.muratbutun.com/html-mail-tasarimi/feed/ 1     Google Seo Eğitimi http://blog.muratbutun.com/google-seo-egitimi/ http://blog.muratbutun.com/google-seo-egitimi/#comments Fri, 14 Oct 2011 18:20:23 +0000 Murat Bütün http://blog.muratbutun.com/?p=1307
  • Google ve Buzz
  • Google 2010 Logoları
  • Google 2009 Logoları
  • Google’yi Google Yapan 10 Şey
  • Google Erişim Sorunları ve Çözüm
    • ]]>

    İnternet reklamcılığında rekabet arttıkça, maliyette gittikçe artmaya başladı. Site sahipleri de çeşitli yöntemlerle maliyeti azaltmayı hedefliyorlar. Google adwords ve diğer reklam kanallarına milyarlar ödemektense bir seo uzmanı ile çalışmayı seçiyorlar.

    Bu aşamada web tasarımcılara, büyük ve küçük işletme sahiplerine, web masterlara özel bir seo eğitim programı hazırladık. Ayın çeşitli günlerinde düzenlediğimiz bu Google seo eğitimi sayesinde web sitesinizi en doğru yöntemler ile arama motorlarına uygun hale getirebilirsiniz. Eğitim sonunda katılımcılara verilecek olan sertifika ile iş ararken rakiplerinizden de bir adım önde olacaksınız.

    Eğitim süresince anlatılan bazı kodsal anlatımları da Google seo eğitimine katılanlara verilecek olan kullanıcı adı ve şifre ile videolu olarak eğitim sonrasında izleyebilirler. Videolarımızı gelişen Google teknolojilerine güncel tutmaktayız.

    Eğitim programının içeriği, fiyatı ve tarihleri ile ilgili ayrıntılı bilgiyi www.seosemineri.com adresinde bulabilirsiniz.

    Benzer Yazılar :

    1. Google ve Buzz
    2. Google 2010 Logoları
    3. Google 2009 Logoları
    4. Google’yi Google Yapan 10 Şey
    5. Google Erişim Sorunları ve Çözüm

    ]]>     http://blog.muratbutun.com/google-seo-egitimi/feed/ 0     Tanıtım Yazısı http://blog.muratbutun.com/tanitim-yazisi/ http://blog.muratbutun.com/tanitim-yazisi/#comments Fri, 07 Oct 2011 15:33:34 +0000 Murat Bütün http://blog.muratbutun.com/?p=981

    Web masterlar, web tasarımcılar ve seo uzanmalarına web sitelerinin tanıtımlarını yapmaları için yaklaşık bir sene önce bir web sitesi açmıştık. Bir sene içerisinde 400 yakın tanıtım yazısı yayınladık ve bu süre zarfı içerisinde web sitemizin arama motorları optimizasyonlarını tam hız devam ettirdik.

    Bu projede bizlere web tanıtımları ve backlink işlemlerinde yardımcı olan firmalara çok teşekkür ediyorum. 2 yılımızda web sitemizin İngilizce kısmını aktif edeceğiz. Web sitemizin çalışma şeklini ve tüm ayrıntılı bilgileri www.tanitim-yazisi.com sitesinde bulabilirsiniz.

     

    Benzer Bir Yazı Bulunamadı

    ]]>     http://blog.muratbutun.com/tanitim-yazisi/feed/ 0     Fotoğraftaki Renkler http://blog.muratbutun.com/fotograftaki-renkler/ http://blog.muratbutun.com/fotograftaki-renkler/#comments Sun, 26 Sep 2010 10:50:58 +0000 Murat Bütün http://blog.muratbutun.com/?p=536
  • Herkez Sizin Tarayıcınızı Kullanmıyor
  • Sayaç Çeşitleri
    • ]]>     Yüklediğiniz bir fotoğraftaki renklere göre size bir renk paleti oluşturan bir web sayfası www.bighugelabs.com/colors.php

    Benzer Yazılar :

    1. Herkez Sizin Tarayıcınızı Kullanmıyor
    2. Sayaç Çeşitleri

    ]]>     http://blog.muratbutun.com/fotograftaki-renkler/feed/ 0     Data Life Engine’de Ana Sayfayı Değiştirmek http://blog.muratbutun.com/data-life-engine%e2%80%99de-ana-sayfayi-degistirmek/ http://blog.muratbutun.com/data-life-engine%e2%80%99de-ana-sayfayi-degistirmek/#comments Fri, 15 Jan 2010 10:01:24 +0000 Murat Bütün http://blog.muratbutun.com/?p=311 Merhabalar Data Life Engine’de en büyük eksiklerden bir tanesi ana sayfayı değiştirememektir. Bu eksikliği çözmek için şu şekilde bir yol izleye biliriz. Öncelikle Data Life Engine’nin ana dizininde bulunan .htaccess dosyayı açalım. .htaccess dosyasının ilk satırındaki

    DirectoryIndex index.php

    Değiştir

    DirectoryIndex index.html

    Şimdi yeniden ana dizinimize index.html diye bir klasör oluşturalım ve html dosyasının içerisine

    <html>

    <title>Site Başlığı<title>

    <meta http-equiv=”refresh”

    content=”1;url=Anasayfa Olmasını İstediğinizi Sayfanın Linkini Yazalım”>

    <body>

    </body>

    </html>

    kodu ekledikten sonra html dosyasını sunucumuza yolladıktan sonra sorunumuz çözülmüş olucaktır.

    Benzer Bir Yazı Bulunamadı

    ]]>     http://blog.muratbutun.com/data-life-engine%e2%80%99de-ana-sayfayi-degistirmek/feed/ 0     Herkez Sizin Tarayıcınızı Kullanmıyor http://blog.muratbutun.com/herkez-sizin-tarayicinizi-kullanmiyor/ http://blog.muratbutun.com/herkez-sizin-tarayicinizi-kullanmiyor/#comments Mon, 28 Dec 2009 08:16:51 +0000 Murat Bütün http://blog.muratbutun.com/?p=231
  • Kısaca Html
    • ]]>     Ah Ah diye bir giriş ile başlayalım yazımıza bir web master web sayfasını tasarlarken sadece internet exporer veya firefoxa göre tasarlamamalıdır. Bütün web tarayıcıları css kodlarını ayrı telden yorumlarlar tarayıcılar arasındaki bu sorun süre ki müşteriler tarafından bir web master sorunu olarak görünmektedir. Tabi ki bu sorunu da çözmek web masterın sorunudur. Web sayfanıza koyduğunuz sayaç ile web sayfanıza en çok hangi tarayıcı ile girildiği hangi çözünürlüklerin kullanıldığını görebilirsiniz. Aklınıza gelmeyecek tarayıcılar ve uçuk ekran çözünürlükleri ile web sayfanıza giriş yapılmaktadır. Ancak en başa döndüğümüzde sizin web sayfanızı Firefox ve IE ye göre tasarladığınızı farz edelim. O zaman gelelim web sayfanız diğer tarayıcılarda nasıl görünmektedir. Bütün insanların kullandıkları ve piyasada kullanılan tarayıcıların hepsini bilgisayarımıza indirip denememiz gerekmektedir. Bu zor işi bizim yerimize yapan bir web sayfası mevcut. http://www.browsershots.org/ sitesi sizin web sayfanızı görüntü olarak sizlere göstermektedir. Sitenin ana sayfası gayet basit, yukarıdaki araç çubuğuna web sayfanızın adresini yazalım ve aşağıda işletim sistemlerin kullandıkları tarayıcıları seçerek testinizi başlatabilirsiniz. browsershots Görüntü_1

    Benzer Yazılar :

    1. Kısaca Html

    ]]>     http://blog.muratbutun.com/herkez-sizin-tarayicinizi-kullanmiyor/feed/ 0     Sayaç Çeşitleri http://blog.muratbutun.com/sayac-cesitleri/ http://blog.muratbutun.com/sayac-cesitleri/#comments Mon, 28 Dec 2009 08:11:46 +0000 Murat Bütün http://blog.muratbutun.com/?p=228
  • Kişisel Blog Nasıl Yapılır
  • Hosting Konusunda Önemli Notlar
    • ]]>     S0205-75Bir web sayfası enerjisini sitede dolaşan ziyaretçilerden alır. Bir web sayfasının içeriği ne kadar güzel olursa olsun ziyaretçi çekilememişse o sitenin bir önemi kalmaz. Şöyle düşünelim bir dükkanımız var ve rafları en güzel ürünlerle doldurduk müşteri gelmedikten sonra ürünlerin güzelliği neye yarar ? web sayfamıza ne kadar ziyaretçi geldiğini görmenin 3 yolu var şimdi bunları inceleyelim.

    1. Hosting Sağlayıcısı : Bu hizmet tamamen sadece hosting firmanıza kalmıştır. Host almadan önce host paketini güzelcene inceleyiniz. Ziyaretçi konusunda size en doğru istatistikleri verecek olan host firmalarıdır. Bu panellerden yine host firmalarına göre değişmekle beraber tekil, çoğul ziyaretçiler, sayfa görüntüleme, günlük harcanan bant genişliği bilgileri göre bilirsiniz.
    2. Sayaç Sistemi Kurmak : Günümüzde hemen hemen her yazılıma göre sayaçlar bulunmaktadır. Web sayfanızın alt yapısına göre bir sayaç sistemi seçin ve web sayfanızın nabzını tutunuz.
    3. Web Tabanlı Sayaçlar : Web tabanlı sayaçların başında Google Analytics gelmektedir. Bir gmail adwords hesabı ile kullanacağınız bu servis web sayfanız konusunda sizlere arıntılı bilgiler vermektedir.Bu konu ile ilgili bir yazı hazırlamaktayım analytics ile ilgili ayrıntıları bu yazımda bulabilirsiniz. Analytics sonra gelen en popüler web tabanlı sayaçlardan bir tanesi de Extreme Tracking’dir. Ama bu servis Türk web masterlara kapıltılmıştır. O yüzden ayrıntılara girmiyorum.

    Benzer Yazılar :

    1. Kişisel Blog Nasıl Yapılır
    2. Hosting Konusunda Önemli Notlar

    ]]>     http://blog.muratbutun.com/sayac-cesitleri/feed/ 0