Web sitesi yapımı

[Mesen]

Arkadaşlar site açmakla uğraşıyorum 0 bilgiyle başladım epey zaman harcadım her soruna çözüm buldum fakat bir sorunu bir türlü halledemedim.

Sorun şu, co.cc'den domain aldım. hosting.eu.pn'den alan aldım. Fakat bundan sonrasını nasıl yapacağımı bilmiyorum. Çok araştırdım fakat bir türlü tam açıklama bulamadım.
Özellikle FTP olayını anlatırsanız çok sevinirim. Hangi ftp'ye bağlanıp dosyaları atacağım bilmiyorum. co.cc'den istediğim domaini aldım service type'da url forwarding yazıyor kaç gündür. Domain sitesinde galiba yapacağım fazla birşey yok. hosting sitesinde ftp manager domain manager subdomain, file manager bir sürü şey var. Bunların hangisi kullacağımı nasıl kullanacağımı bilmiyorum.

Mesela m.esen90.eu.pn şeklinde hosting adresi verdiler. Gerçi onun da tam adres olup olmadığını bilmiyorum Şimdi ben co.cc'deki domain'i bu yazdığım adrese yönlendirdim. Doğru mu yapmış oldum? Yoksa hosting sitesinde ayrı birşeyler yapıp ona mı yönlendirecektim. Bana yeterli bir açıklamayı yaparsanız çok sevineceğim. Yardımlarınız için çok teşekkür ederim.

Edit: Konuyu hallettim arkadaşlar. Gerek kalmadı sağolun

[vaveyl4]

Herkesin amatörce de olsa bir internet sitesi sahibi olmasını sağlamak amacıyla bu konuyu açmaya karar verdim.
Çoğu kişinin sandığının aksine size ".tr.gg, blogger vb" sitelerin aksine, sıfırdan başlıyarak nasıl internet sitesi açabileceğinizi göstereceğim.
Yazdığım konu bu işler hakkında sıfır bilgisi olanları baz alınarak yazıldığından, bu işleri bilen kişiler direk "Hosting Kaydı" kısmına geçebilir.


Başta herkese çok karmaşık, olağandışı ya da çok zor gelsede bu iş sanıldığının aksine oldukça basittir.
Dalga geçiyorsun şeklinde düşünüyorsanız konuyu dikkatlice okuyun.
Tüm konuyu okuyup uyguladıktan sonra internet sitesine sahip olmanın ne kadar basit birşey olduğunu öğreniceksiniz.

Hatta sizlere alt kısımda sunacağım bilgiler sayesinde bunu bir işe dönüştürebilir ve gerçekten gelir sağlayan paralar kazanabilirsiniz.
Tabiki her zaman olduğu gibi prensibimiz: "Emek olmadan, Ekmek olmaz."

Şimdi gelelim anlatıma
*Şunuda eklemek istiyorum ki; Tüm konu, yazılar, yorumlar, resimler, kodlamalar, anlatımlar ve görüp görebileceğiniz her şey "Vaveyl4" adlı kullanıcıya, yani bana aittir.
Gelirkapisi.com'daki bu konu Yöneticilerinden izinsiz-onaysız kopyalanamaz-alıntı yapılamaz.!

İnternet Sitesi Nedir?
İnternet sitesi belirli yazılım ve grafiklerin bir araya gelerek oluşturduğu görsellik ve yazıların bir bütünüdür.

