Nisan 2014 - Wolder King

Javascript Eğitimi Ders 2-Javascript'e Giriş

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijae9Q1k8gYP8_TEBZbBoBZhjOgKFQi7aDxLIOEE0_OmMSFdfVrXTjyBMJ0MZOuiVXvJOrDgYGbmgrhltw6zu4uxa7xycbtWfjnQ8Pbj-qoiol289A1nKihYcmX8axpgY_8GcQiQUhPHHF/s1600/JavaScript-logo.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijae9Q1k8gYP8_TEBZbBoBZhjOgKFQi7aDxLIOEE0_OmMSFdfVrXTjyBMJ0MZOuiVXvJOrDgYGbmgrhltw6zu4uxa7xycbtWfjnQ8Pbj-qoiol289A1nKihYcmX8axpgY_8GcQiQUhPHHF/s1600/JavaScript-logo.png" width="200" /></a></div>
Merhaba,<br />
Şimdi değişkenler hakkında bilgi edinip kullanıcağız. Kısa bir ders olcak. Kolay Gelsin.<br />
<h3>
Değişkenler</h3>
<div>
Değişkensiz hiçbir şey yapamayız. Değikenler üretilen verileri, değerleri saklamaya yarayan alanlardır. Söz dizimi şöyledir:</div>
<div>
<br /></div>
<div>
<Veri Türü> <Değişken Adı> = <İlk Değer Ataması></div>
<h3>
Değişken Oluşturma Kuralları</h3>
<div>
<ul>
<li>Adı "_" veya harfle başlamalıdır. Sayı ile başlayamaz.</li>
<li>Adından türkçe karakter ve boşluk bulunmamalıdır.</li>
<li>Büyük harflere duyarlıdır. Yani "ben" ve "Ben" farklıdır.</li>
<li>Değişken tanımlama şöyledir:</li>
</ul>
<div>
             var <değişken adı> = <ilk değer ataması></div>
</div>
<div>
<ul>
<li>Değişkenlerde ad olarak rezerve isimleri kullanılmaz.</li>
<li>Değişkenlerde metinler atanırken "ve" işaretleri arasına konulmalıdır.</li>
</ul>
<h3>
Değişken Tanımlama ve Değer Atama</h3>
</div>
<div>
Tanımlama:</div>
<div>
<br /></div>
<div>
var a = 5;</div>
<div>
<br /></div>
<div>
Değer Atama:</div>
<div>
var j; //Şuan Değeri Yok</div>
<div>
j = "Wolder"; //Değer Atadık ve Değeri Var</div>
<div>
<br /></div>

Javascript Eğitimi Ders 2-Javascript'e Giriş

Merhaba, Şimdi değişkenler hakkında bilgi edinip kullanıcağız. Kısa bir ders olcak. Kolay Gelsin. Değişkenler Değişkensiz hiçbir şey yapamayız. Değikenler üretilen verileri, değerleri saklamaya yarayan alanlardır. Söz dizimi şöyledir: = Değişken Oluşturma Kuralları Adı "_" veya harfle başlamalıd…

Apr 30, 2014

Javascript Eğitimi Ders 1-Başlangıç

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2MFvs61EruESO4BEgaeqY9v6HM2aMHpaiSvqSA0qUX6lWFeky5h0jt_783i5TYR1ck_SSN2ESVl531RaKz7fv4bm7o75m52j8lUJpacgzTv-opjjBk3qFg6IpcdZqM8yrK95GrLblC-Hg/s1600/JavaScript-logo.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2MFvs61EruESO4BEgaeqY9v6HM2aMHpaiSvqSA0qUX6lWFeky5h0jt_783i5TYR1ck_SSN2ESVl531RaKz7fv4bm7o75m52j8lUJpacgzTv-opjjBk3qFg6IpcdZqM8yrK95GrLblC-Hg/s1600/JavaScript-logo.png" width="200" /></a></div>
Merhaba,<br />
Bugünden itibaren siteyi daha dinamik, kullanışlı yapan javascripti öğrenmeye başlayacağız. Çok uzun ve ayrıntılı anlatımlarım ile iyi anlayacağınızı düşünüyorum. Bu derse başlamadan önce "Html" ve temel "Css" bilmelisiniz. Biraz saçma ama arada "Css" kullanacağım. Ayrıca "Php" biliyorsanız size "Javascript" çok kolay gelecektir. Şimdiden kolay gelsin.<br />
<br />
<h3>
Nereye Eklenir</h3>
<div>
Html'de ve Html5'te "<head>" etiketleri arasına veya "<body>" etiketleri arasına eklenir. Eklendiği yer ise önemlidir. Bir örnekle açıklayalım:</div>
<div>
<br /></div>
<div>
"Evet bu işlem için "function" etiketini kullanacağız.</div>
<div>
.</div>
<div>
.</div>
<div>
.</div>
<div>
Şimdi "function" etiketinin ne olduğunu öğrenelim:</div>
<div>
.</div>
<div>
.</div>
<div>
.</div>
<div>
<br /></div>
<div>
Sizce size böyle bir eğitim sağlasam olur mu? Tabiki hayır. İşte tarama işlemide yukarıdan başladığından eğer en üste etiket ile javascript belirtirsek tarayıcı daha o etiketi tanımadığından (okumadığından) script kodu yok sayılacaktır.</div>
<div>
<br /></div>
<div>
<html></div>
<div>
<head></div>
<div>
//1. Javascript Kodları</div>
<div>
</head></div>
<div>
<body></div>
<div>
//2. Javascript Kodları</div>
<div>
//Kodlar</div>
<div>
//3. Javascript Kodları</div>
<div>
</body></div>
<div>
</html></div>
<h3>
Nasıl Eklenir</h3>
<div>
"<script>" ve "</script>" etiketleri arasına "type" değeri "text/javascript" verilerek kullanılır. Yani:</div>
<div>
<br /></div>
<div>
<script type="text/javascript"></div>
<div>
//Kodlar</div>
<div>
</script></div>
<div>
<br /></div>
<h3>
Harici Javascript</h3>
<div>
"<script>" ve "</script>" etiketleri arasına "src" değerine "URL" verilerek yapılır. Dikkar edilmesi gerek hususlar:</div>
<div>
<ul>
<li>Kaynak dosya ".js" uzantılı olmalıdır.</li>
<li>Kaynak dosya "<script>" ve "</script>" etiketleri içermemeli.</li>
<li>"src" özelliği kullanılırsa "<script>" ve "</script>" etiketleri arasına kod yazılmamalı.</li>
<li>Harici Javascript'i "<head>" veya "<body>"de kullanabilirsiniz.</li>
</ul>
<h3>
Javascript'e Açıklama</h3>
</div>
<div>
Tek satırlı açıklama için:</div>
<div>
<br /></div>
<div>
//Açıklama</div>
<div>
<br /></div>
<div>
Çok satırlı açıklam için:</div>
<div>
<br /></div>
<div>
/*Açıklama*/</div>
<div>
<br /></div>
<h3>
Javascript Yazarken</h3>
<div>
<ul>
<li>Her bir komut satırının sonuna ";" konulmalıdır.</li>
<li>Büyük küçük harf ayrımı vardır.</li>
<li>Nesnelerin özellik ve metotlarına ulaşmak için "." kullanmalıyız.</li>
</ul>
<div>
Bu derslik Javascript'in temellerini öğrendik. Bunları ezberlemeden Javascript öğrenemezsiniz. Bundan dolayı iyi çalışın. Bir sonraki derste Javascript'e giriş yapıcağız. </div>
</div>

Javascript Eğitimi Ders 1-Başlangıç

Merhaba, Bugünden itibaren siteyi daha dinamik, kullanışlı yapan javascripti öğrenmeye başlayacağız. Çok uzun ve ayrıntılı anlatımlarım ile iyi anlayacağınızı düşünüyorum. Bu derse başlamadan önce "Html" ve temel "Css" bilmelisiniz. Biraz saçma ama arada "Css" kullanacağım. Ayrıca "Php" biliyorsanı…

Apr 30, 2014

Blog Yazarak Para Kazanabilir Miyiz?

<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.gentikoule.gr/wp-content/uploads/2011/08/stun-pen-650x432.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="132" src="http://www.gentikoule.gr/wp-content/uploads/2011/08/stun-pen-650x432.jpg" width="200" /></a></div>
Çoğu zaman insanlar kendine sorar. Blog yazınca ne kazanıyorum? Ne işime yarıyor? Bu gibi sorular aslında zaten sorulması gereken sorulardır. Ama şuan Blogspot ücretsiz olduğundan büyük bir blog yoğunluğu oluştu. Bunun nedeni insanların birazcık yazıp, biraz bırakmasıdır. Bu zaten genel birşey. Webmasterlıktaki en büyük soruunlardan biri budur. Fakat insan bunu aşıp sürekli blog yazmaya başlar ve düzenli ziyaretçi kazanırsa belki para kazanma ihtimali olabilir. Fakat ".blogspot" uzantılı bir sitenin tam olarak meşhur olması mümkün olmadığından en büyük, önemli şey alan adıdır. Alan adı alındığında zaten blog yazma isteğiniz büyük derecede artacaktır. Bunun yanında reklam almakta kolay değildir. Çünkü çok reklam başvuru olduğundan herkesi kabul edememektedirler. Örneğin Adsense! Adsense'ye kayıt yaptırmak paralı olsa bile bi o kadar da zordur. Blog sayınızın yüksek olup içerik de iyi olmalıdır. Yani diyorum ki "Blog Yazarak Para Kazanmak Mümkün". Tabiki bunu duyunca çalışmayı bırakıp saatlerce blog da yazmayın. Bu iş kolay değil :).

Blog Yazarak Para Kazanabilir Miyiz?

Blog Yazarak Para Kazanabilir Miyiz?

Çoğu zaman insanlar kendine sorar. Blog yazınca ne kazanıyorum? Ne işime yarıyor? Bu gibi sorular aslında zaten sorulması gereken sorulardır. Ama şuan Blogspot ücretsiz olduğundan büyük bir blog yoğunluğu oluştu. Bunun nedeni insanların birazcık yazıp, biraz bırakmasıdır. Bu zaten genel birşey. Web…

Apr 30, 2014

Flappy Bird Apk İndir

Flappy Bird Apk İndir

Flappy Bird Apk İndir

Çok meşhur olan ve bir okadarda saçma, grafiksiz bir oyun olan flappy bird şimdi bizde de var. Apk'sını aşağıdan indirebilirsiniz. …

Apr 30, 2014

Minecraft Pocket Edition Apk İndir

Minecraft Pocket Edition Apk İndir

Minecraft Pocket Edition Apk İndir

Google play'ın en iyi oyunu olan Minecraft Oyununu paylaşalım dedik. Mükemmel bir oyun olan bu oyun galiba 12.99 lira. BUnu buradan bedavaya indirebilirsiniz. …

Apr 30, 2014

Html Eğitimi Ders 5-Tablolar

<h3>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjln9bIb9XqInVkLzmeYeZlz2SRm-LuJqBGjQGgVDOdDwm30DtQnyrF2EevMsOJNY1e8kanY9jXLX08YnEskEkXww1Wedx_dMlZxwrA2vsK4XnCGps5Ve91knjgDLN6NVCWva5REgiz3F8/s320/html.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjln9bIb9XqInVkLzmeYeZlz2SRm-LuJqBGjQGgVDOdDwm30DtQnyrF2EevMsOJNY1e8kanY9jXLX08YnEskEkXww1Wedx_dMlZxwrA2vsK4XnCGps5Ve91knjgDLN6NVCWva5REgiz3F8/s320/html.jpg" width="165" /></a>Tablolar</h3>
<div>
Tablolar çok kolaydır. Fakat büyük tabloları ve hücreleri birleştirilmiş tabloları kontrol etmek hiç kolay değildir. Neyse hadi başlayalım.</div>
<div>
<br /></div>
<div>
Tablo açmak için ilk olarak <table> etiketini kullanırız. Her satır için <tr> etiketini her satıra sütun eklemek için <tr> etiketinin içine <td> etiketi koyarız. Örneğin:</div>
<div>
<br /></div>
<div>
<table></div>
<div>
<tr></div>
<div>
<td>1</td></div>
<div>
<td>2</td></div>
<div>
</tr></div>
<div>
<tr></div>
<div>
<td>3</td></div>
<div>
<td>4</td></div>
<div>
</tr></div>
<div>
</table></div>
<div>
<br /></div>
<div>
İlk olarak tablo etiketini açtık. Sonra bir satır oluşturduk. Satırda daha kaç sütun olduğu belli değil. Sonra satıra sütun ekledik. Satırı kapattığımız zaman sütün sayısı belli oldu. Aynı şeyi aşağıyada yapıp tablomuzu bitirdik. Burası kolay kısım. Şimdi gelelim hücre birleştirmeye.</div>
<div>
<br /></div>
<div>
<div>
<table></div>
<div>
      <tr></div>
<div>
         <td colspan="2">1</td></div>
<div>
      </tr></div>
<div>
      <tr></div>
<div>
         <td rowspan="2">2</td></div>
<div>
         <td>3</td></div>
<div>
      </tr></div>
<div>
      <tr></div>
<div>
         <td>4</td></div>
<div>
      </tr></div>
<div>
   </table></div>
