Articles by "web kodları"
web kodları etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

zaman: 0
En yeni konular, en gücel haberler. En son çıkan internet haberleri. Oyun haberleri. Hepsi webtegez.blogspot.com'da..
Günümüzün webmasterları için kaçınılmaz sorunlarından birisi de seo ayarları olduğunu görüyoruz. Peki nedir bu seo ayarları ? Anladığım kadarıyla Seo işinin temel amacı web sitelerinde istenilen kelimenin veyahutta yazının diğer sitelerin yazılara karşın bir üs sıraya çıkmasını sağlamak. Haliyle sitenize gelen ziyaretçi sayısı artar bu da sizin reklam almanızı bu sayede reklamlardan fazla gelir etmenizi sağlar. Peki ne seo ayarları için ne yapmalıyız ?


Başlıkta da belirttiğim gibi ayarları Blogger'a göre anlatıyorum ;

Öncelikle başlık ayarlarımızı yapıcaz. Başlık ayarları denilen şey aramalarda önce konu başlığı sonra sitenizin ismi çıkmasını sağlıyacak.

Blogger panelinizden Şablon >> Html'yi Düzenle seçeneğine tıklıyayın
Gelen penceredeki  kutudan ''Widget Şablonlarını Genişlet''e tıkalamayı unutmayın...

 
<title><data:blog.pageTitle/></title>

Kodunu * 

 

<b:if cond='data:blog.pageType == "index"'> <title><data:blog.title/></title> <b:else/> <title><data:blog.pageName/> - <data:blog.title/></title></b:if>

Bununla değiştiriyoruz. Şimdilik bu kısım bitti.

 İkinci olarak yapmamız gereken ise meta ayarlarını yapmak ( Gerekli birşey ), bu kodu bulun; ( Ctrl + F Kullanabilirsiniz )

 

<b:include data='blog' name='all-head-content'/>

Bununla değiştirin: 

 
<meta content='BLOGUNUZUN KISA AÇIKLAMASI' name='description'/>
 <meta content='BLOGUNUZUN ANAHTAR KELİMELERİ' name='keywords'/>
 <meta content='BLOG YAZARININ ADI' name='author'/>

Ve şablonu kaydedip ziyaretçilerimizin artmasını bekliyoruz :)
Continue reading

zaman: 0
En yeni konular, en gücel haberler. En son çıkan internet haberleri. Oyun haberleri. Hepsi webtegez.blogspot.com'da..

Kendi sitesine sahip veya web kodlama ile ilgilenen birçok kişinin en büyük sorunu şüphesiz ki tüm fontların kendiliğinden bulunmuyor olmasıdır.
@Font-Face sisteminin en özet açıklaması ‘Sitenize İstediğiniz Fontları Eklemenizi Sağlar’ olacaktır. Elbette ki bunun ayrıntısına indiğimizde birçok detayını keşfedeceğiz. Hadi başlayalım.
@Font-Face‘in kullanılması için oluşturulmuş en büyük kaynaklardan biri olan Google Fonts, şüphesiz ki bize en rahat Font-Face kullanım imkanını sağlamakta. En büyük kaynak olsa dahi (her ne kadar tasvip etmesek de) ücretli fontların orada bulunmaması veya kişisel fontlarınızı eklemek isteğiniz için @Font-Face yüklemeye değineceğim.

1. Google Fonts ile Yeni Fontlar

Eğer istediğiniz fontu Türkçe destekli olarak bulabiliyorsanız, bence hiç beklemeden bu yöntemi uygulayın.
http://www.google.com/webfonts adresine girip ilk olarak fontumuzu seçiyoruz, hemen ardından fontta bulunan ‘Quick Use’ butonuna tıklıyoruz. Gelen ekranda bulunan Add this code to your website:yazısındaki ‘<link>‘ tagını alıp, sitemizdeki <head> tagları arasına yapıştırıyoruz ve işlem tamam!
[Link tagı =<link href='http://fonts.googleapis.com/css?family=Font+Adi' rel='stylesheet'type='text/css'> ]
Artık bu fontu kullanmanız için tek yapmanız gereken yukarıdaki link tagında maviye aldığım ismi bir css’e vermektir. Yani örneğin #anamenu {font-family:Font Adi;} olarak girmemiz gerekecektir. Bunun ardından #anamenu altındaki tüm fontlar Font Adı fontunda şekillenecektir.