İnternet Sitesi Ne işe yarar?
Bilgilerinizi, reklamlarınızı, iş yerinizi, kişisel görüşlerinizi, videolarınızı, resimlerinizi... yani akla gelebilicek bütün bilgilerinizi dünyadaki tüm internet kullanıcıları ile paylaşmanıza olanak tanır.
Kısaca örnek vericek olursak; Bir iş yeriniz var ve siz daha fazla müşteri kazanmak istiyorsunuz. Radyoya, televizyona, gazeteye, reklam panolarına işyerinizin reklamınızı verirsiniz belirli kişilere ulaşır.
Buda potansiyel müşteri kapasitenizi sınarlar. İnternete verilen reklamlara ise, tüm dünya üzerindeki kullanıcılar ulaşabilir. Ayrıca bu reklamları yönetebildiğiniz için iş yeriniz için en etkili müşterilere ulaşırsınız.
İnternet siteniz olursada tüm bunları kendi alanınızda istediğiniz gibi yönetebilirsiniz.
Tüm dünyaya açılan bir pencere.. Sizce ne işe yarıyabilir?

İnternet Sitesine Nasıl sahip olabilirim?
Herhangi bir internet sitesine bir çok yolla sahip olabilirsiniz. Benim size sunacağım ise ücret ödemeden sahip olmak.
Bunun yanısıra ücret ödeyerekte bir hosting(alan) ve domain(alan adı) alabilirsiniz.
Kafanızı karıştırmak istemediğim için direk ücretsiz olarak nasıl bir internet sitesi oluşturucaksınız bunu göstermeye çalışıcağım.

Öncelikle ihtiyacınız olucak 2 şey;
Hosting(Alan)
Domain(Alan Adı)
Bunlar ne derseniz: Hosting internet sitemizdeki bilgileri saklıyabileceğimiz yine internet üzerindeki ücretli(şuan biz ücretsizini kullanıcağız) bilgisayarlardır.
Domain ise internet sitemize verdiğimiz isim. Örneğin; www.gelirkapisi.com gibi.

ve adım adım internet sitemizi oluşturmaya başlıyoruz.

1-Hosting Kaydı.
Byethost.com'a girin.
(Neden byethost?
Çünkü;
-5500MB disk alanı
-200 GB aylık trafik
-50 addon, parked, sub domain
-50 MySQL databases
-PhpMyAdmin
-Mysql ve trafik istatistikleri
-ve daha birçok özelliğinin yanısıra, reklamsız, hızlı, kesintisiz.)




Kayıtı tamamladıktan sonra e-mail adresine gelen bilgiler bizim işimize devamlı olarak yarıyacağı için asla kaybetmeyin ve silmeyin.

Cpanel ayrıntılı site kontrollerinizi yapıcağınız kısım. Bizim şuan için işimize yaramıyacak.

FTP kısımlarındaki bilgileri kullanıcağız.

2-Kodlamaya Giriş.(Kodlamayı bilen ya da hazır kodları olan kişiler "5-FileZilla ile Dosya Yükleme" kısmına geçebilir.)
Öncelikle kodlamamızı HTML dilinde yazıcağız. İngilizce Hyper Text Markup Language(Zengin Metin İşaret Dili)'nin kısaltılması olarak kullanılan HTML, günümüzde kullanılan en yaygın metin tabanlı dildir.
Yazıcağımız HTML dosyasının uzantısı htm ya da html olmalıdır. Bu yazılımı Not Defterinde bile yazabilirsiniz.

2.a-Kod Şablon Örneği

Kod Seç Genişlet

<HTML>
<head>
<title>Vaveyl4 Gelirkapisi.com Sunar</title>
</head>

<body>
<center>
<a href="#" >Ana Sayfa[/url] | <a href="#" >Ben kimim?[/url] | <a href="#" >İletişim[/url]<br \>
Merhaba Arkadaşlar, şuan internet sitemizi kurduk.[br /]
<font size="3" >Vaveyl4 Sunar 2012</font>
</center>
</body>
</HTML>
3-Kodlamaları kaydet.



4-Ağ'dan Hosting'e Bağlanma
Bunun 2 yolu var;
Birincisi bilgisayarınızdan "Ağ Bağlantılarım" kısmını açın. Adres çubuğuna site adresimizin ftp serverini giriyoruz. Benim serverim ftp.byethost7.com




5-FileZilla ile Dosya Yükleme





6-Sayfanızın Görünümü