</div>
<div>
<br /></div>
<div>
Burada sütunları birleştirmek için "colspan". Satırları birleştirmek için "rowspan" kullandık. Bu özelliklerin hemen yanındaki kaç satırlık ya da sütunluk yer kapladığını gösterir. Örneğin 1. satırda 1 ve 2'yi birleştirmek için, yada onun yerini tutması için 2 sütunluk yer kaplamasını sağladık. Bir adet sağ doğru uzadı diye düşünelim. Sonra satırları alt alta 2 kere birleşsin diye "rowspan"a 2 yazdık. Böylece bir alta kaydı. Fakat başta "colspan" bir sütun sağa kayıp tabloyu uzatmıştı. Bundan dolayı "rowspan" ile bu uzatmaları tek tek tamamlamalıyız. Eğer boyutlarını değiştirmek istiyorsanız "width" ve "height" kullanabilirsiniz. Tablo içindeki yazıları ortalamak veya sağa, sola almak istiyorsanız "aling="center"" özelliğini kullanın. Anlamadığınızı biliyorum. Bunları kod deneme editöründe deneyerek öğrenebilirsiniz. </div>
<div>
<br /></div>
<div>
Bu ders bu kadar. Tabloları anlamak zordu. Sitenize tablolardan ekleyin ve biraz çalışın. Sonraki dersimizde tablo özelliklerini göreceğiz. Kolay gelsin.</div>

Html Eğitimi Ders 5-Tablolar

Html Eğitimi Ders 5-Tablolar

Tablolar Tablolar çok kolaydır. Fakat büyük tabloları ve hücreleri birleştirilmiş tabloları kontrol etmek hiç kolay değildir. Neyse hadi başlayalım. Tablo açmak için ilk olarak etiketini kullanırız. Her satır için etiketini her satıra sütun eklemek için etiketinin içine etiketi koyarız. Örneğin…

Apr 30, 2014

Html Eğitimi Ders 4-Frame

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjln9bIb9XqInVkLzmeYeZlz2SRm-LuJqBGjQGgVDOdDwm30DtQnyrF2EevMsOJNY1e8kanY9jXLX08YnEskEkXww1Wedx_dMlZxwrA2vsK4XnCGps5Ve91knjgDLN6NVCWva5REgiz3F8/s320/html.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjln9bIb9XqInVkLzmeYeZlz2SRm-LuJqBGjQGgVDOdDwm30DtQnyrF2EevMsOJNY1e8kanY9jXLX08YnEskEkXww1Wedx_dMlZxwrA2vsK4XnCGps5Ve91knjgDLN6NVCWva5REgiz3F8/s320/html.jpg" width="165" /></a></div>
<h3>
Frame Nedir?</h3>
Frame Html'de birden fazla belgeye tek bir sayfada yer vermek amacıyla açılan pencerelerdir. Çok fazla kullanılmaz. Ama çok işe yarar.<br />
<br />
<h3>
Başlayalım</h3>
<div>
Frame oluşturmak için <frameset> etiketini kullanırız. Frame desteklemeyen tarayıcılar için ayrı bir mesaj <noframes> etiketleri arasına konur. Dikey frame için "cols", yatay frame için "rows" kullanılır. Örneğin bir sayfayı iki bölüme böleceğiz ve birinci bölüm %20, ikinci bölüm %80 dikey yer kaplayacak. (Piksel olarak da verilebilir)</div>
<div>
<br /></div>
<div>
<frameset cols="20%,80%"></div>
<div>
<div>
      <frame src="frame_1.htm"></div>
<div>
      <frame src="frame_2.htm"></div>
<div>
   </frameset></div>
</div>
<div>
<br /></div>
<div>
Dikkat etmemiz gereken "cols" ve "rows"dur. Gerisi çok kolaydır. Eğer "%10,%50,*" diye frame yazarsak 1. frame %10, 2. frame %50, 3. frame kalan yerleri kaplar. Yani "*" işareti kalan yerleri kapla anlamındadır. Eğer "cols" ve "rows"u birlikte kullanacaksak:</div>
<div>
<br /></div>
<div>
<div>
 <frameset rows="75%,25%"></div>
<div>
   <frame src="frame_1.htm"></div>
<div>
      <frameset cols="25%,75%"></div>
<div>
         <frame src="frame_b.htm"></div>
<div>
         <frame src="frame_c.htm"></div>
<div>
      </frameset></div>
<div>
   </frameset></div>
</div>
<div>
<br />
Burada da dikkat etmemiz gereken sıralardır. Frame kendisini sizin yazdığınız sıraya göre ayarlar. Frame fazla kullanmayacağınızdan bunu tam olarak öğrenmenize gerek yok.</div>
<div>
<br /></div>
<h3>
Iframe</h3>
<div>
Başka bir sitedeki frame kendi sitene aldığın zaman ıframe olur. Örneğin aşağıdaki kodu sitenize ekleyin. (<body> ve </body> arasına değil)</div>
<div>
<div>
  </div>
<div>
<iframe src="http://wolderking.blogspot.com" frameborder="1" width="200" height="200" ></iframe><br />
<br />
Gördüğünüz gibi "width" ve "height" kullanarak ıframe'ın boyutunu ayarladık. "frameborder"ı kullanarak kenar genişliğini ayarladık.Diğer ıframe ayarları aşağıdadır.<br />
1.scrolling="no"    Kaydırma çuğuğunu göstermez.<br />
2.noresize="noresize"    "frame src="#" koduna eklenince boyut ayarlama engellenir.<br />
<br />
Bu derslik bu kadar. İsterseniz KodBoy'un iframe'nı sitenize ekleyebilirsiniz. Bir sonraki derste en sevdiğim konu tabloları göreceğiz. Kolay gelsin.<br />
<br /></div>
<div>
   </div>
</div>
<div>
<br /></div>

Html Eğitimi Ders 4-Frame

Html Eğitimi Ders 4-Frame

Frame Nedir? Frame Html'de birden fazla belgeye tek bir sayfada yer vermek amacıyla açılan pencerelerdir. Çok fazla kullanılmaz. Ama çok işe yarar. Başlayalım Frame oluşturmak için etiketini kullanırız. Frame desteklemeyen tarayıcılar için ayrı bir mesaj etiketleri arasına konur. Dikey frame için…

Apr 30, 2014

Html Eğitimi Ders 3-Etiket Özellikleri

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjln9bIb9XqInVkLzmeYeZlz2SRm-LuJqBGjQGgVDOdDwm30DtQnyrF2EevMsOJNY1e8kanY9jXLX08YnEskEkXww1Wedx_dMlZxwrA2vsK4XnCGps5Ve91knjgDLN6NVCWva5REgiz3F8/s320/html.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjln9bIb9XqInVkLzmeYeZlz2SRm-LuJqBGjQGgVDOdDwm30DtQnyrF2EevMsOJNY1e8kanY9jXLX08YnEskEkXww1Wedx_dMlZxwrA2vsK4XnCGps5Ve91knjgDLN6NVCWva5REgiz3F8/s320/html.jpg" width="165" /></a></div>
<h3>
</h3>
<h3>
Element Özellikleri</h3>
<div>
Element özelliklerinden 1. derste bahsetmiştik. özellik="değer" şeklinde kullanılan bu özellikler siteyi daha kullanışlı hala getirir. Hadi bazılarına göz atalım.</div>
<h3>
<h1></h3>
<div>
<h1 align="center">Yazı</h1> </div>
<div>
Bu özellik başlığın orta, sağ, sol gibi herhangi bir yerde durmasını sağlar. "center" yazan "right","left" de yazılabilir.</div>
<div>
<br /></div>
<div>
<a href="Adres" title="Tıkla">Bağlantı</h1></div>
<div>
Bir başlığa link vermenizi sağlar. "title="Yazı" özelliği mousenin yazı üzerinde bekletildiğinde çıkan yazıyı belirtir. <a> etiketinin de özelliğidir. "Bağlantı" yazan yere Yazı yazılıp "Adres" yazan yere link yazılır.</div>
<div>
<br /></div>
<div>
Hadi bakalım şimdi sitenizin başlığına bir adres verin. Adresi siz belirleyin. Bu arada birde başlığı ortalasanız iyi olabilir.</div>
<div>
<br /></div>
<h3>
<a></h3>
<div>
<a href="Adres" title="Tıkla">Bağlantı</a><br />
<a href="Adres" target="_blank" title="Tıkla">Bağlantı</a></div>
<div>
<h1> etiketinin özelliği gibidir fakat başlığa değil yazıya link verilir. "target=_blank"" sayfayı başka bir sayfada açar. Dikkat. Site adresinin başına "https://" koymayı unutmayın. Yoksa hata verebilir.</div>
<div>
<br /></div>
<div>
<a title="Hey">Burada Bekle</a></div>
<div>
<h1> etiketinin özelliği gibi mouseyi yazı üzerinde bekletince çıkan yazıdır.<br />
<br />
<a name="Wolder King"> WolderKing Eğitim </a><br />
Bu name özelliği kodda bir değişiklik yapmaz ve sadece bizim kodları kolay yazmamızı sağlar. Yani herhangi bir koda isim koyuyormuş gibi düşünün.<br />
<h3>
<body></h3>
</div>
<div>
<body bgcolor="yellow"> <a> Wolder King </a> </body><br />
Sayfaya arka plan rengi eklemeyi sağlar. "yellow" yazan yeri diğer ingilizce renklerle değiştirebilirsiniz. Bu arada sitenize bir arka plan rengi ekleyin.<br />
<br />
Bu ders bu kadar. Sitenizi bu kodlarla geliştirin. Bir sonraki derste frame'i göreceğiz. Zor bir ders olacak. Kolay gelsin.<br />
<br />
<br /></div>

Html Eğitimi Ders 3-Etiket Özellikleri

Html Eğitimi Ders 3-Etiket Özellikleri

Element Özellikleri Element özelliklerinden 1. derste bahsetmiştik. özellik="değer" şeklinde kullanılan bu özellikler siteyi daha kullanışlı hala getirir. Hadi bazılarına göz atalım. Yazı Bu özellik başlığın orta, sağ, sol gibi herhangi bir yerde durmasını sağlar. "center" yazan "right","left" de …

Apr 30, 2014

Forum Açıldı

<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.kartutkusu.com/forum/attachments/site-hakkinda/15634d1389565760-siteyle-ilgili-istekler-forum-links.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="http://www.kartutkusu.com/forum/attachments/site-hakkinda/15634d1389565760-siteyle-ilgili-istekler-forum-links.jpg" width="160" /></a></div>
Forum Açıldı! Hemen Katıl. Başvuru Yapan Herkesi Kabul Ediyoruz. Forum'a Katılınca Ne Ayrıcalıklarının Olduğunu Aşağıdan Görebilirsin,<br />
<br />
<ul>
<li>Script ve Temalar Sadece Forumda Paylaşılacak, Tabiki Bazen Blogda Da Paylaşabiliriz</li>
<li>Çalışan Olma Şansı Sadece Orada Var</li>
<li>Kod Paylaşırsan ve Bizim Hoşumuza Giderse Senin İsmin ve Profilinle Kodu Blog'da Paylaşacağız.</li>
<li>Script ve Temaları Kullanarak Kendine Müthiş Bir Site Açabilirsin.</li>
<li>Blog'da Bulunmayan HTML, CSS, PHP vs. Kodları, Eğitimler Forumda Bulunacak.</li>
<li>En İyiside Bizimle Gerçek Eğlenceyi Yaşayacaksın.</li>
</ul>
<br />

Forum Açıldı

Forum Açıldı! Hemen Katıl. Başvuru Yapan Herkesi Kabul Ediyoruz. Forum'a Katılınca Ne Ayrıcalıklarının Olduğunu Aşağıdan Görebilirsin, Script ve Temalar Sadece Forumda Paylaşılacak, Tabiki Bazen Blogda Da Paylaşabiliriz Çalışan Olma Şansı Sadece Orada Var Kod Paylaşırsan ve Bizim Hoşumuza Giderse S…

Apr 30, 2014

Blogger'da Blog Açalım

