Articles by "codes"
codes etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
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..


 Evet arkadaşlar işte bu kadar kolay.
 Hepinize kolay gelsin.
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..!
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.
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.
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.
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.
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.