http://www.vaveyl4.byethost7.com
Görüntülenemez ise şuradan deneyin: http://www.vaveyla.in/vaveyl4/

Artık bir internet sayfasına sahipsiniz. http://www.vaveyl4.byethost7.com gibi sizde ücretsiz olarak bir internet sitesine sahip olabilirsiniz.
Soru, görüş, öneri ve eleştirilerinizi forum altına yapabilirsiniz.
Konuyu hazırlarken ufak eksiklikler ve yazım hataları ya da yanlış cümleler kullanmış olabilirim. Sizin affınıza sığınıyorum.
Konu devamlı günceldir. Konudan ulaşamıyorsanız mailimden ya da pmden ulaşabilirsiniz.

[vaveyl4]

Merhaba arkadaşlar öncelikle çok az HTML'den bahsediceğim sizlere.
İngilizce Hyper Text Markup Language(Zengin Metin İşaret Dili)'nin kısaltılması olarak kullanılan HTML, günümüzde kullanılan en yaygın metin tabanlı dildir.
HTML dosyasının uzantısı htm ya da html olmalıdır. HTML belirli kodlamaları çalıştırır. Çalıştıramadıklarını düz metin biçiminde gösterir.

Bold(Kalınlaştırma):
Kodlama:

Kod Seç Genişlet

<b>Vaveyl4</b>
Açıklama: Vaveyl4 yazısını kalinlastirir.

İtalic(60derece sağa doğru eğim):
Kodlama:

Kod Seç Genişlet

<i>Vaveyl4</i>
Açıklama: Vaveyl4 yazısını sağa doğru eğer.

Underline(Altını çizme):Kodlama:

Kod Seç Genişlet

<u>Vaveyl4</u>
Açıklama: Vaveyl4 yazısının altını çizer.

Strike(Üzerini çizme):
Kodlama:

Kod Seç Genişlet

<s>Vaveyl4</s>
Açıklama: Vaveyl4 yazısının üzerini çizer.

Paragrafa Başlama:
Kodlama:

Kod Seç Genişlet

<p>Vaveyl4</p>
Açıklama: Vaveyl4 yazısını yeni bir paragrafa başlıyarak yazar.
Ek Kodlamaları:

Kod Seç Genişlet

<p align="right">Vaveyl4</p>
Ek Açıklama: align="right" kısmındaki align yön belirtmek için kullanılır. right(Sağ), center(Orta), left(sol) şeklinde paragrafın nereden başlıyacağını belirleyebilirsiniz. Default: left (Otomatik sol olarak belirtilir.)

Alt Satıra İnme:
Kodlama:

Kod Seç Genişlet

<br> or <br \>
Açıklama: Alt satıra inmek için kullanılır. Bir nevi HTML'de Enter görevini üstlenir.

Blink(Yanıp Sönen Yazı):
Kodlama:

Kod Seç Genişlet

<blink>Vaveyl4</blink>
Açıklama: Vaveyl4 yazısının yanıp sönmesini sağlar.

Marquee(Kayan Yazı):
Kodlama:

Kod Seç Genişlet

<marquee>Vaveyl4</marquee>
Açıklama: Vaveyl4 yazısı sağdan sola doğru web sayfasında devamlı kayar.
Ek Kodlama:

Kod Seç Genişlet

<marquee SCROLLAMOUNT="7">Vaveyl4</marquee>
Ek Açıklama: SCROLLAMOUNT="7" kısmı yazının kayma hızını belirtir.

Yazı Boyutu-Başlığı:
Kodlama:

Kod Seç Genişlet

<h1>Vaveyl4</h1>
Açıklama: Vaveyl4 yazısının boyutunu ayarlar.
Önemli Açıklama: h değeri 1 ile 6 arasında değişkenleri alır.
Ek Kodlama:

Kod Seç Genişlet

<h3 align="center">Vaveyl4</h3>
Ek Açıklama: align="center" değeri Vaveyl4 kısmını ortalar.

