</head>
<meta http-equiv="refresh" content="5;url=http://yardimpaneli.blogspot.com"/>
ZAAAAAAAAAAAAAAAA
Daima Güncel Blog ...
</head>
<meta http-equiv="refresh" content="5;url=http://yardimpaneli.blogspot.com"/>
ZAAAAAAAAAAAAAAAA
First letter kelimesinin Türkçe anlamına bakarsak first:birinci, letter:harf olarak karşımıza çıkıyor. CSS'de ise tam anlamının karşılığı. Adı üstünde first-letter denilebilecek cinsten.
Bu seçici ile bir elementteki yazının ilk harfini şekillendirebilirsiniz. Belli bir elementin ilk harfinin rengini değiştirebilir, kalın-ince yapabilir veya destekli diğer CSS özelliklerini kullanabilirsiniz. Ancak bazı elementlerde işe yaramıyorum. Bunlardan biri "span".
Aşağıda bir canlı örnek ile uygulayabileceğiniz CSS özellikleri bulunuyor. Daha detaylı anlamak için incelemenizi öneririm.
Dropbox kalitesinde dosyalarınızı sitenizde kullanmak ister misiniz? Webmasterlar için vazgeçilmez olacak Dropbox'tan dosya çağırmak çok kolay. Peki bu webmasterların ne işine yarayacak? Gelişen web sistemlerinde hırsızlık çoğaldı. Dosyanızı Dropbox'tan çekerek acemi hırsızların biraz da olsa önüne geçilebilir. Hep işin fesat yönünden bakmak olmaz. Birazda iyi yönden açıklayalım. Temalarda style etiketi arasına temaya asıl görünümünü veren CSS kodları yazılır. Tema ne kadar detaylı ve ayrıntılı ise bu kodlar uzadıkça uzayacaktır. Hal böyle olunca fazla kod, HTML kodlarını düzenlerken kafanızı karıştırabilir. Bu yüzden CSS kodlarını başka bir yerden çekmek mantıklı. Tabii çekebileceğimiz dosyalar CSS ile sınırlı değil. JavaScript ve HTML dahil bir sürü dosyayı çekebiliriz.
Bu bölümde CSS ve JavaScript dosyalarının temanıza nasıl çağıracağı hakkında bilgi vereceğim sadece. Bu kodlar temanızda bulunan <head>
ile </head>
etiketleri arasına eklenecek. LINK olarak belirttiğim yerlere son adımda aldığınız ön izleme linkini koyun.
<link href="LINK" rel="stylesheet" type="text/css"/>
<script src='LINK' type="text/javascript"></script>
Bu makalemde buraya kadar. Dropbox'ı tercih etmemin sebebi güvenilir olması. Aynı şekilde Google Code'de kullanılabilirdi ancak Google Code'de CSS dosyaları çağrılmıyor.
Gelişmiş ve başarılı olmuş bir çok webmasterın ortak sorunu hırsızlık. Kendini webmaster zanneden, sadece klavye artistliği yapabilen yaşaması suç sayılması gereken insanlar bir hayli çok. Hırsızları tamamen engellemek olanaksız, ancak acemi hırsızları engellersek bile kar. CSS3'ün yine bize sunduğu nimetlerden biri user-select ile beraberiz. CSS3 user-select ile webkit tabanlı ve Firefox tarayıcılarında metnin seçilmesini engelleyebilirsiniz. Ne yazık ki IE'de çalışmıyor. Aşağıdaki örneğe bakabilirsiniz.
#nesne p {
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-o-user-select:none;
user-select:none
}
HTML'de yazıları alt veya üst simge olarak yazmak mümkün. Çok kısa ve basit kodla alt ve üst simge kullanabilirsiniz.
Normal yazı bu şekildedir.Bu bir alt simge örneğidir.
<sub>Bu bir alt simge örneğidir.</sub>
Normal yazı bu şekildedir.Bu bir üst simge örneğidir.
<sup>Bu bir alt simge örneğidir.</sup>
Focus, kelimesinin Türkçe'si "odak"tır. Bir CSS elemanına istediğiniz bir kodu odaklayabilirsiniz. Örneğin :focus kullanılmadan :active ile box-shadow kullanılan bir inputta tıklar tıklamaz box-shadow kaybolacaktır. Ancak :focus ile box-shadow kullanıldığında siz fareyi çekene kadar efekt gözükecektir.
Metin kutusunun üzerine tıklayın.
#nesne:focus {
border: #900 solid 1px;
}
Tema kodlaması yapıyorsanız tarayıcı uyumluluğuna dikkat ediyorsunuzdur? Şuanda eski sürümleri Windows XP/Vista'da kullanılan Internet Explorer'da CSS3 desteği yok. Bu yüzden yeni nesil tarayıcılarda çalışan efektler bu tarayıcıda olmuyor. Bazen temanın tamamı CSS3'ten oluşuyor. Haliyle site gözükmüyor. Bu sorunu sadece 1 satır kod ile çözebilirsiniz. Bu muhteşem meta kodu hemen aşağıda! Kodu hemen <head>
etiketinden sonra ekleyerek kullanmaya başlayabilirsiniz.
<meta content='IE=9' http-equiv='X-UA-Compatible'/>
Text indent kelime anlamı metin girdisidir. Metne paragraf açmaya yaramaktadır. Aşağıdaki örnek bir kullanım vardır. Ancak daha iyi anlamak için buraya tıklayıp ön izlemeli görebilirsiniz.
p {
text-indent:50px;
}
Artık yazmayı bilen bilmeyen herkesin bir blogu var. İnternet blog çöplüğüne döndü. Bilmeyenlerin blogları iğrenç ve itici gözüküyor. Bu onlar için sorun değil, ama ciddi miktarda ziyaretçi kaybına yol açıyor. Bunun için sizlere yararlı olabileceğini düşündüğüm bir yazı yazdım. Tam 10 madde oldu. Okumanızı şiddetle tavsiye ediyorum.
Tema bence bir sitenin kalbidir. Çünkü ziyaretçi sitenize ilk girdiğinde temayı görür. Ona göre çıkabilir veya konuları gezmeye başlayabilir. Bu yüzden tema seçiminiz çok önemlidir. Ne çok renkli, ne de çok sade olmalıdır. Temanızı kendiniz yapmanızı öneririm. Bunun nedeni ise ziyaretçi temayı başka bir sitede gördüyse aynı içerikli olduğunu düşünebilir.
Önceki maddede temayı incelemiştim. Bu madde yine tema ile ilgili fakat daha önemli bana kalırsa. Çünkü açılış hızı ne kadar hızlıysa beraberinde hit de getirir. Peki temanızı nasıl hızlandırabilirsiniz? Bunun bir çok yöntemi var fakat önce CSS yapısı ile işe başlayın. Tekrar içeren resimleri büyük bir resim olarak değilde CSS background-repeat kullanarak tekrar sağlayın. Çok resim olmaması açılış hızını etkiler. Fakat çok küçük bir resim bile yüklediğiniz site yüzünden geç açılabilir.
Blogunuzun takip edilmesi için özgün içerik çok önemlidir. Oradan buradan çalarak veya alıntı yaparak yazı yazarsanız hem web halkı tarafından sevilmezsiniz hem de ziyaretçiniz düşer. Hiç kaynaklı yazı almayın demiyorum ama kaynaklı yazı önermem.
Ben blogumda bu maddeye çok dikkat ediyorum. Bazı bloglarda görüyorum, noktalama kurallarına hiç uymuyorlar. Tüm noktalama kurallarına uymak gerekli. Örnek;
"bugün sizlere bu kodu paylaşıyom. Süper Bir Kod[...]" gibi bir yazı yazarsanız ziyaretçi sitenizden soğur ve bir daha girmek istemez. Bunun için örnekteki yazı şu şekilde olmalıdır.
"Bugün sizlere bu kodu paylaşıyorum. Süper bir kod[...]
Bazı arkadaşlarımı görüyorum. Neredeyse her yazıya başlarken hep aynı şeyleri yazıyor.(Örnek: Bugün ... ile karşınızdayım./Herkese merhaba) Aynı cümlelerle başlamayınız.
Ben bu maddeyi blogumda yaygınca kullanıyorum. Bazı kelimeleri kalın yazıyorum. Kalın yazmak; hem ziyaretçiye "ben burdayım, beni gör" gibisinden bağırır hem de arama motorları içeriği algılar ve daha kolay indexler. Yazılarınızda kalın yazı yazmak için <strong>Yazı</strong> etiketini kullanabilirsiniz.
Yazılarınızda blogunuzda bulunan bir kategori adı geçiyorsa ona link vermek çok mantıklı olabilir. Çünkü ziyaretçiler bu linke tıklayarak sitenizde gezebilir.
Sitenizde mutlaka hakkımda/hakkında veya iletişim sayfası bulunması gerekiyor. Ziyaretçi kimin sitesinde veya neyin sitesinde gezdiğini bilmeli. Bunun yanında iletişim sayfası ile size sorular sorabilmeli.
Ziyaretçi sitenizde ne aradığını arama motoru sayesinde kolayca bulabilir. Örneğin: Ben bir siteye girdiğimde eğer kategoriler yoksa aradığım kategoriye ait terimi arama motoruna girerim. Fakat bir arama motoru yoksa Google'den arayabilirim. Fakat bunu her zaman yapmam. Not: Arama motoru bir sitenin olmazsa olmazı değildir.
Benim her yazımın altında Paylaş bölümü bulunmakta. Ziyaretçi sevdiği yazıyı kolayca başka arkadaşlarıyla paylaşabiliyor. Bu sayede hit artıyor.
Sitenizdeki bir yazıda mutlaka yazım hatası yaparsınız. Bunları en az seviyede olması gerekli. Yazınızı yazdıktan sonra sizde dikkatlice okuyun. Belki bir yazım hatası var. Eğer yazı yazarken bu hataları görmek istiyorsanız çok hızlı tarayıcı, Google Chrome'u öneriyorum.
Bu yöntemler ile başarıya ulaşmanız mümkün.
Webmaster forumu ve hosting firmaları hakkındaki fikirlerim |
<a href="http://www.websultan.net" title="webmaster forumu">webmaster forumu</a>
<a href="http://www.host.net.tr" title="hosting">hosting</a>
<a href="http://www.host.net.tr" title="web hosting">web hosting</a>
<a href="http://www.host.net.tr" title="webhosting">webhosting</a>
Copyrights @ 2014, Gagism Blogger Template - Designed By Templateism | ProBloggerTricks Back to Top