<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-g14air0bq1o/UlmtdfhhZtI/AAAAAAAAE18/3T7K0LSv56Q/s1600/blogger+logo.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="http://4.bp.blogspot.com/-g14air0bq1o/UlmtdfhhZtI/AAAAAAAAE18/3T7K0LSv56Q/s1600/blogger+logo.png" width="200" /></a></div>
<br />
Nasıl Bir Blog Açmalıyım? Neyle İlgili Olmalı? İşte Cevabı!<br />
Şimdiye Kadar Blogger Gönderilerini Takip Ettiyseniz Genellikle Teknoloji, Bilgisayar İle İlgili Olan Bloglar Çok Tutuluyor. Benim İncelemelerime Göre Şuan Çoğu İnsan Siteler Üzerinde Çalıştığından Script Bulunduran ve Kod Bulunduran Siteleri Çok Ama Kısa Süreli Ziyaret Ediyorlar. Bu Reklamları Olumsuz Etkiliyor. Bunun Tam Ortasınız Düşünürsek Teknoloji Haberleri, İndirme Merkezi Gibi Konular Güzel Gözüküyor. Benim En İlgimi Çeken Şet Chıp Sitesi. Çok Güzel Bir Şekilde Haberleri Saniyesinde Paylaşıyor. Çok Güzel Olmasada Sade Bir Tasarımı Var. Tasarım Demişken Bir Blog Açarken Kesinlikle En Önemli Şeylerden Biri Tasarımdır. Eğer Bir Tasarım İndirip Yükleyecekseniz Yükledikten Sonra Kesinlikle CSS üzerinde Bir Kaç Değişiklik Yapın. Ve Ayrıca Sitenizin İlgi Çekici Bir İsmi Olsun. Aynı Zamanda da Anlamlı. Herkez Genellikle Yabancı İsim Kullanıyor ve Bu İyi Bir Şey. Siz de Yabancı İsimleri Birbirine Katarak Bir İsim Bulun. Evet Neler Yaptık;<br />
<br />
<ul>
<li>Sitemizin Adını Bulduk</li>
<li>Konusunu Bulduk</li>
<li>Tasarımını Bulduk</li>
</ul>
<div>
Yeterli Mi? Hayır! Bir Düşünün Bakalım Bir Sitede Ne Olmazsa Olmaz. Tabiki İçerik. Eğer Bir Sitenin Doğru Düzgün Meşhur Olmasını İstiyorsan En Az 30 İletisi Olmalı. Tabiki Bu İletiler Saçma Olmamalı. Şimdiye Kadar Pek Çok İnsan Gördüm. Hepsi Maymun İştahlı. Site Açar Biraz Uğraşır. Sonra Bırakır. Ne Anladın Bu İşten. O Kadar Saçma Sitelerle Uğraşırken Sadece Bir Siteye Yoğunlaşsaydan Ne Olurdu Kim Bilir. Yani Size Diyorum Maymun İştahlı Olmayın. Bu Webmaster'lık Konusunda Çok Önemli Bir Şey. Neyse Başlayalım Bir İçeriğe. Öncelikle İçerikler Konuyla Tam Olarak Alakalı Olmalı ve En Önemlissi Etiketlerinin Bulunması. Yoksa Google Onu Kolay Kolay Bulmaz. Sonra Bir İnsanı Bu Konu Üzerinde Uzun Süre Bulunduracak İletiler Paylaşmalısınız. Size Bir Tavsiye. Mesela Bir Şey Araştırıyorsunuz. Bilgisayar Hakkında. Onu Buldunuz ve Çıkartıp Bir Kenera Koydunuz. Ne Oldu? Vıdı Vıdı Vıdı... Onu Bide Blogta Paylaşsaydın Keşke Ne Güzel Olurdu. Değil Mi? Siz De Yapın Bunu. Örneğin Bir Kod Buldunuz. Onu Hemen Siteye Ekleyin 1.'si, Sonrada Blogta Paylaşın 2.'si. Oh Be. Ne Güzel Hem Site Güzelleşti, Hem De Ziyaretçi Kazandınız! Neyse Bakalım Neleri Kat Ettik;</div>
<br />
<br />
<div>
<ul>
<li>Sitemizin Adını Bulduk</li>
<li>Konusunu Bulduk</li>
<li>Tasarımını Bulduk</li>
<li>İçerik Yaptık</li>
<li>Ziyaretçi Kazandık</li>
</ul>
<div>
Evet! Baya Yol Kat Etmişiz. Ama Daha Bitmedi! Sizce Bu Siteden Ne Kazandınız. Popi Olduysan Tamam Ne Oldu. Profil Fotoğrafının Beğenisi Mi Arttı? Vıdı Vıdı Vıdı... Ben Paragözüm Demiyosunuz Ama İçinizde Biryerlerde Bu Gizli. 6 Ay Sonra AdSense'ye Kayıt Olun. Paraların Keyfine Bakın. Neyse Zengin Oldunuz. Bu Da Tamam. Ama Bir Şeyler Eksik Gibi! Ne Olabilir. Hiç Demediniz Mi "Ufff... Sıkıldım Blog Yaza Yaza" Diye. Bırak Başkası Yazsın. Hemen Paylaş Yazar Aranıyor Diye. Gelsin Birisi Yazsın Dursun. Oh Be Ne Güzel. Evettt... Baya İlerleme Kaydettik Tamam Mı Sizce?</div>
</div>
<div>
<ul>
<li>Sitemizin Adını Bulduk</li>
<li>Konusunu Bulduk</li>
<li>Tasarımını Bulduk</li>
<li>İçerik Yaptık</li>
<li>Ziyaretçi Kazandık</li>
<li>Para Kazandık</li>
<li>Grubumuzu Oluşturduk</li>
<li>?</li>
</ul>
<div>
Haydi Bakalım Siz Bulun!</div>
</div>

Blogger'da Blog Açalım

Nasıl Bir Blog Açmalıyım? Neyle İlgili Olmalı? İşte Cevabı! Şimdiye Kadar Blogger Gönderilerini Takip Ettiyseniz Genellikle Teknoloji, Bilgisayar İle İlgili Olan Bloglar Çok Tutuluyor. Benim İncelemelerime Göre Şuan Çoğu İnsan Siteler Üzerinde Çalıştığından Script Bulunduran ve Kod Bulunduran Sitel…

Apr 30, 2014

Seo Eğitimi Ders 3-İyi Bir Blog

<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.oreninform.ru/upload/iblock/96c/blogue_1.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="211" src="http://www.oreninform.ru/upload/iblock/96c/blogue_1.jpg" width="320" /></a></div>
Merhaba,<br />
Bir önceki hit artırma dersimizde reklam konusu üzerinde durmuştur. Şimdi nasıl blog paylaşımlarında bulunmalıyız ve bloglar nasıl olmalı gibi konular üzerinde duracağız.<br />
<h3>
Blogda Olması Gerekenler</h3>
<div>
<ul>
<li>İlgi Çekici Bir Başlık</li>
<li>En Az Bir Resim</li>
<li>Etiket (Seo Ayarları)</li>
<li>Yorumunuz, Esprileriniz, Emirleriniz</li>
</ul>
<div>
Bir Blog paylaşırken en önemlisi ilgi çekici bir başlık koymaktır. Bu başlık Seo ayarlarına girdiğinden çok önemlidir ve konuyla ilgili olmalıdır. 2. bir şey ise resimdir. Çünkü resimsiz bloglar anasayfa'da boş bir alanda gözüküp görüntü kirliliği oluşturur. Bu çok kötü gözükür. 3. bir şey ise her blog'a etiket (Seo Ayarları) eklemedir. Çünkü blog'u boş boş paylaşmanın tek iyiliği sadece blog'u sizin okumanızdır. Gidin deftere yazın daha iyi. Bundan dolayı Seo ayarları çok önemlidir. 4. ve son ise blog'da yorumlarınız olmasıdır. Bir şirket gibi blog paylaşmayın. Bir insanın ezbersiz konuşma yapmasına benzeyen bir blog paylaşın. Espiriler yapın. Bazı konularda emir verin. Bu sizi ziyaretçilere önemli hissettirir ve espiriler ziyaretçileri okumaya hefeslendirir. Bunları yaptınızmı çok güzel bloglar ortaya çıkarırsınız.</div>
</div>
<div>
Bir sonraki dersimizde blogları Google+'da otomatikmen paylaşmasının avantajları hakkında konuşacağız. Kolay Gelsin.</div>

Seo Eğitimi Ders 3-İyi Bir Blog

Seo Eğitimi Ders 3-İyi Bir Blog

Merhaba, Bir önceki hit artırma dersimizde reklam konusu üzerinde durmuştur. Şimdi nasıl blog paylaşımlarında bulunmalıyız ve bloglar nasıl olmalı gibi konular üzerinde duracağız. Blogda Olması Gerekenler İlgi Çekici Bir Başlık En Az Bir Resim Etiket (Seo Ayarları) Yorumunuz, Esprileriniz, Emirleri…

Apr 30, 2014

Seo Eğitimi Ders 2-Reklam

<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.kolaypara.org/wp-content/uploads/2013/11/reklam-izle-para-kazan.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="158" src="http://www.kolaypara.org/wp-content/uploads/2013/11/reklam-izle-para-kazan.jpg" width="200" /></a></div>
Merhaba,<br />
Bir önceki derste Seo hakkında bir kaç şey öğrendik ve şimdi reklam üzerinde duracağız. Reklamı kısaca açıklayım. Biraz gözleriniz açılsın. Reklam genellikle her tıklamaya para veren gif veya resim, linkli iframe veya scripttir. Oldu mu? Biraz para hefesine girdiniz mi? Girmediyseniz biraz daha anlatalım. Eğer bir önceki Seo artırma kuruluş işlemlerini yaptıysanız ve reklamıda yaparsanız... Reklam her kuruluş için başka sitelerde yayınlandığında bu hem onlar için hem de sizin için bir kazançtır. Farkettiyseniz bazı siteler "Bize En İyi Yararınız Reklam Tıkları" diye yazılar paylaşır. Bazı insalar ise bunu görmezden gelse de bazıları hemen reklamlara koşar. Benim size reklam önerim veya para kazanmanızı sağlayacak önerim AdSense veya Napolyon'dur. Bunlar Gayet iyi para kazandırma siteleridir. Hit ile reklamı birleştirince ne mutlu size. Bir sonra "Nasıl Bir Blog Daha İyi Olurdu?" konusu üzerinde duracağız.

Seo Eğitimi Ders 2-Reklam

Seo Eğitimi Ders 2-Reklam

Merhaba, Bir önceki derste Seo hakkında bir kaç şey öğrendik ve şimdi reklam üzerinde duracağız. Reklamı kısaca açıklayım. Biraz gözleriniz açılsın. Reklam genellikle her tıklamaya para veren gif veya resim, linkli iframe veya scripttir. Oldu mu? Biraz para hefesine girdiniz mi? Girmediyseniz biraz…

Apr 30, 2014

Seo Eğitimi Ders 1-Seo Nedir?

<br />
<div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;">
<img border="0" height="149" src="http://www.seop.gen.tr/wp-content/uploads/2013/03/google-birinci-sayfa.jpg" width="200" /></div>
<br />
Merhaba,<br />
Yeni bir derse başladık! Bu dersin konusu "Site Hit'i Artırma" ile ilgili ve gayet gerekli bir konu. Biz de bundan dolayı bu konuyu paylaşmak istedik. Uzatmayayım ve başlayım;<br />
<h3>
Seo Nedir?</h3>
<div>
Seo Google veya herhangi bir browser'ın birisi bir konu aradığında sizi arananlara koyması için sitede yapılan bir düzendir. Ve Blogger'da etiket olarak mevcuttur. Yani Site Hit'i açısından çok önemlidir. Meta Tag olarak da geçer. Kod olarak da kulanılabilir.<br />
<br />
<h3>
SEO Kullanalım</h3>
</div>
<div>
Tamam, Blogger güzel bir etiket sistemi yapmış. OtoSeo'yu işin içine katmış. Çok güzel. Ama bu blogger siteleri için çok düşük bir Seo. Çünkü şimdi milyonlarca Blogger sitesi var. Bu milyonda 1 olmak anlamına geliyor. Ve sadece 10 bini ayrı bir Seo'ya daha katılıyor. Yani ayrı bir Seo alarak şansınızı 10 bin'de 1 yapabilirsiniz. Ve bunu konulara ayırınca bu şans 100'de 1'e yükseliyor. Bu çok iyi bir derece. Yani buradan size iletmek istediğim başka bir kuruluşa Seo için kayıt olun. Google'da Seo diye ararsanız zaten bütün kuruluşlar önünüze çıkar. Hatta gerekirse satın alın. Bence değer. Çünkü bir sonraki derstte reklam ile hit birleşince ne oluyor göreceksiniz. Kolay Gelsin...</div>

Seo Eğitimi Ders 1-Seo Nedir?

Seo Eğitimi Ders 1-Seo Nedir?

Merhaba, Yeni bir derse başladık! Bu dersin konusu "Site Hit'i Artırma" ile ilgili ve gayet gerekli bir konu. Biz de bundan dolayı bu konuyu paylaşmak istedik. Uzatmayayım ve başlayım; Seo Nedir? Seo Google veya herhangi bir browser'ın birisi bir konu aradığında sizi arananlara koyması için sitede …

Apr 30, 2014

Sağ Tık Engelleme Kodu

<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.clipartbest.com/cliparts/9cz/oM9/9czoM9bcE.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="http://www.clipartbest.com/cliparts/9cz/oM9/9czoM9bcE.png" width="184" /></a></div>
Sağ tık engelleme aslında önemli bir koddur. Eğer Php destekli bir host açtıysanız ve içinde üyelik varsa sadece giriş yapanlara sağ tıklama engelini kaldırarak insanları zorunda bırakabilirsiniz.<br />
<textarea class="bginput" cols="42" name="wep-kodlari" onclick="this.focus();this.select()" rows="5" style="height: 58px; margin: 0px; width: 385px;"><script language=Javascript1.2> 
 
</script>

Sağ Tık Engelleme Kodu

Sağ Tık Engelleme Kodu

Sağ tık engelleme aslında önemli bir koddur. Eğer Php destekli bir host açtıysanız ve içinde üyelik varsa sadece giriş yapanlara sağ tıklama engelini kaldırarak insanları zorunda bırakabilirsiniz.

Apr 30, 2014

Facebook'taki Bu Viruse Dikkat!

<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.emresupcin.com/wp-content/uploads/2012/08/facebookvirus_emresupcin.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="159" src="http://www.emresupcin.com/wp-content/uploads/2012/08/facebookvirus_emresupcin.jpg" width="200" /></a></div>
Facebook'ta son zamanlarda çoğunluk gösteren bir virus ortaya çıktı. Örneğin;<br />
<br />
Kanka Bu Sen Misin? (Virus Adresi)<br />
<br />
Paylaşım Olarak;<br />
<br />
Bunu Kesin İzleyin! :D<br />
(Virus Adresi)<br />
<br />
Buna benzer çok örnek verebiliriz. Virusü indirmek için aşağıdaki bağlantıya tıklayınız. Şaka şaka :). Neyse Facebook'taki bu virus Chrome'nin bir uzantısı. Yani bu uzantıyı onlar yapmış. İlk olarak elle bazı hesaplara bulaştırmışlar. Bütün adreslere ise virusün indirme adresini koymuşlar böylelikle Crhome'nin mükkemmel ötesi link'e tıklayınca hiç sormadan indirme özelliği çok işimize yaramıştır. İşin şakası bir yana herkes Chrome kullandığından bu otomatik indirmeye maruz kalmıştır. Bu indirilen dosyayı gereksiz bulmuştur ve silmiştir. Ama virus hala kalmıştır. Çünkü uzantılara yüklenmiştir. Bunu silmek ise çok kolay. Başımızın belası Chrome'nin sağ üst kısmındaki "Seçenekler" kısmından "Ayarlar"a tıklayalım. Çıkan ekrandan solda "Uzantılar" var. Ona tıklayalım ve uzantıları silelim. Hepsini silelim çünkü uzantı diğer uzantıları da etkiler. İşte bu kadar kolay. Kolay Gelsin.