Link Vermek:
Kodlama:

Kod Seç Genişlet

<a href="http://www.gelirkapisi.com">Vaveyl4</a>
Açıklama: Vaveyl4 değerinin üzerine tıklanıldığında "http://www.gelirkapisi.com" adresine sizi yönlendirir.
Diğer Açıklama: Kullandığınız adres illaki bir web sitesini belirtmek zorunda değildir. Bir resmi href="./url.jpg" ya da bir belgeyi href="./vaveyl4/profil/mesajlar/" şeklindede kullanılabilir.
Ek Kodlama:

Kod Seç Genişlet

<a href="http://www.gelirkapisi.com" target="_blank" >Vaveyl4</a>
Ek Açıklama: target="_blank" şeklinde bir kodlama daha yazarsak linkimiz yeni sekme şeklinde açılır.
Ek2 Kodlama:

Kod Seç Genişlet

<a href="#vaveyl4" >Vaveyl4</a>, <a name="vaveyl4">Vaveyl4</a>
Ek2 Açıklama: href="#vaveyl4" sayfada gitmek istediğiniz yeri belirtir, name="vaveyl4" ise sayfadaki gitmek istediğiniz adrestir. name="vaveyl4" kodunu başka bir sayfaya yerleştirip href="url#vaveyl4" şeklinde farklı sayfadaki belirttiğiniz kısıma gidebilirsiniz.
Nasıl kullanırım?: Örneğin bir makalenizdeki ya da haberinizdeki alt başlıklar sayfanın çok altında kalıyorsa bu kodu kullanabilirsiniz. Sayfayı tek tek aşağıya indirmek yerine href="url#vaveyl4" şeklinde yönlendirdiğiniz sayfadaki name="vaveyl4" kısmına direk atlar. Zaman kaybını önliyerek kolaylık sağlar.

Font(Yazı Biçimi):
Kodlama1:

Kod Seç Genişlet

<font face="Comic Sans MS" >Vaveyl4</font>
Kodlama2:

Kod Seç Genişlet

<font color="red" >Vaveyl4</font>
Kodlama3:

Kod Seç Genişlet

<font size="14" >Vaveyl4</font>
Açıklama1: Vaveyl4 yazısını "Comic Sans MS" biçiminde gösterir.
Açıklama2: Vaveyl4 yazısını kırmızı renginde gösterir.
Açıklama3: Vaveyl4 yazısını 14px büyüklüğünde gösterir.
Ek Açıklama: Tüm biçimler aynı kısımda kullanılabilir. Örnek:

Kod Seç Genişlet

<font face="Verdana" color="green" size="8" >Vaveyl4</font>

Img(Resim):
Kodlama:

Kod Seç Genişlet

<img src="./vaveyl4.jpg" height="200" width="200" >
Açıklama: ./vaveyl4.jpg resmini 200x200 boyutunda sayfada gösterir. (height:yükseklik width:genişlik)

Center(Ortalama):
Kodlama:

Kod Seç Genişlet

<center>Vaveyl4</center>
Açıklama: Vaveyl4 kısmını ortalar. Yazı yerine resim veya tablo gibi farklı değişkenlerde olabilir.

HR(Çizgi):
Kodlama:

Kod Seç Genişlet

<hr size="1" width="%50" align="right" >
Açıklama: Çizgiyi 1px büyüklüğünde, sayfanın %50'si yani yarısı kadar genişliğinde, sağa doğru yaslar.

Table(Tablolar):
Kodlama:

Kod Seç Genişlet

<table>Vaveyl4</table>
Açıklama: Vaveyl4 yazısının tablo içinde yazar.
Kodlama:

Kod Seç Genişlet

<tr>Vaveyl4</tr>
Açıklama: Vaveyl4 yazısının satır içinde yazar.
Kodlama:

Kod Seç Genişlet

