Google reklamlarında yeni dönem

Google reklamlarında yeni dönem

mbahadir   Ekim 26, 2013   Comment  

Google'da artık arama sonuçlarına göre, kullanıcılara banner reklamgösterilecek. Başka bir deyişle, aranan kelimelere göre sonuç listenin en üstünde birkaç adet "sponsorlu" link görmeye alışık olan Google kullanıcılarının bundan sonra listenin tepesinde kocaman banner reklamları görecek.

'RAHATSIZ EDİCİ BANNER'LAR KULLANMAYACAĞIZ' DEMİŞTİ

Ancak asıl ilginç olan detay şu ki, bugün Yahoo'nun CEO'su olan Marissa Mayer, 2005 yılında Google'ın arama motoru ve kullanıcı deneyimleri bölümünün yöneticisi olarak, Google adına basına şu açıklamayı yapmıştı: "Google kullanıcıları arama motorunda hiçbir zaman banner reklam görmeyecekler, bunun sözünü veriyoruz. Hiçbir zaman göz yoran, flaşlar patlatan, sağdan soldan çıkan rahatsız edici grafik banner'lara izin vermeyeceğiz!"

Fakat testlerine başlanan yeni özellik, bu sözün tutulmayacağının açık ispatı gibi... Google'ın şimdiden, çok tatlı paralar ödemek isteyen 30 büyük şirketle banner anlaşması yaptığı söyleniyor.

Alexa Da Yükselme

Alexa Da Yükselme

mbahadir   Ekim 24, 2013   2 comments  

Alexa, Dünya geneli ve ülke bazlı site  sıralaması yapan ve webmasterlar tarafından ilgiyle takip edilen önemli bir sitedir. Alexa ile web sitelerinin trafik yoğunluklarına göre sıralamalarını öğrenebiliriz. Sürekli güncellenerek sitelerin gelişimine göre sıralarının değiştiği sistemde, web sitesi sahipleri sürekli farklı yollar deneyerek Alexa sıralamalarını arttırmak peşindeler. Peki Alexa nasıl çalışır.

Alexa Nasıl Sıralar

• Sitenin tekil ve çoğul ziyaretçi sayısı
• Hemen çıkma oranı
• Sitede geçirilen süre
• Toplam sayfa görüntüleme
• Arama motorundaki kalitesi
• Siteye gelen ziyaretçilerin hangi siteden geldikleri ve bunların kalitesi
• Alexa backlink sayısı
• Sitenin sahiplenilmesi
• Olumlu yorumların sayısı ve oranı

Alexa Neden Önemlidir

• Reklam verenler için öncelikli aranan özelliktir
• Sitenin ziyaretçi sayısı hakkında izlenim verir
• Sitenin kalitesini belirler. Örneğin ben, hosting ve domain satış sitelerinin 500k alexadan fazla olması durumunda tercih etmiyorum.
• Seo açısından etkendir.
• Bir nevi rekabet analizidir

Alexa Nasıl Arttırılır

• Siteyi Alexa’da sahiplenin
• Alexa’da oturum açılmış bir şekilde sitenizi sorgulayın
• Sitede bir sayfada çok kalmak yerine farklı sayfaları gezin
• Harici kaynak yerine tüm resim vs. gibi dosyaları kendi hostunuzda barındırın
• Yazı içlerinde daha fazla resim kullanın
• Sitede Alexa Widget kullanın
• Alexa’ya link verin
• Alexa sorgulama sayısını arttırın
• İframe olarak site içeriğinizi başka sitede gösterin
• Sitenizin daha hızlı açılmasını sağlayın
• Sitenizin sorgu sayısını arttırın. Bunun için imacros kullanabilirsiniz
• Sitenize Alexa üyeliği ile 5 yıldızlı yorum yapın
• Düzenli ziyaretçi akışı için sosyal imleme sitelerini kullanın
• Hit canavarı, hit sihirbazı gibi siteler kullanılabilir
• Ziyaretçilere Alexa toolbar kulanımı önerme
• Resimler için Seo uygulamak