Facebook'taki Bu Viruse Dikkat!

Facebook'taki Bu Viruse Dikkat!

Facebook'ta son zamanlarda çoğunluk gösteren bir virus ortaya çıktı. Örneğin; Kanka Bu Sen Misin? (Virus Adresi) Paylaşım Olarak; Bunu Kesin İzleyin! :D (Virus Adresi) Buna benzer çok örnek verebiliriz. Virusü indirmek için aşağıdaki bağlantıya tıklayınız. Şaka şaka :). Neyse Facebook'taki bu virus…

Apr 30, 2014

Torrent Açma veya Oluşturma

<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.hardwaremania.com/wp-content/uploads/2011/12/torrent.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="http://www.hardwaremania.com/wp-content/uploads/2011/12/torrent.jpg" width="200" /></a></div>
Çoğu kişinin yapamadığı ve bir o kadar da kolay olan bu işlemler uTorrent programı yardımıyla kolaylıkla yapılabilir. Eğer zaten bilgisayarınızda uTorrent varsa torrent dosyasına tıkladığınızda otamatikmen uTorrent açılacaktır. Ve "Tamam" dediğinizde açma işlemi başlayacaktır. Dikkat! bu işlem denildiği gibi sadece küçük dosyayı kullanarak açmaz. İnterneti de kullanır. Bundan dolayı kotalılar uzak dursun. Peki torrent dosyası nasıl oluşturulur? O da kolay. uTorrent kullanarak "Torrent Oluştur" seçeneğiyle torrent oluşturabilirsiniz. Eğer uTorrent programınız yoksa aşağıdan indirebilirsiniz;
<br />
<a href="http://yadi.sk/d/7rz_6arIM48xj"><input type="button" value="İndir" /></a>

Torrent Açma veya Oluşturma

Torrent Açma veya Oluşturma

Çoğu kişinin yapamadığı ve bir o kadar da kolay olan bu işlemler uTorrent programı yardımıyla kolaylıkla yapılabilir. Eğer zaten bilgisayarınızda uTorrent varsa torrent dosyasına tıkladığınızda otamatikmen uTorrent açılacaktır. Ve "Tamam" dediğinizde açma işlemi başlayacaktır. Dikkat! bu işlem deni…

Apr 30, 2014

Blogger Yayını İkiye Bölme

<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-g14air0bq1o/UlmtdfhhZtI/AAAAAAAAE18/3T7K0LSv56Q/s1600/blogger+logo.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="http://4.bp.blogspot.com/-g14air0bq1o/UlmtdfhhZtI/AAAAAAAAE18/3T7K0LSv56Q/s1600/blogger+logo.png" width="200" /></a></div>
Blogger'da çok uzun bir yayın paylaşacağınızda kullanacağınız bir özellik olan blog yayınları bölme özelliği bazı kişiler tarafından bilinmiyor. Biz de bu konuyu blog olarak paylaşmak istedik. Bu işlem çok kolay;<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3lg3puA0hQfPqCdstUDC5_0msTX6Bw4TnegwTw22E3yPeDfm-Ptr0pCzKg2vWxhhjoa_7vMS9ZALH84iro434JO7lf33zEnH1Pirk3_tpSLOexQNM-W2IEkM-i84GTnT2_fw-Ma4sHo8/s1600/resim.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="91" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3lg3puA0hQfPqCdstUDC5_0msTX6Bw4TnegwTw22E3yPeDfm-Ptr0pCzKg2vWxhhjoa_7vMS9ZALH84iro434JO7lf33zEnH1Pirk3_tpSLOexQNM-W2IEkM-i84GTnT2_fw-Ma4sHo8/s1600/resim.png" width="320" /></a><br />
<br />
Yukarıdaki işareti yayını bölmek istediğiniz yerden bölmenize yarar.

Blogger Yayını İkiye Bölme

Blogger'da çok uzun bir yayın paylaşacağınızda kullanacağınız bir özellik olan blog yayınları bölme özelliği bazı kişiler tarafından bilinmiyor. Biz de bu konuyu blog olarak paylaşmak istedik. Bu işlem çok kolay; Yukarıdaki işareti yayını bölmek istediğiniz yerden bölmenize yarar.…

Apr 30, 2014

Css Eğitimi Ders 3-Birkaç Bilgi

<div class="separator" style="clear: both; text-align: center;">
<a href="http://saltun.net/wp-content/uploads/2013/10/css.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="117" src="http://saltun.net/wp-content/uploads/2013/10/css.jpg" width="200" /></a></div>
Merhaba,<br />
Bir önceki derste Class ve ıd yapısını öğrenmiştik ve şimdi nereye eklenir? Dosyası nasıl çağrılır? Onu öğreneceğiz.<br />
<h3>
Stil Dosyasını Çağırma</h3>
<div>
Stil dosyası çok uzun olduğundan index dosyası çöplüğe dönmektedir. Bunu önlemek için ise dosyası başka yerden çağırma yöntem kullanılır. Ayrıca "<head>" ve "</head>" etiketleri arasına konur. İşte böyle çağırılır;</div>
<div>
<br /></div>
<link href="stil.css" type="text/css" rel="stylesheet"/><br />
<div>
<br /></div>
<div>
Bu şekilde index'i kısaltabiliriz. Ve işimiz kolaylaşır.</div>
<h3>
Css Nereye Yazılır?</h3>
<div>
Aslında bunu 2 sefer öğrendik ve hala tekrar ediyoruz. Ama önemli bir konu. Yine de söyle dediğinizi duyar gibiyim;</div>
<div>
<br /></div>
<html><br />
<div>
<head> </div>
<div>
<title>MinikUzman</title></div>
<div>
 <style type="text/css"> </div>
<div>
body { </div>
<div>
background-color:grey; </div>
<div>
color:white; </div>
<div>
} </div>
<div>
p { </div>
<div>
font-family: Arial, Verdana; </div>
<div>
font-size: 16px;</div>
<div>
 } </div>
<div>
<div>
h1 { </div>
<div>
font-family: Arial, Verdana; </div>
<div>
font-size: 26px;</div>
<div>
color:orange;</div>
<div>
 } </div>
</div>
<div>
</style> </div>
<div>
</head> </div>
<div>
<body> </div>
<div>
<h1>Wolder King</h1></div>
<div>
<p>Merhaba, Blog'uma Hoşgeldiniz.</p> </div>
<div>
</body> </div>
<div>
</html></div>
<div>
<br /></div>
<div>
Aslında burada büyük bir tekrar yaptık. Burayı iyice bir anlamaya çalışın. Eğer anlarsanız bu konuyu çözdünüz demektir. Bir sonraki derste örnekler vermeye devam edeceğiz. Kolay gelsin.</div>

Css Eğitimi Ders 3-Birkaç Bilgi

Css Eğitimi Ders 3-Birkaç Bilgi

Merhaba, Bir önceki derste Class ve ıd yapısını öğrenmiştik ve şimdi nereye eklenir? Dosyası nasıl çağrılır? Onu öğreneceğiz. Stil Dosyasını Çağırma Stil dosyası çok uzun olduğundan index dosyası çöplüğe dönmektedir. Bunu önlemek için ise dosyası başka yerden çağırma yöntem kullanılır. Ayrıca "" ve…

Apr 30, 2014

Asp Eğitimi Ders 1-Kod Yapısı

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggmXjTFSbsarxE4twkBt2f_B3YhIuznhmfv-91NRurxImOvOQjnd8n9s4998TWwrYrm-FI-07YznuvwTCm5TFPZhU_0sxvRnpuJZqpAzsbvxYfpyKmB6Qv7tkRZit-KPS6iMZ47Oic6KYX/s1600/display.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="136" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggmXjTFSbsarxE4twkBt2f_B3YhIuznhmfv-91NRurxImOvOQjnd8n9s4998TWwrYrm-FI-07YznuvwTCm5TFPZhU_0sxvRnpuJZqpAzsbvxYfpyKmB6Qv7tkRZit-KPS6iMZ47Oic6KYX/s1600/display.jpg" width="200" /></a></div>
Merhaba,<br />
Bugün Asp derslerine başladık. Ve en çok kullanılan kodlardan biri olan Asp'yi uzmanından (Yani Kitabından Ben Uzman Değilim :) Tabiki Ben de Biliyorum da Kitapta Daha Ayrıntılı) size anlatmak istiyorum. Ama ilk önce gerçek bir okunuş istiyorum ey-es-pi Aferin :)<br />
<h3>
Kod Yapısı</h3>
<div>
Asp kodlarına "<%" ile başlar ve "%>" ile bitiririz. Evet bir adım attık ama bu çok önemli. Şimdi nasıl yazı yazdırırız. Öğrenelim:</div>
<div>
<br /></div>
<div>
<%</div>
Response.Write " Wolder King "     Önizleme     Wolder King<br />
<div>
%></div>
<div>
<br /></div>
<div>
Bunu uzunca "Response.Write" yazmak için uğraşmayın kısa yolu var:</div>
<div>
<div>
<%= " Wolder King " %>     Önizleme     Wolder King</div>
</div>
<div>
<br /></div>
<div>
Bu da tamam. Şimdi Html kodları arasında kullanalım:</div>
<div>
<br /></div>
<html><br />
<div>
<head></div>
<div>
<title>Asp</title></div>
<div>
</head> </div>
<div>
<body> </div>
<div>
<% Response.Write " Wolder King" %></div>
<div>
</body></div>
<div>
</html></div>
<div>
<br /></div>
<div>
Bu da kolay. Ama önemli. Şimdi açıklama yazalım:</div>
<div>
<br /></div>
<%<br />
<div>
 ' Açıklama</div>
<div>
 %></div>
<div>
<br /></div>
<div>
Ne kadar kısa bir ders diyebilirsiniz fakat kısa, sıkıcı olamayan ve öz bir ders yazdım. Bence başlangıç için çok iyi bir anlatım. Fakat "Asp" "Php" gibi değil. Yazarak çalışmanızı öneririm. Kolay Gelsin.</div>

Asp Eğitimi Ders 1-Kod Yapısı

Asp Eğitimi Ders 1-Kod Yapısı

Merhaba, Bugün Asp derslerine başladık. Ve en çok kullanılan kodlardan biri olan Asp'yi uzmanından (Yani Kitabından Ben Uzman Değilim :) Tabiki Ben de Biliyorum da Kitapta Daha Ayrıntılı) size anlatmak istiyorum. Ama ilk önce gerçek bir okunuş istiyorum ey-es-pi Aferin :) Kod Yapısı Asp kodlarına "…

Apr 30, 2014

Php Eğitimi Ders 3-Döngüler

<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSn5SOPLOAZhbPlq5PdF7_m-79a2pnKvXQtzdt-fYBe5DM27A_pSE4HRWqKkqWjeL19VEtVieKGxBgCCDgJJWM6nwAuexzsN6bGvYNedbwRVVx7b5fcOaXZsqnm4tTVVRy-mBFGCKjWrc/s320/PHP.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="124" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSn5SOPLOAZhbPlq5PdF7_m-79a2pnKvXQtzdt-fYBe5DM27A_pSE4HRWqKkqWjeL19VEtVieKGxBgCCDgJJWM6nwAuexzsN6bGvYNedbwRVVx7b5fcOaXZsqnm4tTVVRy-mBFGCKjWrc/s320/PHP.jpg" width="200" /></a></div>
Merhaba,<br />
Bir önceki derste çok önemli olan "if" komutunun kullanımını görmüştük. Şimdi ise döngüleri göreceğiz. Çok kolay. Yani hiç korkmayın. Döngüler tekrar işlerini yapmakta kullanılır. Çok nadir kullanılmasıyla beraber çok önemlidirler.<br />
<h3>
For Döngüsü</h3>
<div>
For dögüsü bir işlemi tekrarlamak ve her tekrarda yapılacak değişiklikleri yapmakta kullanılır. Bir örnek verelim:</div>
<div>
<br /></div>
<div>
for ($değişken; Dönme Şartı; Her Dönüşte Yapılacak İşlem)</div>
<div>
<br /></div>
<div>
<b>$değişken:</b> Döngü başladığında değişken üretmeyi sağlar. Yani belirli değişken budur.</div>
<div>
<b>Dönme Şartı:</b> Döngü yapılırken verilecek şarttır. "if" komutuna benzer.</div>
<div>
<b>Her Dönüşte Yapılacak İşlem:</b> Örneğin sayıya her seferinde 1 ekleme veya 3 ekleme işlemidir. Eklenecek sayıyı siz belirlersiniz.</div>
<div>
<br /></div>
<div>
Bir örnekle açıklasak daha iyi olucak gibi:</div>
<div>
<br /></div>
<div>
for ($sayi=1; $sayi<50; $sayi+1)</div>
<div>
{</div>
<div>
print "Fatura Numaranız $sayi";</div>
<div>
}</div>
<div>
<br /></div>
<div>
Burada $sayi değişkeninin 1 olduğunu, sonra bütün döngülerde 50'den küçük olma şartını, sonra da her seferinde  1 ekleneceğini anlıyoruz. Yani önizleme şöyledir:</div>
<div>
<br /></div>
<div>
Fatura Numaranız 1</div>
<div>
Fatura Numaranız 2</div>
<div>
Fatura Numaranız 3</div>
<div>
...</div>
<div>
Fatura Numaranız 49</div>
<h3>
While</h3>
<div>
While sadece sayılarda kullanılmaz. Ve "if" komutuna benzer. Aynen böyle kullanılır:</div>
<div>
<br /></div>
<div>
while(Soru)</div>
<div>
{</div>
<div>
Soru Doğru İse Yapılacak İşlem. (Döngü ve Şart da Buraya Yazılır)</div>
<div>
}</div>
<div>
<br /></div>
<div>
Bir örnek yapalım:</div>
<div>
<br /></div>
<div>
while($id<100)</div>
<div>
{</div>
<div>
print "ıd'nin Belirlendi";</div>
<div>
$id=$id+1;</div>
<div>
}</div>
<div>
<br /></div>
<div>
Bunu kullanarak 99 kişilik bir sql'la (Liste veya Tablo) id numarası verebiliriz.</div>
<div>
<b><br /></b></div>
<div>
<b>Not: </b>Eğer matematik'te iyiseniz $id=$id+1 denkleminin bir paradoks (İmkansız Olay) olduğunu anlarsınız. Örneğin x=x+1 ve x=2 ise denklem şöyle olur "2=2+1 dolayısıyla 2=3". Böyle bir şey mümkün olmadığından bu konunun programcılıkta bir kuralı vardır. Yukarıda verdiğimiz örneğe bakıcak olursak mesela $id 1 ise ilk önce "=" işaretinin soluna bakılır. Yani değişkenin işlem ile değiştirildiği tarafa bakılır. Ve işlem yapılır. Yani bu örnekteki işlem 1+1 ile 2 olur. Daha sonra bu sayı sola yani değişkene aktarılır. Değişken 2 olur ve bu sayıda tekrar sağa aktarılır ve yine işlem yapılır. 2+1 ve 3 olur. Bu da aynı şekilde sola aktarılır... Bu şekilde şart tamamlanana kadar devam eder. Örnekte $id<100 olduğundan 99'da kalır.<br />
<br />
Bu derslik bu kadar. Bir sonraki dersimizde dizi oluşturmayı göreceğiz. Çalışmayı unutmayın.</div>
<div>
<br /></div>