<td>Vaveyl4</td>
Açıklama: Vaveyl4 yazısının sütun içinde yazar.
Önemli: tablo, satır, sütun şeklinde kodlama yapılmalıdır. Sütun satırın içerisinde, Satır tablonun içerisinde olmalıdır.
İlk Örnek Kodlama:

Kod Seç Genişlet

<table border="2" align="center" height="300" width="300" bgcolor="gray" >
    <tr bgcolor="green" align="center" >
        <td colspan="2" >Www.GelirKapisi.Com</td>
    </tr>
    <tr>
        <td bgcolor="red" >Kullanıcı:</td>
        <td align="right" >Vaveyl4</td>
    </tr>
</table>
İlk Örnek Kodlamanın Açıklaması:
border="2" değişkeni tablonun en sonundaki çerçevenin kalınlığını belirtir.
align="center" tablonun ortalanıcağını belirtir.
height="300" width="300" tablonun 300x300px boyutunda olucağını belirtir.
bgcolor="gray" tablonun arkaplanının gri renkte olucağını belirtir.
ilk satırdaki bgcolor="green" align="center" değişkeni ilk satırın arkaplanının yeşil olucağını ve yazının ortalanıcağını belirtir.
ilk satırdaki ilk sütundaki colspan="2"  değişkeni 2 sütunun birleşmesi anlamına gelir.
ikinci satırdaki ilk sütundaki bgcolor="red" değişkeni o sütunun arkaplanının kırmızı olucağını belirtir.
ikinci satırdaki ikinci sütundaki align="right" etiketi yazının sağa doğru hizalanmasını sağlar.

Rowspan & Colspan Kodlama Örneği:

Kod Seç Genişlet

<table border="3" align="center" height="100" width="100" bgcolor="#aabbcc" >
    <tr>
        <td rowspan="3">a</td>
    </tr>
    <tr>
        <td>b</td>
        <td rowspan="3" >c</td>
    </tr>
    <tr>
        <td>d</td>
    </tr>
    <tr>
        <td colspan="2" >e</td>
    </tr>
</table>

Rowspan & Colspan Kodlama Örneği Açıklaması:
ilk satırın ilk sütunundaki td rowspan="3"(a) kendisini 2 satırı birleştirerek ve kendisinden sonraki 2 sütunu ayrı ayrı satırlarda gösterir. rowspan yazılırken kendisininde sayılması gerekir.
ikinci satırın ikinci sütunundaki td rowspan="3"(c) kendisini 3 satıra birleştirerek ve kendisinden önceki sütunları değiştirmez.
üçüncü satırın sütunundaki colspan="2"(e) kendisinin bulunduğu satırdaki bir önceki satırlara göre 2 sütun birleştirir.
(c)deki 3'ü 2, (e)deki 2'yi 3 yaparak (e) satırındaki sütunun 3 sütunu birleştirerek oluştuğunu ve (c) 2 satırdaki 2 satırı birleştirerek (a) şeklinde görünüm kazanır.
Rowspan & Colspan biraz karmaşık gibi görünsede kullanıldıkça daha fazla anlaşılıcaktır.

Listeleme:
Kodlama:

Kod Seç Genişlet

<ul></ul>
Açıklama: Maddeli listeleme.
Kodlama:

Kod Seç Genişlet

<ol></ol>
Açıklama: Sıralı listeleme.
Ek Kodlama:

Kod Seç Genişlet

<li></li>
Ek Açıklama: li değerleri ul ve ol değişkenlerinin içerisine yazılmalıdır ve listeleme yapıcağımız yazılar li değişkenlerinin arasında olmalıdır.
Örnek Kodlama:

Kod Seç Genişlet

<ol>
    <li>Alınan
        <ol>
        <li>100</li>
        <li>25</li>
        </ol>
    </li>
    <li>Verilen
        <ol>
        <li>50</li>
        <li>75</li>
        </ol>
    </li>
</ol>

HTML ile oluşturulan neredeyse tüm sayfalarda bu kodlar kullanılır. Umarım anlatabilmişimdir.