2. Herhangi Fontu @Font-Face Yapmak

Google Fonts’ta bulamadığımız herhangi bir fontu da sitemize eklemek isteyebiliriz. Bunun için yapacağımız işlem biraz daha uzun olsa da, emin olun ki sonuçtan memnun kalacaksınız.
İlk olarak Create Your Own @Font-Face Kits sayfasına giriyoruz. Add Fonts ifadesine tıklayıp fontumuzu seçtikten sonra, EXPERT ifadesini işaretleyerek ayarları aşağıdaki gibi yapıyoruz.
İndirdiğimiz dosyalarda, aynı fonta ait dört farklı uzantıda yazı tipi olacağını göreceksiniz. Bunun sebebi tüm tarayıcının @Font-Face kullanımında aynı uzantıyı desteklememesidir.
İndirdiğimiz dört fontu temamızın içindeki /images klasörüne atıyoruz. Hemen ardından style.cssdosyamıza aşağıdaki kodları ekliyoruz.
Not: Fontlarınızı /images değilde farklı bir dizine attıysanız, aşağıdaki kodu ona bağlı olarak düzenlemeniz gerekmektedir.
Ardından istediğiniz div etiketine font-family:Font; özelliğini ekleyerek fontunuzu kullanabilirsiniz.
Keyifli Kullanımlar.


@font-face { font-family: 'Font';
src: url('images/font-webfont.eot');
src: url('images/font-webfont.eot?#iefix') format('embedded-opentype'),
url('images/font-webfont.woff') format('woff'),
url('images/font-webfont.ttf') format('truetype'),
url('images/font-webfont.svg#ABCDEFG') format('svg');
font-weight: normal; font-style: normal; }
Continue reading

zaman: 0
En yeni konular, en gücel haberler. En son çıkan internet haberleri. Oyun haberleri. Hepsi webtegez.blogspot.com'da..

 Merhaba arkadaşlar ,
Gün geçtikçe büyüyen siteler ve büyüdükçe düşmanı artan siteler/bloglara çeşitli floodlarda saldırı düzenlenmekte ve bu saldırılar mysqlye bilgi göndererek load artırıyor yavaşalama ve açılmamalar oluyor. Şimdi sitemize bağlantı sınırı koyarak bu saldırıları engellemeye çalışacağız. Bu kod 1 saniye içinde 10 bağlantı gönderiyor ise 5 saniye olarak onu banlayacağız ve 5 saniye sonra yeniden girebilecek.

İlk olarak her sayfada görünmesi için forumlarda global.php ya da config dosyalarına ekleyebilirsiniz. İndex.php ye eklerseniz sadece ana sayfada gözükür. Ben bunu hemen hemen her sitemde kullanırım.

Kurulum 

Yukarıda saydığım php dosyalarındna birini açıp "<?php" tagından 1 aşağı satıra bu kodları yapıştırıyoruz. -Kodları Göster- kayıt edip sitemize gelir 3 saniye boyunca F5 tuşuna basılı tutuyoruz sizi 5 saniye engelliyor :)    Kodlarla oynama yaparak kaç bağlantı ve ya saniyede engelleyeceğimizi yazabiliriz.
Bu şekilde sitenizi koruyabilirsiniz.

Yapamayanlara ve ya sorusu olanlara elimden geldiğimce yardımcı olacağım.
Continue reading
Kaydol: Kayıtlar (Atom)