HTML Mouse ve Klavye Olayları

HTML HTML Kod

HTML Mouse ve Klavye Olayları

mbahadir   Ekim 24, 2013   5 comments  

onclick= Elemente klavye veya fare ile tıklandığında tetiklenir.
ondblclick= Elemente fare ile çift tıklandığında tetiklenir.
onmousedown= Element üzerinde fare tuşuna basıldığında tetiklenir.
onmouseup= Basılı olan fare tuşu bırakıldığında tetiklenir.
onmouseover= Elementin kapladığı alana girildiğinde tetiklenir.
onmousemove= Element üzerinde fare işaretçisi hareket ettirildiğinde tetiklenir.
onmouseout= Elementin kapladığı alandan çıkıldığında tetiklenir.
onkeypress= Element üzerindeyken klavyeden bir tuşa basıldığında tetiklenir.
onkeydown= Element üzerindeyken klavyeden bir tuşa ilk basıldığında tetiklenir.
onkeyup= Basılı olan klavye tuşu bırakıldığında tetiklenir.
onfocus= Elemente odaklanıldığında tetiklenir.
onblur= Element odaklanmasını yitirdiğinde tetiklenir.

Birkaç örnek verelim

Mouse Üzerine Gelince Değişen Resim Kodu

<a href="BURAYA SITE YADA ADRES LINKI YAZIN!"><img boyd=""<img border="0" onmouseout="this.src='IKINCI GOZUKECEK RESIM URL'SINI BURAYA YAZIN';" onmouseover="this.src='ILK GOZUKECEK RESIM URL'SI BURAYADA YAZIN';" alt="" src="ILK GOZUKECEK RESIM URL'SI BURAYA YAZIN" /></a>

Mouse Üzerine gelince duran kayan yazı kodu

<marquee onmouseover="this.stop()" onmouseout="this.start()" width="300" height="300" direction="Up" scrollamount="1" scrolldelay="60" loop="99999">
YAZININ GELECEĞİ YER / HTML KODLARDA GELEBİLİR</marquee>

Mouse Üzerine gelince yazıda bilgi kutucuğu çıkartmak

<font title="Yazımızın burada olduğunu belirtmek istedik">Yazımız normal şekilde burada yazıyor.</font>

Mouse Üzerine gelince resimde bilgi kutucuğu çıkartmak

<img src="Günbatımı.jpg" width="231" height="172" title="Resmimizin adı: Gün Batımı" />

Mouse Üzerine gelince renk değiştiren buton

<input type="button" value="Utangaç buton" onmouseover="this.style.background='red'"/>

Üzerine Gelince Renk Değiştiren Yazı

<HTML>
<HEAD>
<TITLE>Üzerinden gelince renk değiştiren yazı</TITLE>
<STYLE>
A:link {color: blue}
A:visited {color: purple}
A:hover {color:red}
A:active {color:yellow}
</STYLE>
</HEAD>
<BODY>
<A href="" _fcksavedurl="">Fare imleci bu yazının üzerine geldiğinde renk değiştirecek</A>
</BODY>
</HTML>

Kaynak : "WebSeyyahi"

HTML Yazı İçersinde Tablo Kullanma

HTML HTML Kod

HTML Yazı İçersinde Tablo Kullanma

mbahadir   Ekim 24, 2013   4 comments  

Blog yada sitelerde bazen verileri göstermek için tabloya ihtiyacımız olur şimdi genel olarak tablo kullanımına bakalım