[ElisaMcCline]

Teşekkürler vaveyl4,
Faydalı bir yazı olmuş.... 

[ElisaMcCline]

Ben de sağda solda yayınlanan ücretsiz icon, psd files ve background olarak ya da farklı amaçlı kullanılabilecek görsel paylaşayım diyordum.
İlgiden çok emin olamadığım için vazgeçtim.
Bu konulara gelebilecek ilgiye göre, forumdaki yerine bakalım..

Paylaşımlar için teşekkürler

[ahnamus]

güzel bilgiler. teşekkürler

[vaveyl4]

Teşekkürler vaveyl4,
Faydalı bir yazı olmuş.... 

Umarım çoğu kişinin işine yarar

[vaveyl4]

Öncelikle bu tasarımlar ücretsiz olduğu için pek bi güzellik beklemeyin, amacım basitte olsa herkesin bir sayfasının olmasını sağlamak. Bu örnekleri istediğiniz gibi düzenliyebilirsiniz.
Kodlamadaki sitelerin referans kayıtları yoktur. Düzenleme yaparken kendi referanslarınızı koymayı unutmayın

index.html kodları

Kod Seç Genişlet

<HTML>
<HEAD><title>HTML Tasarımı: GelirKapisi.Com, Vaveyl4 (Örnek1)</title>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1254">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <link rel="shortcut icon" href="http://vaveyla.in/vaveyla.ico" />
  <meta name="description" content="Vaveyl4'nın HTML-Web Site Örnekleri 1" />
  <meta name="keywords" content="vaveyl4, gelirkapisi, internet, tıkla, kazan, ptc, pts, signup, anket,  kazanc," />
  <meta name="author" content="Vaveyl4" />
  <meta name="robots" content="index, follow">
  <META http-equiv="Content-Style-Type" content="text/css">
</HEAD>

<body>
<img src="./logo.jpg" ><br>
<center><b><font color="gray" size="3" ><a href="index.html" >Ana Sayfa</a> •
<a href="odeme-kanitlari.html" >Ödeme Kanıtları</a>  •
<a href="iletisim.html" >İletişim</a> </font></b></center><br>

<font size="5" face="Verdana" >Clixsense</font><br>
<font size="1,5" color="green" >01.02.2012, Salı</font><br>
<p><font size="2" face="Verdana" >
<a href="http://www.clixsense.com/" ><img src="http://static.clixsense.com/banners/clixsense468x60a.gif" ></a><br>
<b>Site Adı:</b> Clixsense<br>
<b>Tık Değerleri:</b> 0.01 / 0.005 / 0.001<br>
<b>Reklam Sayısı:</b> 6+<br>
<b>Ödeme Limiti:</b> 10$<br>
<b>Ödeme Yöntemi ve Süresi:</b> paypal / alertpay / Google Checkout / liberty reserve (anında )<br>
<b>Kayıt Olmak İçin:</b> <a href="http://www.clixsense.com/" >Tıklayın</a><br>
</font></p>

<hr width="%90" size="1" >

<font size="5" face="Verdana" >PTCBox</font><br>
<font size="1,5" color="green" >01.02.2012, Salı</font><br>
<p><font size="2" face="Verdana" >
<a href="http://www.ptcbox.com/" ><img src="http://www.ptcbox.com/images/Paid_to_Click_Box/PTC_BOX_468a.gif" ></a><br>
<b>Site Adı:</b> PTCBox<br>
<b>Tık Değerleri:</b> 0.005 <br>
<b>Reklam Sayısı:</b> 4+ <br>
<b>Ödeme Limiti:</b> 2$<br>
<b>Ödeme Yöntemi ve Süresi:</b> paypal / alertpay <br>
<b>Kayıt Olmak İçin:</b> <a href="http://www.ptcbox.com/" >Tıklayın</a><br>
</font></p>

<hr width="%90" size="1" >