Php Eğitimi Ders 3-Döngüler

Php Eğitimi Ders 3-Döngüler

Merhaba, Bir önceki derste çok önemli olan "if" komutunun kullanımını görmüştük. Şimdi ise döngüleri göreceğiz. Çok kolay. Yani hiç korkmayın. Döngüler tekrar işlerini yapmakta kullanılır. Çok nadir kullanılmasıyla beraber çok önemlidirler. For Döngüsü For dögüsü bir işlemi tekrarlamak ve her tekra…

Apr 30, 2014

Php Ders 2-İf ve Else Komutu

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSn5SOPLOAZhbPlq5PdF7_m-79a2pnKvXQtzdt-fYBe5DM27A_pSE4HRWqKkqWjeL19VEtVieKGxBgCCDgJJWM6nwAuexzsN6bGvYNedbwRVVx7b5fcOaXZsqnm4tTVVRy-mBFGCKjWrc/s320/PHP.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="124" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSn5SOPLOAZhbPlq5PdF7_m-79a2pnKvXQtzdt-fYBe5DM27A_pSE4HRWqKkqWjeL19VEtVieKGxBgCCDgJJWM6nwAuexzsN6bGvYNedbwRVVx7b5fcOaXZsqnm4tTVVRy-mBFGCKjWrc/s320/PHP.jpg" width="200" /></a></div>
Merhaba,<br />
Bir önceki derste değişken kavramını öğrendik ve kolay bir dersti. Umarım çaışmışsınızdır. Şimdi öenmli bir konu olan İf komutunu göreceğiz.<br />
<h3>
İf Komutu</h3>
<div>
"if" türkçesindende anlaşıldığı şartlı olaylar yapmaya yarar. Yani bilgisayara karar verme özelliği katar. Ne işe yaradığını örneklerle daha iyi anlayacaksınız:</div>
<div>
<ul>
<li>Giriş bilgileri doğru ise giriş yap</li>
<li>Giriş bilgileri yanlış ise uyarı ver</li>
<li>Kutuyu boş bırakırsa uyarı ver</li>
<li>Kullanıcı adı kullanıldıysa kaydı iptal et ... gibi</li>
</ul>
<div>
Peki bu "if" komutu nasıl kullanılır:</div>
</div>
<div>
<br /></div>
<div>
if (Şart Sorusu)</div>
<div>
{</div>
<div>
Verilen cevap EVET ise buradaki işlemler uygulanır. Aksi halde bir şey yapılmaz.</div>
<div>
}</div>
<div>
<br /></div>
<div>
Örneğimiz:</div>
<div>
<br /></div>
<div>
if ($mesaj=="")</div>
<div>
{</div>
<div>
print "Lütfen Mesajınızı Giriniz";</div>
<div>
}</div>
<div>
<br /></div>
<div>
Burada "=="" eşittir anlamındadır. Ve, burada "Mesaj kısmı boş ise "Lütfen Mesajınızı Giriniz" yaz komutu verilmiştir. "==" dışındaki soru çeşitlerini aşağıdan bulabilirsiniz:</div>
<div>
<ul>
<li>> Büyüktür</li>
<li>< Küçüktür</li>
<li>!= Eşit Değildir</li>
<li>== Eşittir</li>
<li>=== Kendisi ve Türü Eşittir</li>
</ul>
<div>
Peki evet cevabı dışında cevap hayır ise yapılacak komutu nasıl belirtiriz:</div>
</div>
<div>
<br /></div>
<div>
if ($kullanıcıadı=="")</div>
<div>
{</div>
<div>
print "Lütfen Kullanıcı Adınızı Giriniz";</div>
<div>
}else{</div>
<div>
print "Kullanıcı Adınız Belirtildi";</div>
<div>
print "Kullanıcı Adınız $kullanıcıadı";</div>
<div>
}</div>
<div>
<br /></div>
<div>
Burada "else" ile eğer şart sorusu belirtildiği gibi değilse anlamı taşır. Yani cevap hayırsa yapılacak işlemi belirtir.</div>
<h4>
Çalışma:</h4>
<div>
Aşağıdaki Php kodunu önizlediğimizde ekrana ne yazar; ("+" toplama, "*" çarpma işlemini belirtir)</div>
<div>
<br /></div>
<div>
$sayi=7;</div>
<div>
<br /></div>
<div>
if ($sayi>3)</div>
<div>
{</div>
<div>
$sayi+3;</div>
<div>
}else{</div>
<div>
$sayi*2;</div>
<div>
}</div>
<div>
<br /></div>
<div>
if ($sayi<11)</div>
<div>
{</div>
<div>
print "$sayi+1";</div>
<div>
}else{</div>
<div>
print "$sayi çok büyük bir sayı"</div>
<div>
}</div>
<div>
<br /></div>
<div>
Eğer bunu çözdüydseniz Php sizin için tamam demektir. Tabiki bu Php'nin bittiği anlamına gelmiyor. Yine de çalışmayı unutmayın.</div>

Php Ders 2-İf ve Else Komutu

Php Ders 2-İf ve Else Komutu

Merhaba, Bir önceki derste değişken kavramını öğrendik ve kolay bir dersti. Umarım çaışmışsınızdır. Şimdi öenmli bir konu olan İf komutunu göreceğiz. İf Komutu "if" türkçesindende anlaşıldığı şartlı olaylar yapmaya yarar. Yani bilgisayara karar verme özelliği katar. Ne işe yaradığını örneklerle dah…

Apr 30, 2014

Php Eğitimi Ders 1- Değişkenler

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSn5SOPLOAZhbPlq5PdF7_m-79a2pnKvXQtzdt-fYBe5DM27A_pSE4HRWqKkqWjeL19VEtVieKGxBgCCDgJJWM6nwAuexzsN6bGvYNedbwRVVx7b5fcOaXZsqnm4tTVVRy-mBFGCKjWrc/s320/PHP.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="124" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSn5SOPLOAZhbPlq5PdF7_m-79a2pnKvXQtzdt-fYBe5DM27A_pSE4HRWqKkqWjeL19VEtVieKGxBgCCDgJJWM6nwAuexzsN6bGvYNedbwRVVx7b5fcOaXZsqnm4tTVVRy-mBFGCKjWrc/s320/PHP.jpg" width="200" /></a></div>
Merhaba,<br />
Bugün itibariyle Php derslerimize başlıyoruz. Php dersimizde ilk olarak değişken kavramını öğrenelim. Gayet kolay olan bu dersimiz çok da önemli bir derstir. Uzatmadan başlayalım. Ama dur. İlk önce okuyalım. pi-heç-pi Aferin :) Gerçek bir programcı olmak istiyorsan önce okumayı öğren!<br />
<h3>
Php Kullanım</h3>
<div>
Php'ye "<?php" kodu ile başlar "?>" ile bitiririz. Ve "head" etiketi içerisinde kullanırız.</div>
<h3>
Değişkenler</h3>
<div>
Herşeye başlamadan önce bir örnek yapıp örneği anlatmak sanki daha olacakmış gibi:</div>
<div>
<br /></div>
<div>
$isim="Wolder";</div>
<div>
$seviye="Yönetici";</div>
<div>
<br /></div>
<div>
print "$isim adlı kullanızı bu sitede $seviye.";</div>
<div>
<br /></div>
<div>
Çıkan sonuç:</div>
<div>
<br /></div>
<div>
Wolder adlı kullanıcı bu sitede Yönetici.</div>
<div>
<br /></div>
<div>
Değişken kavramı Php'nin en önemli konusu olmasıyla beraber bir okadar da kolay. Örneğe bakıcak olursak herhangi bir değişken (Aslında şuan değişken demek için erken. Kutu demek daha doğru olur.) oluşturmak için başına "$" işareti koyup kutunun ismini yazdık ve bu kutuya bir şeyler koyduk. Daha doğrusu değer verdik. Ve print komutunu (Bir şeyler yazma) kullandık. Print'in içine kutularıda koyarak değerlerinin okunmasını sağladık. Aslında bu şunun gibi bir şey:</div>
<div>
<br /></div>
<div>
Ben Şuan ☺. Çünkü Sen Benim ♥.</div>
<div>
<br /></div>
<div>
Bu yazıyı "Ben Şuan Gülüyorum. Çünkü Sen Benim Aşkımsın" şeklinde okuduğunuzu duyar gibiyim. Yani Php'de değişkenler içine koyulan değer gibi okunur. Peki değişken içine değişken koyabilir miyiz:</div>
<div>
<br /></div>
<div>
$wolderking="Php";</div>
<div>
$blogger=$wolderking;</div>
<div>
<br /></div>
<div>
Evet koyduk ama şuan "$blogger" değişkeninin içinde ne var? "$wolderking" değişkeni değil mi? Peki "$wolderking" değişkeninin içinde ne var? "Php"! Ozaman dolayısıyla "$blogger" değişkeni içinde de "Php" var. Yani "$blogger" değişkeni "$wolderking" değişkeninin değerini almış. Peki, bu da tamam. O zaman söyleyin bakalım. Aşağıdaki "$wolderking" değişkeninin değeri nedir:</div>
<div>
<br /></div>
<div>
$blogger="Php";</div>
<div>
$wolderking=$blogger;</div>
<div>
$wolderking="Html";</div>
<div>
<br /></div>
<div>
Php'de kod yorumlama yukarıdan aşağıya doğrudur. Yani bir değişkene birden çok değer verdiğimizde en son değer geçerli olur. Dolayısıyla "$wolderking"ın içinde "Html" değeri vardır.</div>
<div>
<br /></div>
<h4>
Çalışma:</h4>
<div>
Aşağıdaki Php kodunu önizlediğimizde ekranda ne yazar:</div>
<div>
<br /></div>
<div>
$isim="Wolder";</div>
<div>
$yaş="13";</div>
<div>
$bilgiler=$yaş;</div>
<div>
$belirtme="yaşındaydı";</div>
<div>
<br /></div>
<div>
print "Tarih 2013 iken $isim $bilgiler $belirtme";</div>
<div>
<br /></div>
<div>
$yaş="14";</div>
<div>
$belirtme="yaşında";</div>
<div>
<br /></div>
<div>
print "Tarih 2014 ve $isim $yaş $belirtme";</div>
<div>
<br /></div>
<div>
Hadi bakalım bulun. Eğer bunu anlarsanız Değişke kavramını çözdünüz demektir. Çalışmayı unutmayın.</div>
<div>
<br /></div>

Php Eğitimi Ders 1- Değişkenler

Php Eğitimi Ders 1- Değişkenler

Merhaba, Bugün itibariyle Php derslerimize başlıyoruz. Php dersimizde ilk olarak değişken kavramını öğrenelim. Gayet kolay olan bu dersimiz çok da önemli bir derstir. Uzatmadan başlayalım. Ama dur. İlk önce okuyalım. pi-heç-pi Aferin :) Gerçek bir programcı olmak istiyorsan önce okumayı öğren! Php …

Apr 30, 2014