<table width="250" height="150" border="10" cellpadding="4" cellspacing="3" bordercolor="#333333" bgcolor="#FF9933" align="center" valign=”top”>
<tbody>
<tr>
<td>yazı1</td>
<td>yazı2</td>
<td>yazı3</td>
<td>yazı4</td>
</tr>
<tr>
<td>yazı5</td>
<td>yazı6</td>
<td>yazı7</td>
<td>yazı8</td>
</tr>
<tr>
<td>yazı9</td>
<td>yazı10</td>
<td>yazı11</td>
<td>yazı12</td>
</tr>
<tr>
<td>yazı13</td>
<td>yazı14</td>
<td>yazı15</td>
<td>yazı16</td>
</tr>
<tr>
<td>yazı17</td>
<td>yazı18</td>
<td>yazı19</td>
<td>yazı20</td>
</tr>
</tbody>
</table>

width : Tablo genişliği . width içinde yüzde de kullanabilirsiniz. 100% yaparsanız tam genişlik alır.

height: Tablo yüksekliği. height içinde yüzde de kullanabilirsiniz. 100% yaparsanız tam genişlik alır.

border : Tablo çerçevesinin kalınlığı

cellpadding:  Hücre içi boşluk

cellspacing : Hücreler arası boşluk

bordercolor : Tablo çerçevesinin rengi

bgcolor : Arkaplan rengi

align :”center” tabloyu ortalar. left / right

background : ”resim.gif” şeklinde arkaplan resmini tanımlıyabiliriz.

valign : Hücre içindeki yazıların dikey hizalaması. (vertical align) top/bottom





HTML Tablo Kodları

<table>
Tabloya başlarken <table> kodu kullanılarak tablo başlar. Tablo </table> şeklinde kapatılır.
<tr>
Tabloda satıra başlarken <tr> kodu kulanılır ve satır sonunda </tr> şeklinde kapatılır.
<table border=”2″>
<tr>
<td>web</td>
</tr>
<tr>
<td>tasarım</td>
</tr>
</table>
***<td> den önce <tr> oluşturulmalıdır***
<td>
Tabloda sütun oluşturulurken <td> kullanılır ve diğer kodlarda olduğu gibi sütun sonunda </td> olarak kapatılır.
<table border=”2″>
<tr>
<td>web</td>
<td>tasarım</td>
</tr>
</table>
<table border>
Hücrelerin ve tablonun kenar kalınlığını belirler. Eğer <table border=0> verilirse tablo kenarlığı görünmez.
<table border=”0″>
<tr>
<td>BİLİŞİM</td>
</tr>
</table>
<table border=”4″>
<tr>
<td>BİLİŞİM</td>
</tr>
</table>
<th>
Tabloda başlık <thead> koduyla yazılır. Ancak sütun başlıkları <th> kodula yazılır.
<table border=”2″>
<tr>
<th>BİLİŞİM</th>
<th>TEKNOLOJİLERİ</th>
</tr>
<tbody>
<tr>
<td>WEB TASARIMI</td>
<td>WEB TASARIMI</td>
</tr>
<tr>
<td>WEB TASARIMI</td>
<td>WEB TASARIMI</td>
</tr>
</tbody>
</table>
<width>
Tabloda piksel cinsinden genişlik vermeyi sağlar.
<table border=”2″>
<tr><td width=50 >WEB</td></tr>
<tr><td width=50 >TASARIMI</td></tr>
</table>
<table border=”2″>
<tr><td width=150 >WEB</td></tr>
<tr><td width=150 >TASARIMI</td></tr>
</table>
<heigth>
Tabloda piksel cinsinden yükseklik vermeyi sağlar.

<table border=”2″>
<tr><td height=30>WEB</td></tr>
<tr><td height=100>TASARIMI</td></tr>
</table>

<colspan>
Tabloda satırdaki hücreleri birleştirmeyi sağlar. (Yan yana birleştirir.)
<table border=”2″ >
<tr>
<td colspan=”2″>BİLİŞİM</td>
<tr>
<td>WEB</td>
<td>TASARIMI</td></tr>
</table>
<rowspan>
Tabloda sütundaki hücreleri birleştirmeyi sağlar. (Alt alta birleştirir.)
<table border=”2″ >
<tr>
<td>BİLİŞİM</td>
<td rowspan=”2″>TEKNOLOJİLERİ</td></tr>
<tr>
<td>WEB</td>
</table>
<cellspacing>
Tabloda hücreler arası boşluğu ayarlar.
<table border=”1″ cellspacing=”2″>
<tr><td>BİLİŞİM</td></tr>
<tr><td>TEKNOLOJİLERİ</td></tr>
</table>
<table border=”1″ cellspacing=”20″>
<tr><td>BİLİŞİM</td></tr>
<tr><td>TEKNOLOJİLERİ</td></tr>
</table>