<font size="5" face="Verdana" >Neobux</font><br>
<font size="1,5" color="green" >01.02.2012, Salı</font><br>
<p><font size="2" face="Verdana" >
<a href="http://www.neobux.com/" ><img src="http://images.neobux.com/imagens/banner9.gif" ></a><br>
<b>Site Adı:</b> Neobux<br>
<b>Tık Değerleri:</b> 0.01 / 0.005 / 0.001<br>
<b>Reklam Sayısı:</b> 13+  <br>
<b>Ödeme Limiti:</b> 2$<br>
<b>Ödeme Yöntemi ve Süresi:</b> paypal / alertpay <br>
<b>Kayıt Olmak İçin:</b> <a href="http://www.neobux.com/" >Tıklayın</a><br>
</font></p>

<hr width="%90" size="1" >

<font size="5" face="Verdana" >Ayuwage</font><br>
<font size="1,5" color="green" >01.02.2012, Salı</font><br>
<p><font size="2" face="Verdana" >
<a href="http://www.ayuwage.com/" ><img src="http://members.ayuwage.com/banner/ayuwagebanner.gif" ></a><br>
<b>Site Adı:</b> Ayuwage<br>
<b>Tık Değerleri:</b> 0.02 - 2<br>
<b>Reklam Sayısı:</b> 4-100<br>
<b>Ödeme Limiti:</b> 5$<br>
<b>Ödeme Yöntemi ve Süresi:</b> paypal / alertpay / liberty reserve (anında )<br>
<b>Kayıt Olmak İçin:</b> <a href="http://www.ayuwage.com/" >Tıklayın</a><br>
</font></p>





<center><table width="%100" align="center" ><tr><td width="%20" align="center" ><font size="2" face="Thimes New Romance" color="gray" ><b>Design: GelirKapisi.Com</b></face></td><td width="%70" align="center" ><font size="2" face="Thimes New Romance" color="gray" ><b>Copyright © 2011 vaveyl4. All rights reserved.</b></face></td><td width="%10" ><a href="https://www.facebook.com/pages/GelirKap%C4%B1s%C4%B1com/195222013855770" ><img src="fb.gif"></a> <a href="https://twitter.com/#!/search/realtime/gelirkapisi.com" ><img src="tw.gif" ></a></td>
</tr></table></center>

</body>
</HTML>

odeme-kanitlari.html kodları

Kod Seç Genişlet

<HTML>
<HEAD><title>HTML Tasarımı: GelirKapisi.Com, Vaveyl4 (Örnek1)</title>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1254">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <link rel="shortcut icon" href="http://vaveyla.in/vaveyla.ico" />
  <meta name="description" content="Vaveyl4'nın HTML-Web Site Örnekleri 1" />
  <meta name="keywords" content="vaveyl4, gelirkapisi, internet, tıkla, kazan, ptc, pts, signup, anket,  kazanc," />
  <meta name="author" content="Vaveyl4" />
  <meta name="robots" content="index, follow">
  <META http-equiv="Content-Style-Type" content="text/css">
</HEAD>

<body>
<img src="./logo.jpg" ><br>
<center><b><font color="gray" size="3" ><a href="index.html" >Ana Sayfa</a> •
<a href="odeme-kanitlari.html" >Ödeme Kanıtları</a>  •
<a href="iletisim.html" >İletişim</a> </font></b></center><br>

<center><b><font face="Verdana" color="green" size="4" >Ödeme Kanıtları</font></b></center>
<hr width="%90" size="1" >
<center>
<img src="http://i52.tinypic.com/2diot9k.jpg" ><br>
<hr width="%90" size="1" >
<img src="http://i56.tinypic.com/243oi2r.jpg" ><br>
<hr width="%90" size="1" >
<img src="http://img820.imageshack.us/img820/5962/ptcbox1deme.jpg" ><br>
<hr width="%90" size="1" >
<img src="http://i55.tinypic.com/2qmnul2.jpg" ><br>
</center>

