Articles by "code"
code 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..












 Amerika’daki kullardaki programlama dersini teşvik için kar amacı gütmeyen organizasyon olan Code.org, Bill Gates, Mark Zuckerberg, Jack Dorsey ve Bill Clinton gibi ünlü isimlerin yer aldığı bir video yayınladı.

 Geleceği şekillendirme konusunda programlamanın ve yazılımların önemine dikkat çekilen videoda Mark Zuckerberg, Bill Gates ve Jack Dorsey dışında Dropbox kurucusu Drew Houston, Valve’ın kurucusu Gabe Newell gibi isimler de yer alıyor.

 Lesley Chilcott yönetmenliğinde çekilen videoyu aşağıda izleyebilirsiniz.

Continue reading

zaman: 0
En yeni konular, en gücel haberler. En son çıkan internet haberleri. Oyun haberleri. Hepsi webtegez.blogspot.com'da..
Hatalı HTML Kodlarını Temizleyin - HTML Kodlarını Düzenleme


 Artık "HTML kodlarım nedenini bilmediğim bir sorundan dolayı boozuldu ve sitem çalışmıyor, ancak ne için-neden-niye bozuldu bilmiyorum:?" gibi sorulara son.!!!

 Size göstereceğim bu uygulama sayesinde bozulmuş HTML kodlarınızı siteye yapıştırıp "FIX IT" butonuna basmanız. Site kendisi kodları otomatikmen düzenleyecektir ve optimize edecektir..

 Evett.!! Yanlış duymadınız. Kodlarınızı optimize edecektir. Kodlarınız optimize sayesinde web siteniz normalınden 2 kat daha hızlı olacaktır. Ve bu durumda gerek siz, gerek web sitenize giren ziyaretçiler ve gerekse en byük neden olarak Google sayesinde çok sevilecektir ve sitenizin hiti artar.

 Uygulamanın nasıl kullanılacağı hakkında bilgi vermek gerekirse.! Aşağıda size vermiş olduğumu linke tıklayıp web siteye gidiniz. Daha sonra düzenlemek istediğiniz HTML kodunu kopyalayıp web sitedeki "FIX MY HTML" yazısının altındaki kutucuğa yapıştırınız. Daha sonra siz gene her ihtimale karşı HTML kodunuzun bir kopyasını saklayınız. Lakin uygulama yanlış bir işlem yaparsa kodlarınız kaybolur. Bu güvenlik önlemlerini aldıktan ve kodunuzu kutucuğa yapıştırdıktan sonra kutucuğun yanındaki "FIX IT" butonuna basınız ve gerisini siteye bırakınız. Web site kodunu en hızlı bir şekilde düzenleyip, düzenledikten sonra ise sizin karşınıza çıkıp kodu size verecektir ve sizde gönül rahatlığıyla kullanabilirsiniz..

Uygulama Sitesine Gitmek İçin Buraya Tıklayın..

 Evet arkadaşlar işte bu kadar kolay.
 Hepinize kolay gelsin.
Continue reading

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

 Bu konumuzda Blogger vb. gibi web sitesi olan herkes bu özelliği kullanarak, sayfalarında istediği mesaj kutusunu koyarak ziyaretçilerinize güzel bir mesaj gönderebilir ve sayfalarınızda güzel bir görünüm yaratabilirsiniz.

Bu özelliği şu an WebteGez Blog sitesinde halen kullanmaktayız. Çünkü gerçekten ziyaretçileri bilgilendirmede işe yarıyor.

Kutuların İçerikleri Şu Şekildedir:

  • Uyarı Kutusu
  • Bilgi Kutusu
  • Hata Kutusu
  • Olumlu Kutusu
  • İndir Kutusu
Şimdi anlatıma geçelim. Yalnız ben bu anlatımı Blogger sitesi ile yönlendirerek yapacağım. Bunu yapmak o kadar zor değil ama. Aşağıdaki adımlarda gene herkesin anlayacağı şekilde yazmaya çalışacağım.

Kurulum:

1)Blogger Panel'inizin sol menüsünden "Şablon" yazan kategoriye tıklayınız. (Sol Tarafta Gösterilen Resimdeki Kategori)
2) Daha sonra karşınıza çıkan sayfadan "Şu Anda Blog'da" yazının altında bulunan "HTML'yi Düzenle" butonuna tıklayınız. (Sol Tarafta Gösterilen Resimdeki Buton)
3) Karşınıza POPUP Pencere tarzı bir pencere açılacaktır. Kodları yapıştırmaya başlamadan önce pencerenin sol üst tafından bulunan "Widget Şablonlarını Genişlet" yazısının başındaki boş CheckBox kutusunu işaretleyin.


 4) Sonrasında klavyenizin "Ctrl+F" tuşuna basarak sayfa içi kelime arama kutusunu açın. Arama kutusuna "]]></b:skin>" yazısını yazarak yazıyı sayfada aratın. Kelime bulucu sol tarafta gördüğünüz resimdeki gibi size karşınıza yazdığınız kodu gösterecek. O bulduğunuz kodun hemen üstüne;
.webtegezolumlu, .webtegezhata, .webtegezbilgi, .webtegezuyari, .webtegezindir {
padding-right: 10px;
padding-bottom: 10px;
font-size: 13px;
line-height: 20px;
margin-bottom: 20px;
padding-top: 10px;
background-repeat: no-repeat;
background-position: 7px center;
text-transform: uppercase;
padding-left: 50px;,
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}
 