<cellpadding>
Tablo içindeki bilgi ile tablo sınırları arasındaki boşluğu piksel cinsinden ayarlar.
<table border=”1″ cellpadding=”0″>
<tr><td>WEB</td></tr>
</table>
<table border=”1″ cellpadding=”15″>
<tr><td>WEB</td></tr>
</table>
<bgcolor>
Bgcolor hücre içini renklendirmeyi sağlar.
<table border=”2″>
<tr>
<td bgcolor=”red”>web</td>
<td bgcolor=”blue”>tasarım</td>
</tr>
</table>

<table border=”2″ bgcolor=”red”>
<tr>
<td>web</td>
<td>tasarım</td>
</tr>
</table>

<border color>
Hücre duvarının rengini değiştirir.
<table border=”4″ bordercolor=”red”>
<tr>
<td>web</td>
<td>tasarım</td>
</tr>
</table>
<table border=”4″ bordercolor=”blue”>
<tr>
<td>web</td>
<td>tasarım</td>
</tr>
</table>
=ÖRNEK=
Yazdıklarımı daha iyi anlamanız için aşağıdaki örneği yapmanızı öneririm!
<table border=”4″>
<tbody>
<tr>
<td>Yıllara göre</td>
<td colspan=”2″><div align=”center”>2005</div></td>
<td colspan=”2″><div align=”center”>2006</div></td>
</tr>
<tr>
<td bgcolor=”#00ff00″ height=50><div align=”center”>SAY</div></td>
<td width=50><div align=”center”>250</div></td>
<td>120</td>
<td>100</td>
<td>50</td>
</tr>
<tr>
<td><div align=”center”>SÖZ</div></td>
<td><div align=”center”>36</div></td>
<td rowspan=”2″ bgcolor=”pink”>147</td>
<td>180</td>
<td rowspan=”2″>85</td>
</tr>
<tr>
<td><div align=”center”>EA</div></td>
<td><div align=”center”>125</div></td>
<td>160</td>
</tr>
</tbody>
</table>

<table border= “1”> Bu parametre hücrenin ve tablonun etrafındaki çerçevenin kalınlığını ayarlamak için kullanılır.


<table width=”100”> Tablonun pixel cinsinden genişliğini ayarlamak için kullanılır.

<table height=”50”> Tablonun pixel cinsinden yüksekliğini ayarlamak için kullanılır.

<table cellspacing=”2”> Tablonun içerisindeki hücrelerin, birbirlerinden ve tablo sınırlarından uzaklığını pixel olarak ayarlamak için kullanılır.

<table cellpadding=”5”> Hücrelerin içerisindeki metin, resim, v.s gibi web sayfası öğelerinin hücre sınırlarından uzaklıklarını ayarlamak için kullanılır.

<table bgcolor=”#ffff00”> Tablonun genel arka plan rengini belirlemek için kullanılır.

<table align=”left”> ; <table align=right>; <table align=center> Tablonun konumunu ayarlamayı sağlar.

<table background=”tugla.gif”> Tablonun arkasına resim konulabilir.
< table bgcolor=”#ffff00” > Tablonun arka zemin rengini ayarlar.

<td> Takısının Parametreleri

Burada parametre kullanarak Tablo’nun hücrelerinin içeriğini sağa, sola veya ortaya yaslayabilir. Hücrelerin arka plan renklerini ayrı ayrı değiştirebiliriz.