<center><table width="%100" align="center" ><tr><td width="%20" align="center" ><font size="2" face="Thimes New Romance" color="gray" ><b>Design: GelirKapisi.Com</b></face></td><td width="%70" align="center" ><font size="2" face="Thimes New Romance" color="gray" ><b>Copyright © 2011 vaveyl4. All rights reserved.</b></face></td><td width="%10" ><a href="https://www.facebook.com/pages/GelirKap%C4%B1s%C4%B1com/195222013855770" ><img src="fb.gif"></a> <a href="https://twitter.com/#!/search/realtime/gelirkapisi.com" ><img src="tw.gif" ></a></td>
</tr></table></center>

</body>
</HTML>

iletisim.html kodları

Kod Seç Genişlet

<HTML>
<HEAD><title>HTML Tasarımı: GelirKapisi.Com, Vaveyl4 (Örnek1)</title>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1254">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <link rel="shortcut icon" href="http://vaveyla.in/vaveyla.ico" />
  <meta name="description" content="Vaveyl4'nın HTML-Web Site Örnekleri 1" />
  <meta name="keywords" content="vaveyl4, gelirkapisi, internet, tıkla, kazan, ptc, pts, signup, anket,  kazanc," />
  <meta name="author" content="Vaveyl4" />
  <meta name="robots" content="index, follow">
  <META http-equiv="Content-Style-Type" content="text/css">
</HEAD>

<body>
<img src="./logo.jpg" ><br>
<center><b><font color="gray" size="3" ><a href="index.html" >Ana Sayfa</a> •
<a href="odeme-kanitlari.html" >Ödeme Kanıtları</a>  •
<a href="iletisim.html" >İletişim</a> </font></b></center><br>

<center><b><font face="Verdana" size="4" color="red" >Bana Ulaş</font></b><br></center>
<hr width="%90" size="1" >
<p><font size="2" face="Verdana" >
<b>Msn:</b> [email protected]<br>
<b>Gmail:</b> [email protected]<br>
<b>Telefon:</b> +90 xxx xxx xx xx<br>
<b>Skype:</b> example<br>
<b>icq:</b> example<br>
<b>Facebook:</b> http://facebook.com/example<br>
<b>Twitter:</b> http://twitter.com/example<br>
</font>
</p>

<center><table width="%100" align="center" ><tr><td width="%20" align="center" ><font size="2" face="Thimes New Romance" color="gray" ><b>Design: GelirKapisi.Com</b></face></td><td width="%70" align="center" ><font size="2" face="Thimes New Romance" color="gray" ><b>Copyright © 2011 vaveyl4. All rights reserved.</b></face></td><td width="%10" ><a href="https://www.facebook.com/pages/GelirKap%C4%B1s%C4%B1com/195222013855770" ><img src="fb.gif"></a> <a href="https://twitter.com/#!/search/realtime/gelirkapisi.com" ><img src="tw.gif" ></a></td>
</tr></table></center>

</body>
</HTML>

image linkleri
fb.gif: http://imgcash5.imageshack.us/img853/3957/50238297.gif
tw.gif: http://img46.imageshack.us/img46/3567/28769874.gif
logo.jpg:  http://imgcash3.imageshack.us/img198/4175/logocmu.jpg

Tüm dosyaları index.html'nizin olduğu dizine atın. dosyaları hostinginize yüklemeden önce, yedeklerinizi almayı unutmayın.

*Dosyaların tümünü eklenti kısmından direk olarak indirebilirsiniz.

Tüm işlem bittikten sonraki sitenizin örnek görüntüsü şöyle olmalı;
http://vaveyla.in/vaveyl4/html1

Saygılarımla, vaveyl4

[avni59]

içinizde curl destekleyen host sahibi biri varsa benim için bisey yapabilirmi 

[ElisaMcCline]

içinizde curl destekleyen host sahibi biri varsa benim için bisey yapabilirmi