Html Eğitimi Ders 2-Etiketler ve Html Sayfa Yapısı

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid8DO53cCid62CqITXc2HvORPmuE6LB9uBUjYEtDowxjjvblogCSZIL-WWMr7KfTvBtuCPniAFLyRKNn0UBiDN4farDOKKFXqat1fVs4VfaWa6tGlLr9E-43TVsFg-gSa-vIqqDo4nfR8/s1600/html.jpeg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid8DO53cCid62CqITXc2HvORPmuE6LB9uBUjYEtDowxjjvblogCSZIL-WWMr7KfTvBtuCPniAFLyRKNn0UBiDN4farDOKKFXqat1fVs4VfaWa6tGlLr9E-43TVsFg-gSa-vIqqDo4nfR8/s1600/html.jpeg" width="165" /></a></div>
Merhaba,<br />
Bir önceki derste etiketi öğrenmemizle birlikte bazı etiket ve kullanımlarını inceliyelim. Öncelikle söylemeliyim ki bir önceki derste etiket kapatma işlemini gösterdik fakat bütün html taglarında (etiket) bu işlem geçerli değildir.<br />
<br />
<h3>
Etiketler</h3>
<h4>
<a> Etiketi: </h4>
<span style="font-weight: normal;">Bu eiket çok kullanılan fakat blogger gibi sitelerde "div" yardımıyla kullanılan tagdır. "div" kafanızı karıştırmasın. Yakında öğreneceğiz. Peki ne işe yarıyor. Bu etiket bir yazı kümesi, kutusu, bölgesi amannn ne derseniz deyin, işte ben küme dedim. Bir yazı kümesi oluşturur. Yazı kümesi oluşturmak diğer etiketlerden ayırmayı sağlar. Ve bir önceki derste öğrendiğimiz gibi önemli özellikleri kullanmamızı sağlar. Örneğin:</span><br />
<span style="font-weight: normal;"><br /></span>
<span style="font-weight: normal;"><a>Wolder King<a>     Önizleme     Wolder King                                              </span><br />
<h4>
<b> Etiketi:</h4>
<div>
Bu etiket de "bold" dan gelir. Yani yazıyı kalın yapar. Fakat bunu "<a>" etiketi içinde değil direk kullanmamız lazımdır. Örneğin:</div>
<div>
<br /></div>
<div>
<b>Wolder King</b>     Önizleme     <b>Wolder King</b></div>
<div>
<b><br /></b></div>
<h4>
<p> Etiketi:</h4>
<div>
Bu etiket bir paragraf oluşturmayı sağlar. Bu şekilde etiketi kapattığımızda otamatikmen "Enter" uygular. Örneğin:</div>
<div>
<br /></div>
<div>
<p>Merhaba</p><p>Ben Wolder King</p>     Önizleme     Merhaba<br />
<br /></div>
<div>
                                                                                            Ben Wolder King</div>
<div>
<br /></div>
<h4>
<h1...6> Etiketleri:</h4>
<div>
Bütün hepsini sıraladığımızda "<h1>,<h2>,<h3>,<h4>,<h5>,<h6>" taglarini elde ederiz. Bu tagler başlık elde etmeyi sağlar. "<h1>" en büyük, "<h6>" en küçüktür. Örneğin.</div>
<div>
<br /></div>
<div>
<h1>H1 Başlık</h1></div>
<div>
<h2>H2 Başlık</h2></div>
<div>
<h3>H3 Başlık</h3>    </div>
<h div="">
<h4>H4 Başlık</h4></h>
<br />
<div>
<h5>H5 Başlık</h5></div>
<div>
<h6>H6 Başlık</h6><br />
<br />
Önizleme<br />
<br />
<br /></div>
<h1>
H1 Başlık</h1>
<h2>
H2 Başlık</h2>
<h3>
H3 Başlık</h3>
<h4>
H4 Başlık</h4>
<h5>
H5 Başlık</h5>
<h6>
H6 Başlık</h6>
Gördüğünüz gibi güzel bir görüntü oluştu. Ve belki ben uyugladığım Css'lerden dolayı boyutları büyümüş veya küçülmüş olabilir.<br />
<h4>
<br/> Etiketi:</h4>
<div>
Burada bir yanlışlık var diyebilirsiniz fakat bu size söylediğim açılma veya kapanma etiketi olamyan bir tag. Bu enter işlemi uygular. Çünkü Html'de yazarken "Enter" tuşuna basmak bir şeyi değiştirmez. "<br/>" etiketi kullanarak satır atlamak mümkün. Örneğin:</div>
<div>
<br /></div>
<div>
<a>Merhaba</a></div>
<div>
<a> Ben Wolder King</a>     Önizleme     Merhaba Ben Wolder King</div>
<div>
<br /></div>
<div>
<div>
<a>Merhaba</a><br/></div>
<div>
<a> Ben Wolder King</a>      Önizleme     Merhaba </div>
<div>
                                                                  Ben Wolder King<br />
<h4>
Html'de Açıklama</h4>
</div>
</div>
<div>
Html'de yazdığınız kodları tek tek araştırıp ne olduğunu bulmak yerine aralarına not veya açıklama ekleyebilirsiniz. Ve bunu tarayıcı okumaya almaz, dolayısıyla ziyaretçiler görmez. İşte bu şu şekilde yapılır:</div>
<div>
<br /></div>
<div>
</div>
<div>
<h4>
Html Sayfa Yapısı</h4>
</div>
<div>
<html></div>
<div>
<head></div>
<div>
<title> Sayfa Başlığı </title></div>
<div>
/*Meta tag, Css, Script, Rss Way'ler Buraya*/</div>
<div>
</head></div>
<div>
<body></div>
<div>
</div>
<div>
</body></div>
<div>
</html></div>
<div>
Bunlar temel etiketler ve bir sitede bulunması gereken temel etiketler. Çalışın ve ezberleyin. Bu konuyu bir 3 kere okuyun. Kolay Gelsin.</div>

Html Eğitimi Ders 2-Etiketler ve Html Sayfa Yapısı

Html Eğitimi Ders 2-Etiketler ve Html Sayfa Yapısı

Merhaba, Bir önceki derste etiketi öğrenmemizle birlikte bazı etiket ve kullanımlarını inceliyelim. Öncelikle söylemeliyim ki bir önceki derste etiket kapatma işlemini gösterdik fakat bütün html taglarında (etiket) bu işlem geçerli değildir. Etiketler Etiketi: Bu eiket çok kullanılan fakat blogge…

Apr 30, 2014

Html Eğitimi Ders 1-Başlangıç

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid8DO53cCid62CqITXc2HvORPmuE6LB9uBUjYEtDowxjjvblogCSZIL-WWMr7KfTvBtuCPniAFLyRKNn0UBiDN4farDOKKFXqat1fVs4VfaWa6tGlLr9E-43TVsFg-gSa-vIqqDo4nfR8/s1600/html.jpeg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid8DO53cCid62CqITXc2HvORPmuE6LB9uBUjYEtDowxjjvblogCSZIL-WWMr7KfTvBtuCPniAFLyRKNn0UBiDN4farDOKKFXqat1fVs4VfaWa6tGlLr9E-43TVsFg-gSa-vIqqDo4nfR8/s1600/html.jpeg" width="165" /></a></div>
Merhaba,<br />
Bugün Html eğitimine başlıyoruz. Kolay ve sıkıcı olsada temel olduğu için önemli bir eğitim. Şimdi ilk önce etiketin ve özelliklerinin ne olduğunu öğrenelim.<br />
<h3>
Etiket</h3>
<div>
Etiketler "<" ve ">" arasında olan anahtarlardır. Bunlar kod yazmanın temelidir. Ve onlar olmazsa olmazdır. Bu etiketleri de kapatmak için baştaki "<" ile anahtar arasına / konur. Örneğin:<br />
<br />
                                             <html> </html><br />
<h3>
Özellik</h3>
<div>
Özellikler etiketlerin sahip oldukları farklı şeyleri kullanmamız içindir. Söz dizimi:</div>
<div>
<br /></div>
<div>
özellik="değer"</div>
<div>
<br /></div>
<div>
şeklindedir. Kullanıma örnek vericek olursak:<br />
<br />
body bgcolor="grey"<br />
<br />
Bir sonraki derste bazı elementleri tanıyıp onlarla çalışacağız. Html sayfa yapısını da kısaca öğreneceğiz.<br />
<br />
<br /></div>
<br /></div>

Html Eğitimi Ders 1-Başlangıç

Html Eğitimi Ders 1-Başlangıç

Merhaba, Bugün Html eğitimine başlıyoruz. Kolay ve sıkıcı olsada temel olduğu için önemli bir eğitim. Şimdi ilk önce etiketin ve özelliklerinin ne olduğunu öğrenelim. Etiket Etiketler "" arasında olan anahtarlardır. Bunlar kod yazmanın temelidir. Ve onlar olmazsa olmazdır. Bu etiketleri de kapatmak…

Apr 30, 2014

Css Eğitimi Ders 2-Class ve ID

<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://saltun.net/wp-content/uploads/2013/10/css.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="117" src="http://saltun.net/wp-content/uploads/2013/10/css.jpg" width="200" /></a></div>
Merhaba,<br />
Şimdi Css'de çok önemli bir konuya değineceğiz. Bu konu class ve Id hakkında. Çok fazla kullanılırlar ve bu yüzden önemli. Hiç uzatmadan başlayalım.<br />
<h3>
Class</h3>
<div>
Class yapısı bir tür sınıfı oluşturmaya yarar. Yani bir sınıf oluşturup ad koyarsınız. Sonra özellikleri içine koyarsınız. Sonrada bu özelliklere uymasını istediğiniz kodu sınıfa koyarsınız. İşte bu class özelliği buna yarıyor. Örneğin bir class oluşturalım;<br />
<br />
.yazı {<br />
font: 12pt Arial, Verdana;<br />
color: black;<br />
text-aling: left<br />
}<br />
<br />
Burada "." ile başlayıp bir isim oluşturduğumuzu görüyorsunuz. "." ile başlayan isimler class oluşturduğumuz anlamındadır. Peki bu sınıfa bir kodu nasıl sokarız;<br />
<br />
<div class="yazı">MinikUzman</div><br />
<br />
Bunun yerine yine class"yazı" özelliğini kodlara koyarak kullanabiliriz.<br />
<h3>
ID</h3>
</div>
<div>
ID ise class'tan farklı olarak sadece bir koda verilebilir. Yani tek elementte kullanılır. Ve bir ID oluşturmak istiyorsan başına # getiririz. Örneğin;</div>
<div>
<br /></div>
<div>
#yazı {</div>
<div>
font: 12pt Arial, Verdana;<br />
color: black;<br />
text-aling: left<br />
}<br />
<br />
Burada gördüğünüz gibi bir ID oluşturmak için # işareti kullandık. Peki bunu bir element yani koda nasıl uygularız;<br />
<br />
<div id="yazı">MinikUzman</div><br />
<br />
Burada da tek fark olarak "ıd" özelliği kullandık. Ve diğer class gibi kodlarda da özellik olarak kullanabiliriz.<br />
<br />
Bu derslik bukadar ve bir sonraki derste Css hakkında bir kaç şey daha öğretip artık özellik anlatımlarına geçeceğiz. Kolay Gelsin. Çalışmayı Unutmayın.</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>

Css Eğitimi Ders 2-Class ve ID

Css Eğitimi Ders 2-Class ve ID

Merhaba, Şimdi Css'de çok önemli bir konuya değineceğiz. Bu konu class ve Id hakkında. Çok fazla kullanılırlar ve bu yüzden önemli. Hiç uzatmadan başlayalım. Class Class yapısı bir tür sınıfı oluşturmaya yarar. Yani bir sınıf oluşturup ad koyarsınız. Sonra özellikleri içine koyarsınız. Sonrada bu ö…

Apr 30, 2014

Efektli Sosyal Ağ Butonları Kodu

<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUbx_rBatTuoHSzWHFC_ItAxMPhZ3YSizGV0eHVutOPsIUJWePW0cpvo_99ijA0nAZZtu_TLuFY_E1vvzrHwOSLwBZXoS9bzeU9ByvaHQ5Gat6N5YwZodRqXyTv1pMTGlDr6DPBJZ3m54D/s1600/social-networks.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="136" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUbx_rBatTuoHSzWHFC_ItAxMPhZ3YSizGV0eHVutOPsIUJWePW0cpvo_99ijA0nAZZtu_TLuFY_E1vvzrHwOSLwBZXoS9bzeU9ByvaHQ5Gat6N5YwZodRqXyTv1pMTGlDr6DPBJZ3m54D/s1600/social-networks.jpg" width="320" /></a></div>
Yeni yaptığım sosyal ağ butonları kodu çok hoşunuza gidicek. Çünkü bu mükemmel kod süper bir efekt ile çalışıyor. Sitenize eklemek ise çok kolay. Bloggerda Gadget Ekleden ve diğer sitelerde kullanmak istediğiniz yere bunu koyun. Çok hoşunuza gidecek. Eminim...<br />
<textarea class="bginput" cols="42" name="wep-kodlari" onclick="this.focus();this.select()" rows="5" style="height: 112px; margin: 0px; width: 673px;">

<wolderking>
<div class="wolderking">
 