<td bgcolor=”#00ffff”> Hücrenin arka plan rengini, diğer hücrelerden veya tablonun genel arka planından bağımsız olarak değiştirir.
<td width=”250”> Hücre genişliğini belirlemek için kullanılır.
< td height=”50”> Hücre yüksekliğini belirlemek için kullanılı
<td colspan=”2”> Bu hücrenin genişliğinin 2 sütun genişliğinde olduğunu gösterir.

<td rowspan=”2”> Bu hücrenin yüksekliğinin 2 satır yüksekliğinde olduğunu gösterir.

<td background=”hasan.gif”> Hücrenin arka planına bir resim yerleştirir.
<td align=”left”>, <td align=”right”>; <td align=”center”> Hücrenin içerisinde yer alan metin, resim, grafik vs. gibi web sayfası öğelerini sola, sağa veya ortaya hizalayabiliriz.

<td valign="top”>, <td valign="middle”>, <td valign="bottom”>, <td valign="baseline”> sadece <td> ile birlikte kullanılır, hücre içeriğini dikey olarak tablonun tepesine(top), ortasına(middle) veya tabanına(bottom) dayar.

Not : Align parametresi hücre içinde yatay hizalama yapar. Valign parametresi hücre içinde düşey hizalama yapar.

Not: <table border=“1”> takısı kullanıldıgında table ve td takısında <td bordercolor:#ff0000”> veya <table bordercolor:#ff0000”> paremetresi kullanıldıgında çerçevenin tüm kısımları aynı renge boyanıyor. Bordercolor yerine <BORDERCOLORDARK=”#ff0000”> kullanılırsa tablo çerçevesinin gölgeli kısmını <BORDERCOLORLIGHT=”#ff0000”> kullanılırsa çerçevenin ışığa bakan kısmını renklendiriyor.

Kenarlık renklerinde ayarlama yapmak

A.) Tablomuzun sadece bazı yerlerindeki iç kenarlıkları da yok etmemiz mümkün. Bunu <table> tagının "rules" elemanı ile yapabiliriz.

"Rules" Elemanının parametreleri.:

• none : Tüm iç kenarlıkları yok eder.
• rows : Dikey iç kenarlıkları yok eder.
• cols : Yatay iç kenarlıkları yok eder.

Örnek;

<table border="1" bordercolor="blue" rules="cols" cellpadding="5" cellspacing="0">

<tr>
<td>1.satır 1.sütun</td>
<td>1.satır 2.sütun</td>
</tr>
<tr>
<td>2.satır 1.sütun</td>
<td>2.satır 2.sütun</td>
</tr>
<tr>
<td>3.satır 1.sütun</td>
<td>3.satır 2.sütun</td>
</tr>
</table>


B.) Tablomuzun sadece bazı yerlerindeki dış kenarlıkları yok etmemiz mümkün. Bu özelliği <table> tagının "frame" elemanı sayesinde gerçekleştiririz.
Frame" Elemanının Parametreleri.
• void : Tüm dış kenarlıkları yok eder.
• above : Sağ,sol ve alt kenarlığı yok eder.
• below : Sağ,sol ve üst kenarlığı yok eder.
• hsides : Sağ ve sol kenarlıkları yok eder.
• vsides : Üst ve alt kenarlıkları yok eder.
• rhs : Üst, alt ve sol kenarlığı yok eder.
• lhs : Üst, alt ve sağ kenarlığı yok eder.

Örnek;

<table border="1" bordercolor="red" frame="vsides"
cellpadding="5" cellspacing="0">

<tbody>
<tr>
<td>1.satır 1.sütun</td>
<td>1.satır 2.sütun</td>
</tr>
<tr>
<td>2.satır 1.sütun</td>
<td>2.satır 2.sütun</td>
</tr>
<tr>
<td>3.satır 1.sütun</td>
<td>3.satır 2.sütun</td>
</tr>
</tbody>
</table>

Samsung Galaxy Gear 2 Geliyor!

Samsung Galaxy Gear 2 Geliyor!

mbahadir   Ekim 24, 2013   5 comments  