.webtegezolumlu {
color: green;
background-color: #EBF8D6;
border: 1px dotted green;
color: #555555;
background-image: url(http://webtegez.3owl.com/Blogger/mesajkutusu/olumlu.png);
}
 
.webtegezhata {
background-color: #FFECE6;
border: 1px dotted red;
color: #555555;
background-image: url(http://webtegez.3owl.com/Blogger/mesajkutusu/hata.png);
}
 
.webtegezbilgi {
background-color: #D3EEF1;
border: 1px dotted blue;
color: #555555;
background-image: url(http://webtegez.3owl.com/Blogger/mesajkutusu/bilgi.png);
}
 
.webtegezuyari {
background-color: #FFFBCC;
border: 1px dotted orange;
color: #555555;
background-image: url(http://webtegez.3owl.com/Blogger/mesajkutusu/uyari.png);
}

.webtegezindir {
color: green;
background-color: #EBF8D6;
border: 1px dotted green;
color: #00cc00;
background-image: url(http://webtegez.3owl.com/Blogger/mesajkutusu/indir.png);
}
kodunu ekleyin.
 Kodu ekledikten sonra "Şablonu Kaydet" butonuna tıklayın ve şablonun kaydedilmesini bekleyin..
Evet arkadaşlar kodlarımız kullanılmaya hazırdır. Şimdi gelelim bu kodların kullanılışına:
Bu kodları aşağıdaki şekildeki gibi kullanabiliriz.
<div class="webtegezuyari">WebteGez Uyarı Kutusu</div>
<div class="webtegezbilgi">WebteGez Bilgi Kutusu</div>
<div class="webtegezhata">WebteGez Hata Kutusu</div>
<div class="webtegezolumlu">WebteGez Olumlu Kutusu</div>
<div class="webtegezindir">WebteGez İndir Kutusu</div>
Bu şekilde bu kodlarla kullanabilirsiniz arkadaşlar.
Örnek Demo Görünümleri Aşağıda Görüntülenmektedir Arkadaşlar..
WebteGez Uyarı Kutusu
WebteGez Bilgi Kutusu
WebteGez Hata Kutusu
WebteGez Olumlu Kutusu
WebteGez İndir Kutusu
İşte bu kadar kolay arkadaşlar.
Hepinize kolay gelsin.
Anlatım Tamamen Bize Aittir..!
Continue reading

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

Tasarım RAR Şifresi: webtegez.blogspot.com

 Demo: Demosuna Bakmak İçin Buraya Tıklayın.

 Tasarım Açıklaması:



Tech Sitesi yeni ve özgür bir Blogger şablonu. Tüm bu şablonun hayal tarif ederdiniz tek kelime basitlik. Sadece beyaz ve mavi iki renk ile oluşur. Plan tamamen mavi ama içeriden tüm beyaz olduğunu. Eğer teknoloji ile ilgili en son haberler gibi ve hemen onları kullanmak istediğiniz bir kişi iseniz bu sizin için doğru bir tema. Tech Sitesi 3 sütun, sağ ve sol kenar çubuğu vardır. Teknoloji blogu için önerilir. Tadını çıkarın!
Tech Site teması birincil menüsünde varsayılan sayfalar tarafından var, ama bu tema desteği WordPress menü, böylece kolay onları düzenleyebilir ve aynı menü sayfaları, kategorileri ve diğer bağlantılar yerleştirebilirsiniz. Ayrıca, bu tema vardır ve varsayılan olarak gösterilir kategorileri için ikinci menü.

Özellikleri:

Admin Seçenekleri V3 paneli - kolay sitenizi özelleştirmek için yapmak
Slider-Show İçerik Seçme - admin seçeneğini düzenlemek için basit içeriğin üzerinde favori yazılan, göstermek
Reklamlar afiş hazır - sitenize para kazandırmak, Google reklamları ve herhangi bir HTML / script kodu kabul edildi
Logo PSD dahil -. Basit sadece Photoshop ile metin düzenleme
Facebook ve Twitter Widget etkin - Facebook ve Twitter arkadaşlarımı göster
Thumbnail ile kenar çubuğu Popüler Mesajları
Sosyal simgeler, kolay bir seçenek paneli aracılığıyla düzenlemek için
Renkler-mavi ve beyaz

Yanız Dikkat: Linkeri görebilmeniz için üye olmalısınız. Üye değil veya giriş yapmadan linke tıklarsanız sizi giriş yapma sayfasına yönlendirecektir. Oradan üye olmanız gerekmektedir. Üye olduktan sonra linklerin hepsini görebilirsiniz.
Continue reading

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

Tasarım RAR Şifresi: webtegez.blogspot.com

 Demo: Demosuna Bakmak İçin Buraya Tıklayın.

 Tasarım Açıklaması:



Oyunlar tasarımı yeni ve ücretsiz bir Blogger şablonu. Bu şablonun tasarımı çok benzersiz ve çok özel. Renkler çok koyu ve arka planda sizi diğerinden daha iyi olduğunu kim olduğunu görmek için birbirleriyle mücadele savaş alanına azından bazı askerler görebilirsiniz. Bir çok ilginç bir şey size bazı güzel şeyler koyabilirsiniz nereye başlığı çok daha geniş olmasıdır. Eğer oyun gibi bu doğru şablonu. Bu 3 sütun, sağ ve sol kenar çubuğu vardır. Oyun blogu için önerilir.

Oyun tema birincil menüsünde varsayılan sayfalarda vardır, fakat bu tema desteği WordPress menü, böylece kolay onları düzenleyebilir ve aynı menü sayfaları, kategorileri ve diğer bağlantılar yerleştirebilirsiniz. Ayrıca, bu tema vardır ve varsayılan olarak gösterilir kategorileri için ikinci menü.

Özellikler:

Admin Seçenekleri V3 paneli - kolay sitenizi özelleştirmek için yapmak
Slider-Show İçerik Seçme - admin seçeneğini düzenlemek için basit içeriğin üzerinde favori yazılan, göstermek
Reklamlar afiş hazır - sitenize para kazandırmak, Google reklamları ve herhangi bir HTML / script kodu kabul edildi
Logo PSD dahil -. Basit sadece Photoshop ile metin düzenleme
Facebook ve Twitter Widget etkin - Facebook ve Twitter arkadaşlarımı göster
Thumbnail ile kenar çubuğu Popüler Mesajları
Sosyal simgeler, kolay bir seçenek paneli aracılığıyla düzenlemek için
Renkler-kahverengi, kırmızı ve siyah

Yanız Dikkat: Linkeri görebilmeniz için üye olmalısınız. Üye değil veya giriş yapmadan linke tıklarsanız sizi giriş yapma sayfasına yönlendirecektir. Oradan üye olmanız gerekmektedir. Üye olduktan sonra linklerin hepsini görebilirsiniz.
Continue reading

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

Tasarım RAR Şifresi: webtegez.blogspot.com

 Demo: Demosuna Bakmak İçin Buraya Tıklayın..

 Tasarım Açıklaması:


Siyah Oyun yeni ve ücretsiz bir Blogger şablonu. Bunun nedeni ise tasarımın koyu renk şablonu olmasıdır. Bu şablon için karanlık bir görünüm vererek turuncu ve siyah renkleri ile bütünleşir. Bu şablonun tasarımında belirli bir yanı ise çok ilginç bir arka plana sahip olmasıdır. Bu tasarımda istediğiniz her oyun için bu şablonu kullanmaya izin verilir. Oyunlar Siyah 3 sütun, sağ ve sol kenar çubuğu vardır. Oyun blogu için önerilir. Isterseniz kullanın. Tadını çıkarın!
Oyunlar Siyah tema birincil menüsünde varsayılan sayfalarda vardır, fakat bu tema desteği WordPress menü, böylece kolay onları düzenleyebilir ve aynı menü sayfaları, kategorileri ve diğer bağlantılar yerleştirebilirsiniz. Ayrıca, bu tema vardır ve varsayılan olarak gösterilir kategorileri için ikinci menü.

Özellikleri:

Dashboard şablonu düzenlemek için kolay yapılan şablonu etkin
Sunulan Slider-Show İçerik - içeriğin üzerinde favori yazılan göstermek için
Reklamlar afiş hazır - sitenize para kazandırmak, gösterge paneli üzerinde Google reklamları ve herhangi bir HTML / script kodu kabul edildi
Thumbnail ile kenar çubuğu Popüler Mesajları
Pano aracılığıyla düzenlemek için Sosyal simgeler, kolay
Renkler - turuncu ve siyah

Yanız Dikkat: Linkeri görebilmeniz için üye olmalısınız. Üye değil veya giriş yapmadan linke tıklarsanız sizi giriş yapma sayfasına yönlendirecektir. Oradan üye olmanız gerekmektedir. Üye olduktan sonra linklerin hepsini görebilirsiniz.
Continue reading

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

Tasarım RAR Şifresi:  webtegez.blogspot.com

Demo: Demosuna Bakmak İçin Buraya Tıklayın.

Tasarım Açıklaması:

Çelik Metal, teknoloji siteleri için yeni ve ücretsiz bir Blogger şablonudur. İlk bakışta size göre tasarımın çok ama çok basit olduğunu görebilirsiniz. Ama bu bile onun sadeliği ile çok cazip. Renklerin kombinesi çok iyi, siyah, mavi ve beyaz renkler birbiri ile mükemmel bir uyum olmuştur. Ayrıca konularınızın nerede olduğunu veya fikirlerinizi ifade etmek çok kolay olarak şablona dağınık bakmak zorunda değilsiniz Belirtilen bölümü ile çok iyi organize şablondur. Teknoloji eğlenceli iseniz bu şablonu sadece sizin kullanılabilinir. Mavi Çelik 3 sütun, sağ ve sol kenar çubuğu vardır. Teknoloji blogu için önerilir.
Mavi Çelik şablon birincil menüsünde varsayılan sayfalar tarafından vardır, ancak bu şablon destek WordPress menü, böylece kolay onları düzenleyebilir ve aynı menü sayfaları, kategorileri ve diğer bağlantılar yerleştirebilirsiniz. Ayrıca, bu şablonu vardır ve varsayılan olarak gösterilir kategorileri için ikinci menü.

Özellikleri:

 Admin Seçenekleri V3 paneli - blogunuzu kolayca özelleştirebilmeniz için koyulmuştur
Slider-Show İçerik Seçme - admin seçeneğini düzenlemek için basit içeriğin üzerinde favori yazılan, göstermek
Reklamlar afiş hazır - sitenize para kazandırmak, Google reklamları ve herhangi bir HTML / script kodu kabul edildi
Logo PSD dahil -. Basit sadece Photoshop ile metin düzenleme
Facebook ve Twitter Widget etkin - Facebook ve Twitter arkadaşlarımı göster
Thumbnail ile kenar çubuğu Popüler Mesajları
Sosyal simgeler, kolay bir seçenek paneli aracılığıyla düzenlemek için
Renkler siyah, mavi ve beyaz

Yanız Dikkat: Linkeri görebilmeniz için üye olmalısınız. Üye değil veya giriş yapmadan linke tıklarsanız sizi giriş yapma sayfasına yönlendirecektir. Oradan üye olmanız gerekmektedir. Üye olduktan sonra linklerin hepsini görebilirsiniz.
Continue reading

zaman: 0
En yeni konular, en gücel haberler. En son çıkan internet haberleri. Oyun haberleri. Hepsi webtegez.blogspot.com'da..
Otomatik Sayfa Yenileme Kodu
Merhaba webtegez ziyaretçileri; bu konumda sizlere otomatik sayfa yenileme kodunu anlatacağım. Bu kod ile sayfalarınızı belirlediğiniz saniye aralıklarında sayfanızı otomatik yeniletebilir ve bu vesileylede hitinizinde iyi şekilde artmasını sağlayabilirsiniz.

                         
 Tüm Sayfalar İçin Otomatik Sayfa Yenileme Kodu (PHP):
<meta http-equiv=”refresh” content=”300; URL=<?php echo home_url(); ?>/”>

 Üstte yazdığım bu PHP kodunu web sitenizin temasının "</head>" tagından hemen önce eklediğinizde sitenize ait olup, o an açık olan herhangi bir sayfa her 300 saniyede bir kendini yenileyecektir.
 Eğer web siteniz PHP tabanlı değilde bir html tabanlı ise (bedava-sitem, blogger kullanıcıları gibi), sadece "URL=<?php echo home_url(); ?>" kodunu kaldırmanız size yeterli olacaktır. (Alttaki Kod Gibi).

                             Seçilen Sayfaları Otomatik Yenileme Kodu:

 
<META http-equiv=”Refresh” content=”300;”>

 Bu kodu HEAD tagları arasına ( </head> kodundan hemen önce) yerleştirdiğinizde her sayfada belirlediğiniz sürede kendisini yeniler.
 Önerim, ekleyecekseniz sadece "Ana Sayfaya" ekleyiniz.
İki kod  içinde kodda bulunan 300 değeri sayfanızın saniye cinsinden yenilenme süresidir dilerseniz eğer 300 yerine başka bir değeri yazabilirsiniz.

                                          Faydaları Nelerdir?

  • Alexa Değerinizi bir yere kadar düşürür, sırf alexa değerini düşürmek için bu kodu ekleyip sayfa yenileme süresini  60 saniye gibi kısa bir süre yapmayın çok olumsuz etkisini görürsünüz uzun ömürlü ve hakiki seo,ziyaretçi bazlı olan seodur buna dikkat ediniz.
  • Nasıl ki siz bir sitede bir şey okurken sayfanın zırt pırt yenilenmesinden hoşlanmazsanız ziyaretçilerinize de bu durumu yaşatmamak için blog ve siteler için sayfa yenileme süresini  en az 300 sn yapınız.
  • Bu koru forumlarda kullanarakta foruma ait mesaj ve konu akışı listesinin güncellenmesini sağlayabilirsiniz.Önerim forumlarda sadece ana sayfa için bu sayfa yenileme kodunu kullanınız ve forumunuzun aktifliğine göre yenileme süresini belirleyiniz.
  • Birde sitenizdeki bir konuya birisi yorum yapmış olup cevap bekliyor olduğunda,sayfa yenileme kodu ile  belirlenen sürelerde sayfalarınız yenilendiği için yorum yapan kişi cevap olarak yazdığınız yorumu bu sayede kısa sürede görebilir.
  • Ziyaretçileri düşünerek kullanıldığında,bir çok faydasın vardır kısaca.
Continue reading

zaman: 0
En yeni konular, en gücel haberler. En son çıkan internet haberleri. Oyun haberleri. Hepsi webtegez.blogspot.com'da..
1 Ocak tarihinden itibaren zorunlu olarak hayata geçirilen Gizli Numara Engelleme Servisi sayesinde isteyen aboneler gizli numaralardan gelen çağrıları telefonlarını açmadan engelleyebiliyorlar. Bunun için yapmanız gereken küçük bir ayar var. Bu ayar her operatöre göre değişiyor. Servis ücretsiz olarak sunuluyor.
Gizli Numara Kapatma Kodları

Avea aboneleri:
Avea aboneleri hatlarını gizli numaraya kapatmak için cep telefonlarından *253#’yi tuşlayıp arama tuşuna basmaları yeterli. Servisi iptal etmek ve gizli numaradan gelen aramaları kabul etmek için #253#’ü tuşlayıp arama tuşuna basmanız yeterli oluyor. Bu işlemler sadece bir kereye mahsus yapılıyor. Her arama için tekrar tekrar ayarlamak gerekmiyor. Bu işlemi isterseniz Avea Web İşlemleri menüsünden de yapabilirsiniz.

Turkcell aboneleri:
Turkcell aboneleri hatlarını gizli numaraya kapatmak için cep telefonlarından *253#’yi tuşlayıp arama tuşuna basmaları yeterli. Servisi iptal etmek ve gizli numaradan gelen aramaları kabul etmek için #253#’ü tuşlayıp arama tuşuna basmanız yeterli oluyor. Bu işlemler sadece bir kereye mahsus yapılıyor. Her arama için tekrar tekrar ayarlamak gerekmiyor. Bu işlemi isterseniz Turkcell Online İşlem Merkezi’nden de yapabilirsiniz.

Vodafone aboneleri:
Vodafone aboneleri hatlarını gizli numaraya kapatmak için cep telefonlarının mesaj kısmına My Vodafone şifrelerini yazıp bir boşluk bıraktıktan sonra GIZLI AC yazarak 7048’e göndermeniz yeterli. Servisi kapatmak için ise şifrenizi yazıp boşluk bıraktıktan sonra GIZLI KAPAT yazarak 7048’e göndermeniz gerekiyor. İsterseniz bu işlemi My Vodafone’dan da yapabilirsiniz.

Mobilize Bilgi
Cep telefonunuzun sağlığınıza verdiği zararı en aza indirmek için telefon görüşmelerinizi mümkün olduğu kadar kısa tutun. Bu şekilde beyninize uygulanan radyasyon miktarı ve süresi azalacaktır. Eğer mümkünse kısa mesaj göndermeyi tercih ediniz.
Continue reading

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

googlewebfonts Google Web Fonts ve Kullanımı
Bu paylaşımımda sizlere Google‘ın webmasterlar için büyük kolaylık sağlayan hizmetlerinden birini anlatmak istiyorum , Hizmetin adı GoogleWebFonts
Web tasarımıyla uğraşan arkadaşlar için çok faydalı olucağını düşündüğüm bu kaynak neye benziyor diye sorarsanız, size Cufon ve sIFR uygulamalarını örnek gösterebilirim.Bildiğimiz gibi artık websitelerinin konu başlıkları çok güzel şekillerde bizlere sunuluyor.Örnek
Cufon
cufon Google Web Fonts ve Kullanımı
sIFR
sIFR Google Web Fonts ve Kullanımı
Gördüğünüz gibi bildiğimiz font gibi durmuyor.Cufon ve sIFR’ın özelliği jquery özelliklerini kullanarak konu başlıklarımızı bizlere img şeklinde göstermesi.Bundan dolayıda kaliteli bir görüntüyle karşılaşıyoruz.Bundan önce bende bazı projelerimde Cufon kullanmıştım fakat GoogleWebFonts’u kullandıktan sonra .js dosyaları ve bir sürü ayarla uğraşmadan siteme ekleyeceğim bir satır kod ile başlıklarımı ziyaretçilere daha güzel şekilde sunabileceğimi farkettim.
GoogleWebFonts şu anda 198 farklı font şekli ile kullanıcılara büyük bir kolaylık sağlıyor,ve bu rakam gün ve gün artıyor.
Ben blogumun başlıklarında GoogleWebFonts arşivinden ‘Bevan’,serif; adlı fontu kullandım ve görünüşü
title Google Web Fonts ve Kullanımı
Sizde sitenizde bu özelliği kullanmak isterseniz yapmanız gereken 2 şey var.
Googlewebfonts’dan hoşunuza giden fontu seçip bunu sitemize eklemek.Bunun için GoogleWebFonts adresine girip istediğimiz fontun yanındaki Quick-Use adlı bölüme basıyoruz,Daha sonra açılan sayfanın alt kısmında bize iki tane kod veriyor.Bu kodlardan birincisi
<strong><head></head</strong>> tagları arasına ekliyoruz , Diğeri ise kullanmak istediğimiz bölümün <strong>css</strong>’inde tanımlama yapmak için gerekli olan koddur.
1font-family: 'Istok Web', sans-serif;
Örnek Kullanım :
1h1 { font-family: ‘Metrophobic’, Arial, serif; font-weight: 400; }
Gördüğünüz gibi kullanımı oldukça basit.Sizde sitenizdeki sıkıcı yazı şekillerinden sıkıldıysanız GoogleWebFonts tam size göre…
Continue reading
Kaydol: Kayıtlar (Atom)