<ul>
<li class="rss"><a href="http://feeds.feedburner.com/wolderking" target='_blank'><span></span>RSS</a></li>
<li class="twitter"><a href="https://twitter.com/wolderking" target='_blank'><span></span>Twitter</a></li>
<li class="gplus"><a href="https://plus.google.com/u/0/+WolderKingsten/posts" target='_blank'><span></span>Google Plus</a></li>
<li class="facebook"><a href="https://www.facebook.com/wolderking" target='_blank'><span></span>Facebook</a></li>
</ul>
</div>
<style> 
.wolderking li { 
display: block !important; 
margin-right: 0 !important; 
width: auto !important; 
} 
.wolderking li a span { 
display: block; 
height: 32px; 
left: 0; 
position: absolute; 
top: 2px; 
transform: rotate(-20deg); 
-wolderking-transform: rotate(-20deg); 
transition-duration: 0.8s; 
transition-property: all; 
width: 32px; 
} 
.wolderking .twitter span { 
background-color: transparent; 
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggLl2NmVmAhsgVVKqFeBNW1r9K3WEMpTQ79HNGeCRajrSlotLdkIjAvQLKF_97X9lIJHFVrPNEZbmKXGvGIDWTrV-aTAcoKjuZJfChUx_Xsqe2qsjlwBu1wHXVbA37fFz-7Y-ZZKWugwE/s1600/twitter_icon.png) no-repeat; 
} 
.wolderking .twitter a { 
background: #91C661; 
} 
.wolderking li a:hover span { 
transform:rotate(340deg); 
-wolderking-transform:rotate(340deg);    
}    
ol, ul { 
list-style: none outside none; 
} 
.wolderking li { 
display: block !important; 
margin-right: 0 !important; 
width: auto !important; 
} 
.wolderking li { 
display: inline-block; 
margin: 0 20px 10px 0; 
position: relative; 
width: 200px; 
} 
.wolderking .rss span { 
background-color: transparent; 
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH-dCuLjgnWoYX73cNWpw62kdneJK9llXyeCIZTCgBin9dBsjPxWkXy4z6dc6grBTHXgfZc1-Or5jy_CthbApzgfSiezjXIcPJlmEXso4NavLZapQm11ZSYi3dX6Vpa4TEiofsGxVqCQM/s1600/rss-icon.png) no-repeat; 
} 
.wolderking .rss a { 
background: #F67F00; 
} 
.wolderking li a { 
color: #FFFFFF; 
display: block; 
font-family: verdana; 
font-size: 12px; 
padding: 10px 10px 10px 40px; 
text-decoration: none; 
font-weight: bold; 
} 
.wolderking li a span { 
display: block; 
height: 32px; 
left: 0; 
position: absolute; 
top: 2px; 
transform: rotate(-20deg); 
-wolderking-transform: rotate(-20deg); 
transition-duration: 0.8s; 
-wolderking-transition-duration: 0.8s; 
transition-property: all; 
width: 32px; 
} 
.wolderking li a:hover span { 
transform:rotate(340deg); 
-wolderking-transform:rotate(340deg); 
}  
.wolderking .twitter span { 
background-color: transparent; 
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggLl2NmVmAhsgVVKqFeBNW1r9K3WEMpTQ79HNGeCRajrSlotLdkIjAvQLKF_97X9lIJHFVrPNEZbmKXGvGIDWTrV-aTAcoKjuZJfChUx_Xsqe2qsjlwBu1wHXVbA37fFz-7Y-ZZKWugwE/s1600/twitter_icon.png) no-repeat; 
} 
.wolderking .twitter a { 
background: #91C661; 
} 
.wolderking .gplus span { 
background-color: transparent; 
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc0-NC7KqnAVUPzMGEji2aZBGn25xB_JWtvb6gldUkkUHXu1d8cW3B5lLXNMwrhW4R7cyRA7ZHDP8j1Cer3onRsJXCHKkLN1Ntbr1nRmQEqKh1KGnlrc0CoGTjuOqJ9jnC1-BmrAqwJe4/s1600/googleplus.png) no-repeat; 
} 
.wolderking .gplus a { 
background: #D74D2F; 
} 
.wolderking .facebook span { 
background-color: transparent; 
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT-KqLhzOfNTGrmA_eMB-zydIYLiZF_fpvJlGB7gDj-0tjHE2u97Ykt8EScZg5VOuxy0lp-jaRFU4wSX9wlf7xUGyXXrpVQK_mvFB7IwSjSQjJJVd2m67FbUDqrnKIDxu7iNtiWblZmEo/s1600/facebook-icon.png) no-repeat; 
} 
.wolderking .facebook a { 
background: #3B5998; 
} 
</style>
</wolderking>

Efektli Sosyal Ağ Butonları Kodu

Efektli Sosyal Ağ Butonları Kodu

Yeni yaptığım sosyal ağ butonları kodu çok hoşunuza gidicek. Çünkü bu mükemmel kod süper bir efekt ile çalışıyor. Sitenize eklemek ise çok kolay. Bloggerda Gadget Ekleden ve diğer sitelerde kullanmak istediğiniz yere bunu koyun. Çok hoşunuza gidecek. Eminim... RSS Twitter Google Plus Facebook .…

Apr 30, 2014

Robot.txt Ayarı Kullanımı

<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.seop.gen.tr/wp-content/uploads/2013/03/google-birinci-sayfa.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="149" src="http://www.seop.gen.tr/wp-content/uploads/2013/03/google-birinci-sayfa.jpg" width="200" /></a></div>
Önceden seo çalışmaları hakkında yorumlar yapmıştık. Şimdi seo olarak bu konuda önemli yer tutan "robot.txt" ve robot ayarlarını nasıl yapacağımızı konuşacağız. "robot.txt" hangi sayfalar indexlensin hangi sayfalar indexlenmesin ayarıdır. Ve böyle yapılır;<br />
<br />
<br />
<br />
<br />
<div>
<br /></div>
<div>
User-agent: * <br />
<br />
Disallow: /search?q=* <br />
<br />
Disallow: /*?updated-max=* <br />
<br />
Allow: / <br />
<br />
Sitemap: http://www.blogisminiz.com/feeds/posts/default?                                                               orderby=updated<br />
<br />
Burada "user_agent" browserları belli ediyor ve "*" hepsi anlamına geliyor. "Disallow" indexlenmiyecek dosyaları gösterir. "Allow" ise indexlenecek dosyaları gösterir. "/" işareti ise hepsi anlmına gelir. "Sitemap" kullanılan yerdir. Bu standart olandır. Bunu kullanabilirsiniz.</div>

Robot.txt Ayarı Kullanımı

Robot.txt Ayarı Kullanımı

Önceden seo çalışmaları hakkında yorumlar yapmıştık. Şimdi seo olarak bu konuda önemli yer tutan "robot.txt" ve robot ayarlarını nasıl yapacağımızı konuşacağız. "robot.txt" hangi sayfalar indexlensin hangi sayfalar indexlenmesin ayarıdır. Ve böyle yapılır; User-agent: * Disallow: /search?q=* Disa…

Apr 30, 2014

Blogspot ".com.tr"den ".com"a Dönme Kodu

<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-g14air0bq1o/UlmtdfhhZtI/AAAAAAAAE18/3T7K0LSv56Q/s1600/blogger+logo.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="http://4.bp.blogspot.com/-g14air0bq1o/UlmtdfhhZtI/AAAAAAAAE18/3T7K0LSv56Q/s1600/blogger+logo.png" width="200" /></a></div>
Blogger bloglar kendi ülkeleri arasında kendi alan adlarını kullansınlar diye her blog'a yönlendirme kodu koydu. Tabi türkler durur mu? Hemen yönlendirme kaldırma kodunu en kolay şekliyle yazdı ve sundu. Bizde sunalım dedik. Bu kodu "<head>" kodunun hemen altına koyun.<br />
<br />
<textarea class="bginput" cols="42" onclick="this.focus();this.select()" rows="5" style="cursor: url(''); height: 50px; width: 385px;"><script type='text/javascript'>var wk=location.href;if("-1"==wk.indexOf(".com/")){var kc=wk.substring(wk.lastIndexOf(".blogspot.")),kf="-1"==kc.indexOf("/")?kc:kc.substring(0,kc.indexOf("/")+1);location.href=location.href.replace(kf,".blogspot.com/ncr/")};
 </script>

Blogspot ".com.tr"den ".com"a Dönme Kodu

Blogger bloglar kendi ülkeleri arasında kendi alan adlarını kullansınlar diye her blog'a yönlendirme kodu koydu. Tabi türkler durur mu...

Apr 30, 2014

Css Eğitimi Ders 1-Başlangıç

<div class="separator" style="clear: both; text-align: center;">
<a href="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTLRAin51t86T4CDt7WHnyeBN2s_idNWGX9ZT1kES7dIW774GIo" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: justify;"><img border="0" height="117" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTLRAin51t86T4CDt7WHnyeBN2s_idNWGX9ZT1kES7dIW774GIo" width="200" /></a></div>
<div style="text-align: justify;">
Merhaba,</div>
<div style="text-align: justify;">
Bugün Css eğitimlerimize başlıyoruz. Çok uzun bir eğitim olacak. Çünkü Css'nin yaklaşık olarak bütün fonksiyonlarını öğretmeyi düşünüyoruz. Neyse uzatmadan başlayalım.</div>
<h3 style="text-align: justify;">
Css Nedir? Ne İşe Yarar? Nereye Yazılır?</h3>
<div style="text-align: justify;">
Css kodu Html ile yazılmış bir siteyi düzenlemeye yarar. Örneğin "h1" etiketinin düzenlenmesini sağlar. Şunu gibi;</div>
<div>
<ul>
<li style="text-align: justify;">Rengi Şöyle Olcak</li>
<li style="text-align: justify;">Arkaplanı Şöyle Olcak</li>
<li style="text-align: justify;">Yeri Burası Olcak</li>
</ul>
<div style="text-align: justify;">
gibi... Buna daha çok şey ekleyebiliriz. Bu arada Css kodları "<head>" etiketleri arasına "<style>" etiketleri arasına yazılır. Şuan Css ile pek çok şey yapılabiliyor. Ayrıca Css olmazsa site yok demektir. Siyah beyaz bir fotoğraf gibidir. Ondan dolayı Css sitede önemli ve çok uzun bir yer kaplar. Css kodları çok uzun kodlardır. Örnek olarak;</div>
</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
h1 {</div>
<div style="text-align: justify;">
color: red;</div>
<div style="text-align: justify;">
aling: center;</div>
<div style="text-align: justify;">
}</div>
<div style="text-align: justify;">
/*Bu Bir Açıklama*/</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Burada "h1" etiketi için bazı özellikler koyduk. "color" yani rengini değiştirmek isteyip "red" yani kırmızı yaptık. Sonra da yerini belirledik. "aling" ile yerini belirledik. Ve "center" yani ortada olmasını istedik. Ve sonuna bir açıklama koyduk. "/*" ve "*/" toplulukları arasına yazdık. Bu herhangi bir etki etmiyecektir. Öğrendiklerimiz;</div>
<div style="text-align: justify;">
<ul>
<li>Css kodları "<head>" etiketleri arasına "<style>" etiketleri arasına yazılır</li>
<li>Her özellikten sonra ; işareti konur</li>
<li>Açıklamalar /* ve */ arasına konur</li>
</ul>
<div>
Evet şimdilik bu kadar. Daha sonra "class" ve "ıd"yi kullanacağız. Çalışmayı unutmayın.</div>
</div>
<div style="text-align: justify;">
<br /></div>

Css Eğitimi Ders 1-Başlangıç

Css Eğitimi Ders 1-Başlangıç

Merhaba, Bugün Css eğitimlerimize başlıyoruz. Çok uzun bir eğitim olacak. Çünkü Css'nin yaklaşık olarak bütün fonksiyonlarını öğretmeyi düşünüyoruz. Neyse uzatmadan başlayalım. Css Nedir? Ne İşe Yarar? Nereye Yazılır? Css kodu Html ile yazılmış bir siteyi düzenlemeye yarar. Örneğin "h1" etiketinin …

Apr 30, 2014

Gelişmiş Navigasyon (Menü) Kodu

<div class="separator" style="clear: both; text-align: center;">
<a href="http://sphotos-d.ak.fbcdn.net/hphotos-ak-prn1/644317_624799807533594_330268076_n.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="121" src="http://sphotos-d.ak.fbcdn.net/hphotos-ak-prn1/644317_624799807533594_330268076_n.png" width="200" /></a></div>
Bu süper navigasyon kodu ile sitenize çok güzel bir hava katabilirsiniz. Üzerinde sadece buton isimleri ve resimlerini değiştirin. Eğer css bilginiz varsa renkler üzerinde de biraz değişiklik yapabilirsiniz. Fakat kesinlikle telif haklarını silmeyin. Sizde blogger karalisteye girmeyin. Eğer bize birazcık saygınız varsa.<br />
<br />
<textarea class="bginput" cols="42" name="wep-kodlari" onclick="this.focus();this.select()" rows="5" style="height: 112px; margin: 0px; width: 389px;">

<wolderking>
<style type="text/css">
.overview-button {
 position:fixed;
 left:-10px;
 top:10px;
 width:72px;
 height:62px;
 background-color: #363636;
 cursor:pointer;
 pointer-events: auto !important;
 -webkit-transition: all 0.4s ease-in-out;
 -moz-transition: all 0.4s ease-in-out;
 -o-transition: all 0.4s ease-in-out;
 -ms-transition: all 0.4s ease-in-out;
 transition: all 0.4s ease-in-out;
 z-index:999999;
    background-repeat: no-repeat;
    background-position: 10px center;
    text-align: center;
    background-color: #000;
    border-right-style: solid;
    border-right-width: 5px;
    border-right-color: #b72228;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 10px;
}
.overview-button img
{
    width: 40px;
    height: 40px;
    float: right;
    padding: 12px 12px 0px 0px;
}
.overview-button:hover {
 background-color: #b72228;
 border-right-style: solid;
    border-right-width: 5px;
    border-right-color: #000;
}
ul#wolderking {
 position:fixed;
 margin: 0px;
 padding: 0px;
 top: 10px;
 right: 0px;
 list-style: none;
 z-index:999999;
 cursor:pointer;
 pointer-events: auto !important;
 display:block;
}
ul#wolderking li
{
    width: 200px;
    margin-bottom: 5px;
}
ul#wolderking li img
{
    width: 40px;
    height: 40px;
    float: left;
    padding: 10px 0px 0px 12px;
}
ul#wolderking li a
{
    display: block;
    width: 200px;
    height: 62px;
    background-color: #b72228;
    background-repeat: no-repeat;
    background-position: 10px center;
    text-align: center;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 10px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    border-left-style: solid;
    border-left-width: 5px;
    border-left-color: #000;
}
ul#wolderking li a:hover
{
    background-color: #000;
    border-left-style: solid;
    border-left-width: 5px;
    border-left-color: #b72228;
}
ul#wolderking li span {
 color:#fff;
 font-family: Arial;
 font-weight:normal;
 font-size:28px;
 line-height:62px;
}
@media screen and (max-width: 1024px) 
{
    .overview-button img
    {
        width: 30px;
        height: 30px;
        padding: 4px 6px 0px 0px;
    }
    .overview-button
    {
        width: 50px;
        height: 38px;
    }
    ul#wolderking li img
    {
        width: 30px;
        height: 30px;
        padding: 5px 0px 0px 5px;
    }    
    ul#wolderking li a
    {
        height: 40px;
    }
    ul#wolderking li span
    {
        font-size: 20px;
        line-height: 40px;
        padding-right:20px;
    }
    ul#wolderking li 
    {
        margin-right:-20px;
    }
    .hint {
 font-size: 18px;
 padding: 5px 10px 10px 10px;
}    
}
      </style>