Samsung, bu ayın başlarında yeni telefonu Galaxy note 3 ile birlikte yeni akıllı saati Galaxy Gearmodelini de tanıtmıştı. Ancak yeni gelen söylentilere göre şirket henüz tanıttığı akıllı saatinin ikinci versiyonu üzerinde çalışmaya başladı.

Galaxy Gear 2 olacak olan akıllı saatin 2014 yılının başlarında gerçekleşecek olan CES 2014 veya MWC 2014 fuarlarında tanıtılması bekleniyor. Şirketin yeni tanıttığı akıllı saati Galaxy Gear’ın hemen ikinci versiyonuna başlamasının nedeni ise bu saatin az ilgi görmesi oldu. Akıllı saat az ilgi gördü çünkü sadece Android 4.3 çalıştıran akıllı telefonlarla uyum sağlıyor ve bütün akıllı telefonlarla uyum sağlamıyor.

Rapora göre Galaxy Gear 2, tüm Android akıllı telefonlarla uyumlu olacak ve aynı zamanda GPS işlevselliği içerecek

iPad Air Hakkında Her Şey!

iPad Air Hakkında Her Şey!

mbahadir   Ekim 24, 2013   3 comments  

Apple lansmanında OS X Mavericks, MacBook Pro, Mac Pro ve güncellenen 20 Apple uygulamasının ardından saatler 20:58’i gösterdiğinde sıra yeni iPad’lere geliyordu. iPad Air sahnede!

Apple lansmanında saatler 20:58’i gösterdiğinde sıra iPad’lere gelmişti. Apple’ın Ekim ayının başlarında 170 milyonuncu iPad’i sattığı, şirketin en başarılı ürünlerinden birinin net bir şekilde iPad olduğu belirtildi. iPad’in müşteri memnuniyetinde 1 numara olduğu şirketin CEO’su Tim Cook tarafından açıklandı ve iPad Air sahnedeki yerini aldı! Evet, yeni nesil iPad, “Air” takısı ile geliyor.

Ve iPad Air!
9.7 inç Retina ekranlı yeni iPad Air, iPad 4’e göre tam yüzde 43 daha ince ekran çerçevesine sahip, yüzde 40 daha hafif ve yüzde 20 daha ince. Ekranı, daha da azaltılan çerçevesi ile çok daha zarif bir görünüm sunarken hafifliği ise onu tam bir “Air!” haline dönüştürüyor.

Donanım özellikleri
iOS 7 mobil işletim sistemli iPad Air, 1 milyardan fazla transistor ile 64-bit mimarili A7 çipe ve yine iPhone 5S’in M7 çipine sahip. Air 16, 32, 64 ve 128GB depolama kapasiteleri sunuyor. İlk nesil iPad’e göre 8 kat daha hızlı işlemcisi ve 72 kat daha hızlı grafikleri ile gelişiminini gözler önüne seriyor. Ayrıca LTE desteği sunan iPad Air’in arka kamerası ile 5 megapiksel fotoğraf çekilip 1080p video kaydı gerçekleştirilebiliyor. Cihazın 1.2 megapiksel fotoğraf çekebilen FaceTime HD (ön) kamerası ile 720p video kaydı da mümkün.

1 Kasım’da satışına başlanacak
10 saat pil ömrü vaat eden yeni iPad Air iki farklı renk opsiyonu ile gelecek: gümüş/beyaz, gri/ siyah. Fiyatı ise 499 dolardan başlayacak. İlk etapta satışına başlanacak çok sayıda ülke arasında Türkiye bulunmuyor. Pilot ülke sayısını artıran Apple’da yeni nesil iPad Air’in Türkiye’ye yıl sonuna kadar gelme olasılığı söz konusu olabilir.

PhotoShop LOGO Yapımı

Ders LOGO

PhotoShop LOGO Yapımı

mbahadir   Ekim 22, 2013   4 comments  

 Yorum Altına Sitenizi Yazın Biz Size Bedava Logo Yapalım!