<ul id="wolderking">
<li><a href="#"><img src="http://redcode.web.tr/images/home.png" alt="" /><span>AnaSayfa</span></a></li>
<li><a href="#"><img src="http://redcode.web.tr/images/skills.png" alt="" /><span>MinikUzman</span></a></li>
<li><a href="#"><img src="http://redcode.web.tr/images/resume.png" alt="" /><span>Servisler</span></a></li>
<li><a href="#"><img src="http://redcode.web.tr/images/portfolio.png" alt="" /><span>Haberler</span></a></li>
<li><a href="#"><img src="http://redcode.web.tr/images/about.png" alt="" /><span>Hakkımızda</span></a></li>
<li><a href="#"><img src="http://redcode.web.tr/images/contact.png" alt="" /><span>Iletişim</span></a></li>
</ul>
</wolderking>

Gelişmiş Navigasyon (Menü) Kodu

Gelişmiş Navigasyon (Menü) Kodu

Bu süper navigasyon kodu ile sitenize çok güzel bir hava katabilirsiniz. Üzerinde sadece buton isimleri ve resimlerini değiştirin. Eğer css bilginiz varsa renkler üzerinde de biraz değişiklik yapabilirsiniz. Fakat kesinlikle telif haklarını silmeyin. Sizde blogger karalisteye girmeyin. Eğer bize bi…

Apr 30, 2014

En Popüler Bilgisayar Oyunları

<div class="separator" style="clear: both; text-align: center;">
</div>
<h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://upload.wikimedia.org/wikipedia/en/0/02/Thief_box_art.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="http://upload.wikimedia.org/wikipedia/en/0/02/Thief_box_art.jpg" width="190" /></a></div>
Thief</h3>
Thief daha yeni çıkan ve çok tutulan oyunlardan. Gayet zevkli ve eğlenceli olan Thief'ı size sunmak istedik. Torrent olarak aşağıdan indirebilirsiniz.<br />
<br />
<a href="http://yadi.sk/d/4rereYTXMubxy"><input type="button" value="İndir" /></a>  <br />
<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<h3>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.timestars.org/images/sims3.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="191" src="http://www.timestars.org/images/sims3.jpg" width="200" /></a></div>
The Sims 3</h3>
The Sims 3 mükemmel bir hayat oyunudur. Son gelişme ve güncellemeler ile oyun çok iyi bir hale gelmiştir. Oyunu torrent olarak aşağıdan indirebilirsiniz.<br />
<br />
<a href="http://yadi.sk/d/A1aJUcrWMuieQ"><input type="button" value="İndir" /></a>  <br />
<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://upload.wikimedia.org/wikipedia/tr/7/71/GTA_4.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="http://upload.wikimedia.org/wikipedia/tr/7/71/GTA_4.jpg" width="160" /></a></div>
Grand Theft Auto IV</h3>
Grand Theft Auto IV yani kısaca GTA 4 çıkışndan bu yana çok büyük ilerleme kaydetsede çok büyük oyun yanlışlıkları ortaya çıktı. Bu onun ününü düşürmedi ve hala oynanmaya devam etti. Torrent olarak aşağıdan indirebilirsiniz.<br />
<br />
<a href="http://yadi.sk/d/hhdGzZloMukjq"><input type="button" value="İndir" /></a><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.techtastic.nl/wp-content/uploads/2013/02/crysis-3.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="http://www.techtastic.nl/wp-content/uploads/2013/02/crysis-3.png" width="200" /></a></div>
Crysis 3</h3>
Crysis 3 yine Crysis 2 ve 1'in tutulduğu gibi çok tutuldu ve oynandı. Çok zor olduğu gibi eğlenceli olan bu oyun bir çok kişinin ilgisini çekti. Grafikler yine çok gelişmişti ve şimdi Crysis 4 bekleniyor. Oyunun Torrentini Aşağıdan İndirebilirsiniz.<br />
<br />
<a href="http://yadi.sk/d/cHyc968eMuo2h"><input type="button" value="İndir" /></a>

En Popüler Bilgisayar Oyunları

En Popüler Bilgisayar Oyunları

Thief Thief daha yeni çıkan ve çok tutulan oyunlardan. Gayet zevkli ve eğlenceli olan Thief'ı size sunmak istedik. Torrent olarak aşağıdan indirebilirsiniz. The Sims 3 The Sims 3 mükemmel bir hayat oyunudur. Son gelişme ve güncellemeler ile oyun çok iyi bir hale gelmiştir. Oyunu torrent olarak a…

Apr 29, 2014

En Popüler Bilgisayar Programları

<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.wired.com/images_blogs/threatlevel/2012/02/chrome-icon.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="http://www.wired.com/images_blogs/threatlevel/2012/02/chrome-icon.jpg" width="200" /></a></div>
<h3>
Google Chrome</h3>
Google Chrome, Web'i daha hızlı, kolay ve güvenli hale getirmek için Google tarafından tasarlanmış, Chromium tabanlı ücretsiz bir tarayıcıdır. Başarılı, kolay ve stabil çalışmasıyla kısa sürede Türkiyede tarayıcı pazarında birinciliğe çıkmıştır.<br />
<br />
<a href="http://yadi.sk/d/EOW2sJGJM44Mg"><input type="button" value="İndir" /></a>  <br />
<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcTVLxrfpqV98mtwdVktjGAEkysWowuX54SbEe-gqoXAsy_cXXJD" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="133" src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcTVLxrfpqV98mtwdVktjGAEkysWowuX54SbEe-gqoXAsy_cXXJD" width="200" /></a></div>
Skype</h3>
Skype, dünyanın her yerindeki Skype kullanıcıları ile ücretsiz olarak sesli ve görüntülü görüşme yapmanızı ya da anlık mesajlaşmanızı sağlayan bir programdır.<br />
<br />
<a href="http://yadi.sk/d/6zToFsN9M48co"><input type="button" value="İndir" /></a>  <br />
<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://static.tumblr.com/ehajtqn/qoImemxit/utorrent-tumblr-mark-850-transparent.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="http://static.tumblr.com/ehajtqn/qoImemxit/utorrent-tumblr-mark-850-transparent.png" width="200" /></a></div>
<h3>
uTorrent</h3>
µTorrent, diğer Bittorent istemcilerine göre çok daha fazla özellik içeren, açık kaynak kodlu bir torrent indirme yazılımıdır. Bandwidth önceliklendirme ve zamanlama gibi öne çıkan özelliklerinin yanında bilgisayar kaynaklarını en az kullanması ve küçücük boyutuyla çok başarılı bulduğumuz bir uygulama.
<br />
<br />
<a href="http://yadi.sk/d/7rz_6arIM48xj"><input type="button" value="İndir" /></a><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcSRLfvgw76hZDULhiEvk3iIBDcO2hKzwVm25YuTmu8ryZtj-ZVL" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcSRLfvgw76hZDULhiEvk3iIBDcO2hKzwVm25YuTmu8ryZtj-ZVL" width="200" /></a></div>
<h3>
Winrar (64bit ve 32bit)</h3>
WinRAR güçlü bir arşiv yöneticisidir. RAR ve ZIP dosyaları için tam destek sağlar, 7Z, ACE, ARJ, BZ2, CAB, GZ, ISO, JAR, LZH, TAR, UUE, Z arşivlerinden dosya çıkartılmasını destekler. Güçlü sıkıştırma, ciltler, şifreleme, kendi açılan modüller, yedekleme kolaylıkları WinRAR'ın diğer özellikleri arasındadır.
<br />
<br />
<a href="http://yadi.sk/d/2oUCZ7LlM4ATL"><input type="button" value="64bit İndir" /></a>
<a href="http://yadi.sk/d/dX6OYn0YM4ATe"><input type="button" value="32bit İndir" /></a>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.indirsonsurum.com/upload/ccleaner_1.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="http://www.indirsonsurum.com/upload/ccleaner_1.png" width="200" /></a></div>
<h3>
CCleaner</h3>
CCleaner bir sistem optimizasyon ve güvenlik aracıdır. Sisteminizdeki kullanılmayan dosyaları silebilmektedir.
<br />
<br />
<a href="http://yadi.sk/d/KAVg7zPsM4BQG"><input type="button" value="İndir" /></a><br />
<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.resimliprogramanlatim.com/wp-content/uploads/2012/07/daemon-tools.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="http://www.resimliprogramanlatim.com/wp-content/uploads/2012/07/daemon-tools.png" width="200" /></a></div>
<h3>
Daemon Tools Lite</h3>
DAEMON Tools Lite, popüler sıkıştırılmış disk imaj dosyalarını (.iso, .bin, cue sheet dosyaları, clone cd, nero, blindwrite gibi özel dosya biçimler v.s) okuyabilen kaliteli bir sanal sürücü programıdır. DAEMON Tools Lite sayesinde Cd oluşturmadan önce kalıp dosyalarının içeriklerini görebilir ve 4 sanal sürücü destegi ile oyunlarinizi cd'ye yazmadan direkt kalıp dosyalari içinden çalıştırabilir, içeriklerine erişebilir ve oynayabilirsiniz.<br />
<br />
                                                     <a href="http://yadi.sk/d/e8I69EoRM4Bw3"><input type="button" value="İndir" /></a><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.cybervally.com/wp-content/uploads/2010/10/teamviewer_logo_02.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="http://www.cybervally.com/wp-content/uploads/2010/10/teamviewer_logo_02.png" width="200" /></a></div>
<h3>
Team Viewer</h3>
TeamViewer ile internet üzerinden herhangi iki bilgisayar arasında bağlantı oluşturup, yönetim işlemi yapabilirsiniz. TeamViewer kullanabilmek için sadece iki tarafın da yazılımı kurması yeterli. Sonra kolaylıkla ve herhangi bir firewall vb. ayar yapmadan kolaylıkla karşı bilgisayara ve masaüstüne bağlanabilirsiniz.<br />
<br />
<a href="http://yadi.sk/d/lGQye0SGM4CfJ"><input type="button" value="İndir" /></a>

<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwwLMOHWN7_nmtII6iuJdQIhLaniXJyStu62MxTNLmro93Mnw9u5vkOpjoA7mINHHnzcLszgxViTA8PoIwvjPXQi2lJCFDB1qEujEBJeG87Hw0rBRey59DNWNI5l788kqCWjir3lvFpgM/s1600/Windows_Live_Movie_Maker_logo.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwwLMOHWN7_nmtII6iuJdQIhLaniXJyStu62MxTNLmro93Mnw9u5vkOpjoA7mINHHnzcLszgxViTA8PoIwvjPXQi2lJCFDB1qEujEBJeG87Hw0rBRey59DNWNI5l788kqCWjir3lvFpgM/s1600/Windows_Live_Movie_Maker_logo.png" width="200" /></a></div>
<h3>
Windows Movie Maker</h3>
Windows Movie Maker  ile ev ortamında profesyonel videolar veya sunumlar hazırlamanız mümkün.
<br />
<br />
<a href="http://yadi.sk/d/K79V_GSIM4DGC"><input type="button" value="İndir" /></a><br />
<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSBOazxJ0xXuH57i_JQuVX6Io7r4Mp766Am8xM4LAVzgFIMkNn-7S3vwQiM6CBZCKWiJ-cAG0-2NXhlKJ6vG1MZmmvONHzlNt48sGuR89QKFNiB17fko8G33Fhz6NYviXSLNwf6YPjAMM/s1600/cheatengine.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSBOazxJ0xXuH57i_JQuVX6Io7r4Mp766Am8xM4LAVzgFIMkNn-7S3vwQiM6CBZCKWiJ-cAG0-2NXhlKJ6vG1MZmmvONHzlNt48sGuR89QKFNiB17fko8G33Fhz6NYviXSLNwf6YPjAMM/s1600/cheatengine.png" width="200" /></a></div>
<h3>
Cheat Engine 6.3</h3>
Cheat Engine, veritabanında bulunan oyunlar için bazı hileleri uygulamanızı sağlayan ücretsiz bir uygulama. Çalışan uygulamaları tarayarak size hile uygulayabilme imkanı sağlıyor. Acemi kullanıcıların programın başında yer alan tutorial'ı incelemeleri tavsiye olunur.
<br />
<br />
<a href="http://yadi.sk/d/HbFK9NNTM4DUG"><input type="button" value="İndir" /></a>

En Popüler Bilgisayar Programları

Google Chrome Google Chrome, Web'i daha hızlı, kolay ve güvenli hale getirmek için Google tarafından tasarlanmış, Chromium tabanlı ücretsiz bir tarayıcıdır. Başarılı, kolay ve stabil çalışmasıyla kısa sürede Türkiyede tarayıcı pazarında birinciliğe çıkmıştır. Skype Skype, dünyanın her yerindeki …

Apr 29, 2014

Load more posts

Kaydol: Kayıtlar (Atom)

Populer
Google+
Arşiv

Wolder King © 2014. All Rights Reserved. Powered by Blogger

Verification: 4ee027a2dd0c4225