Resim Sıkıştırma Nedir Nasıl Yapılır ?

Webmaster

Resim Sıkıştırma Nedir Nasıl Yapılır ?

Resim Sıkıştırma Nedir Nasıl Yapılır ?

Resim sıkıştırma sayfanızın yükleme hızına ve kod oranına etki eden bir seo optimizasyonudur. Sayfanızda bulunan resimlerin sıkıştırılması sayfanızın yükleme sırasında hızlı yüklenmesinin avantajıdır. Bu sayfanızı ziyaret eden kullanıcıların sayfa açılırken bekleme sürelerini ortadan kaldırarak sayfadan çıkma oranını düşürecektir.
Resim sıkıştırma işlemi nasıl yapılmalı ve nasıl olmalıdır?
Resim sıkıştırma işlemini burada yer alan program bilgisayarınıza kurarak sıkıştırma işlemini yapabilirsiniz.Bunun yanında online olarak hizmet veren bir çok resim sıkıştırma siteleri sayesinde hiçbir kurulum kerektirmeksizin işleminizi kolay bir şekilde yapabilirsiniz. Bunlardan iki tanesini sizlerle paylaşacağım.

• JPEGmini: .jpg uzantılı tüm resimleri %80 oranında sıkıştırma işlemi yaparak size daha geniş alan ve hızlı açılış sağlar.İşlem çok basittir.Sıkıştırmak istediğiniz resmi " Press to Upload Photos " butonuna basarak yüklemek istediğiniz resmi seçiyorsunuz.Belli bir süre bekledikten sonra sıkıştırma işlemini otomatik olarak tamamlıyor.Eksi yönü ise sizden kayıt olmadan indirme yapamıyorsunuz. 

• TnyPNG: .jpg ve .png uzantılı resimleri JPEGmini ile aynı mantıkta çalışıyor.Artı yönü png formatının yanında kayıt olmadan resimleri indirebiliyorsunuz.

Devamını Oku

Blogger Widget Düzenleme Butonu Nasıl Kaldırılır ?

Webmaster

Blogger Widget Düzenleme Butonu Nasıl Kaldırılır ?

Blogger Widget Düzenleme Butonu Nasıl Kaldırılır ?

Blogger kullanıcılarının işlemlerini hızlı bir şekilde widget düzenlemeleri
sağlayan bu buton aslında o kadar masum değil.Bunun sebebi seo analiz raporlarından alt etiketi ve boyutunun olmaması bu butonun hatalı olmasına yol açıyor. Blogger kullanıcılarının başına bela olan bu buton nasıl kaldırılır ona bakacağız.

Bloğumuzun Şablon tasarımcısını açarak HTML'yi düzenleyi açıyoruz. Karşımıza çıkan ekran da işlemimizi hızlandırması açısından CTRL+ F tuş kombinasyonu ile aşağıda yer alan kodları aratıyoruz. Bulduğunuz sonuçların hepsini siliyoruz.Silme işlemi sayfanızdaki gadget sayısına göre değişebilir.İyi bloglar...

Devamını Oku

Google Profil Rozeti Nasıl Eklenir ?

Webmaster

Google Profil Rozeti Nasıl Eklenir ?

Google Profil Rozeti Nasıl Eklenir ?

Webmaster araçlarının kullanması gereken özelliklerden birisi olan Google+ Badge yani Google Profil Rozetini nasıl ekleyeceğiz onu anlatacağım.

Web sayfası geliştiricileri için Seo optimizasyonu açısından da önemli olan olan Google Rozetini Yerleşim>Gadget Ekle>Google+ Rozeti bölümünden sizden girilmesini istediği alanları dolduraak yapabilirsiniz.Burada dikkat edilmesi gereken Google profil kimliğinizi doğru bir biçimde girmenizdir.Aşağıda mavi ile belirtilen alanı profil sayfanıza girerek kendinize göre değiştiriniz.Eğer birden çok yazar var ise sayfanızda gadget eklemeden yapmak istiyorsanız bu sayfayı ziyaret ederek kendi Rozetinizi oluşturabilir.Size verilen kodları sayfanızda gözükmesini istediğiniz yere ekleyebilirsiniz.

https://plus.google.com/u/0/111019994271742937664

Örnek Gösterim:

Devamını Oku

Meta Tag Nedir, Nasıl Kullanılır ?

Webmaster

Meta Tag Nedir, Nasıl Kullanılır ?

Meta Tag Nedir, Nasıl Kullanılır ?

Merhaba arkadaşlar bugünkü yazımda Meta Tag Nedir, Nasıl Kullanılır? bunu anlatacağım.

Meta Tag web sayfalarının bir bilgi etiketi olarak adlandırılır.Hazırlamış olduğunuz sayfanızın arama motorlarına site bilgilerini sunmanızı sağlayan bir bilgi etiketidir. Peki bunlar çok gereklimi ? Site içeriğiniz de paylaşılan yazılar hakkında arama motorlarını bilgi sahibi olmasını isteyebilirsiniz ancak gereksiz kullanımda sayfanızın öneminin yitirmesine sebep olabilirsiniz.Bunun yanında description,canonical ve language taglarının  kullanılması önemlidir.Aşağıda yer alan meta taglarını mavi ile belirtilmiş alanları kendinize göre düzenleyerek bu işlemi tamamlayabilirsiniz.

Description:

<META name="description" content="Site İçeriği Geniş Bilgi" />

Author:

<META name="author" content="Yazar adı"> 

Copyright:

<META name="Copyright" content="(c) 2016 Mulayiim Blog">

Abstract:

<META name="Abstract" content="Site Açıklaması">

Keywords:

<META name="keywords" content="Sitenizin anahtar kelimeleri: örnek;wordpress,tema,mulayim">

Expires: Sitenin şu tarihte zaman aşımına uğradını belirtir.

<META name="Expires" content="Mon, 15 Jan 2013 00:00:00 GMT">

Language:

<META http-equiv="content-language" content="tr">

Revisit-After Tag: Site içeriğinin kaç günder bir güncellendiğini belirtir.

<META name="revisit-after" content="7 days">

Refresh: Sitenin kaç saniyede yenileneceğini belirtir.

<META http-equiv="refresh" content="60">

Redirect: Sitenin nereye ve kaç saniye sonra yönlendirileceğini belirtir.

<meta http-equiv="refresh" content="2;url=http://www.kadirkaplan.com"> 

Robots: Arama motoru botlarının, siteyi indexlemesi ve site içerisindeki linkleri takip etmesini sağlayan meta etiketleridir.

<META name="robots" content="none"> 
<META name="robots" content="index,follow"> 
<META name="robots" content="noindex,follow">
<META name="robots" content="index,nofollow">
<META name="robots" content="noindex,nofollow">

Content-Type: Sitedeki karakter kodlama yapısını belirtir.

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859">

Devamını Oku

Blogger E-bültene Kayıt Ol Eklentisi

Webmaster

Blogger E-bültene Kayıt Ol Eklentisi

Blogger E-bültene Kayıt Ol Eklentisi

Blogger kullanıcıları için bence olmazsa olmaz özelliklerinden biri olan e-posta aboneliği eklemektir.Aşağıda yer alan kodlar sayesinden göze hoş gelen ve kullanımı kolay bir e-bülten abonelik eklentisi oluşturacağız. Gadget eklemek için Yerleşim>Gadget Ekle>HTML/JavaScript seçerek içerisine aşağıda yer alan kodları yerleştirelim. E-bülten aboneliğinin çalışması aşağıda mavi ile belirtilen yerleri kendinize göre düzenledikten sonra kullanıma başlayabilirsiniz

<div class='widget-content'>
<style type='text/css'>#sidebar-subscribe-box{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHdtBh8ynkd8OPxobXGi8TNY18Ey-4ghfgrHUaq-vGbviJnXHwQNe-sKd0FQGOig7mKmDjTaGEXIP4zE2Vw5FJQPPry852ax46eOAzdc7dzrUFVjhptTegtaedgtJrlVfpJzMmRFC6oyax/s1600/colored-strip.png) repeat scroll 0 0 transparent;border:1px solid #aaa;border-radius:3px;padding:3px 0}.sidebar-subscribe-box-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibEgsmKPNLvWrGK2jLRuP4W0sEpcCTyohAm9Cs1VvYTMhftxhxxdadDwcGpyO8vt6KzCLwHKe6sV62_vBTawL8-LuOxymKkklmRyv3QPa_8Ho7hN3CRdykMFwmgmrNVhU5tC-Ey3V8qRec/s1600/bg-pattern.png) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}.sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyEgx55b0NVPGTdEXJ2RpAg50Y22KOAur9J_glEgxHmo2FR9vS8MFg8Fe_JQYyWT6rULENHUulYfMibSwHzGtzmC9f5jVPTnx-yyrC41IzObKSye3NJ0lFpW6MmZ77l-L04twdwBguxSQq/s1600/sprites.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%}.sidebar-subscribe-box-email-button{background:#09f;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:95%}.sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff}.sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px}#footer-section{background:#f5f5f5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7aagnws6cLdevtGXftfMN8f3Ocyg9PLLeFUD2AbWH4pHEopP9FAatKoXoGrGyrHdXJajB7_SEF4o0xDw-SsPVPBNZv9K8cWDTCrV0V3JS2i1v7aCIvwojxDZFM9Y-tyLZgnnOI1i2fl5C/s0/bg-pattern.png) repeat top left;border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}p#rb_socialicons img { /* Yeni Metro Sosyal Butonlar Eklentisi  */    -moz-transition: all 0.8s ease-in-out;    -webkit-transition: all 0.8s ease-in-out;    -o-transition: all 0.8s ease-in-out;    -ms-transition: all 0.8s ease-in-out;    transition: all 0.8s ease-in-out;}p#rb_socialicons img:hover {    -moz-transform: rotate(360deg);    -webkit-transform: rotate(360deg);    -o-transform: rotate(360deg);    -ms-transform: rotate(360deg);    transform: rotate(360deg);}/* Yeni MEtro Sosyal Butonlar Eklentisi  */</style><div id="sidebar-subscribe-box"><div class="sidebar-subscribe-box-wrapper"><div class="sidebar-subscribe-box-form">      <form action="http://feedburner.google.com/fb/a/mailverify?uri=mulayiimblog" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=mulayiimblog', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="blogspot/bVOOCE" /><input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="E-posta aboneliği.."/><input class="sidebar-subscribe-box-email-button" title="" type="submit" value="Kayıt Ol!" /></form></div></div></div><style></style>
</div>

Devamını Oku

Blogger Arşiv Sayfası Yapmak

Webmaster

Blogger Arşiv Sayfası Yapmak

Blogger Arşiv Sayfası Yapmak

Blogger kullanıcıların kullanması gereken bu uygulama bloglarının  seo açısından gelişmesini sağlamaktadır.Bunun yanında sayfayı ziyaret eden kullanıcıların ulaşmak istedikleri sonuca rahat bir şekilde arama yapmasının sağlayabilir.Buda kullanıcıların sayfa içerisinde kaybolmasını engelleyerek kullanıcılar memnun olur.
Gelelim arşiv sayfasını nasıl yapacağımıza;

İlk olarak Sayfalar>Yeni Sayfa diyerek Arşiv adında bir sayfa oluşturalım.Oluşturduğumuz sayfanın HTML bölümüne geçerek aşağıda yer alan kodları yapıştıralım.Mavi ile belirtilen alanı değiştirerek işlemi kaydedebilirsiniz.

<div style="list-style-type: none;">
<script src="http://arsivtr-webseyyahi.googlecode.com/files/arsivtr.js" type="text/javascript">
</script>
<script src="http://mulayiim.blogspot.com/feeds/posts/default?max-results=500&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

guney59.blogspot.com 

Devamını Oku

HTML Yapım Aşamasında Sayfası

Webmaster

HTML Yapım Aşamasında Sayfası

HTML Yapım Aşamasında Sayfası

Kadir KAPLAN Kişisel Web Sitesi adı altında yayınlanan Photoshopta tasarlanan HTML kaynaklı yapım aşamasında sayfası.İçeriğindeki PSD,HTML ve Resim dosyalarını buradan indirebilirsiniz.

Devamını Oku

Sitene Reklam Kodu Ekle

Webmaster

Sitene Reklam Kodu Ekle

Sitene Reklam Kodu Ekle

Sitenize tek tek yazmakla zaman harcamak istemeyenler ve öğrenmek isteyenler için hazır 150x150 reklam kodları.






<table border="0"><tbody>
<tr><td align="center" height="150" width="150"><a href="http://teknowebde.blogspot.com/" target="_blank" title="reklam"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM77R-3_vT93Jg9xwyNSbuNebNUr0nc_G3YAG70zlHYZbqS5TVaNGlkSKl2lFSGpXfykV8Gr4xcm6xen_riGVK6LgXs1x0vnVDiT4eqYgS8lgAUMk2cVhPzrLkD97XiTlRi57AJckOong/s1600/reklam.pnga" /></a>
</td><td align="center" height="150" width="150"><a href="http://teknowebde.blogspot.com/" target="_blank" title="reklam"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM77R-3_vT93Jg9xwyNSbuNebNUr0nc_G3YAG70zlHYZbqS5TVaNGlkSKl2lFSGpXfykV8Gr4xcm6xen_riGVK6LgXs1x0vnVDiT4eqYgS8lgAUMk2cVhPzrLkD97XiTlRi57AJckOong/s1600/reklam.pnga" /></a>
</td></tr>
<tr>
<td align="center" height="150" width="150"><a href="http://teknowebde.blogspot.com/" target="_blank" title="reklam"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM77R-3_vT93Jg9xwyNSbuNebNUr0nc_G3YAG70zlHYZbqS5TVaNGlkSKl2lFSGpXfykV8Gr4xcm6xen_riGVK6LgXs1x0vnVDiT4eqYgS8lgAUMk2cVhPzrLkD97XiTlRi57AJckOong/s1600/reklam.pnga" /></a> </td>
<td align="center" height="150" width="150"><a href="http://teknowebde.blogspot.com/" target="_blank" title="reklam"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM77R-3_vT93Jg9xwyNSbuNebNUr0nc_G3YAG70zlHYZbqS5TVaNGlkSKl2lFSGpXfykV8Gr4xcm6xen_riGVK6LgXs1x0vnVDiT4eqYgS8lgAUMk2cVhPzrLkD97XiTlRi57AJckOong/s1600/reklam.pnga" /></a> </td></tr>
</tbody></table>

Devamını Oku

Webmasterlar İçin En İyi Programlar

Webmaster

Webmasterlar İçin En İyi Programlar

Webmasterlar İçin En İyi Programlar

Web sayfa geliştiricileri için yapmak istedikleri çalışmalarda kullanabilecekleri programlar bu yazımız içersinde...
Webmasterler çağın gereklerindendir ki en iyi sonucu en hızlı şekilde düzenleyip kullanıcılarına sunmaktır. Buda kullandıkları programların kullanımı kolay ve hızlı olmasına bağlıdır.Kullandıkları programlar sayesinde yazılarındaki hataları, görsel düzenlemeleri rahatlıkla yapabilir ve de kendi projesine artı bir değer katar.Gelelim az da olsa bahsetmeye çalıştığımız wemaster programlarına;

  - Filezilla

Hazırladığınız web sayfalarını ve güncellemeleri sunucunuza kolay bir şekilde aktarabilmenizi sağlayan programdır.Kullanımı oldukça basit olan bu programı buradan indirebilirsiniz.

  - NotePad++

HTML, PHP, ASP, SQL, Pascal, Perl, Python, Fortran, NSIS, Java, C#, C+ ve RC File gibi bir çok programlama dilini destekleyerek düzenlemenizi sağlar.Bu programı buradan indirebilirsiniz.

  - Adobe Dreamweaver CC

Hem kod hemde görsel görünümü ile profesyonel web geliştici programı bir çok dilleri desteklediği gibi mobil platformlar için de kodlama imkanı sağlıyor.Bu programın deneme sürümünü buradan indirebilirsiniz.

- Adobe Photoshop CC

Geliştirdiğiniz web sitelerin kullanıcılar tarafından ilgi çekmesi içeriğindeki görsellerin kullanımıdır. Photoshop profesyonel görsel editör olmasına rağmen bir çok düzenlemeyi kolay bir şekilde yapmanıza olanak sağlar.Bu programın deneme sürümünü buradan indirebilirsiniz.

Devamını Oku

Blogger Günün Sözü Eklemek.

Webmaster

Blogger Günün Sözü Eklemek.

Blogger Günün Sözü Eklemek.

Bloğunuza sevdiğiniz sözleri eklemek çok basit.Aşağıda yer vereceğim kodlar yardımı ile bloğunuzda istediğiniz bir yere istediğiniz sözleri yerleştirebilirsiniz bu sayede de sayfanızı ziyaret eden kişilerin ilgisini çekebilirsiniz.
Ben kolay anlaşılması açısından Gadget ekleme yöntemi ile yapacağım.Gelelim kodları nasıl kuracağımıza;
Blogger ayarlarınızdan "Yerleşim" e tıklayalım. Sonrasında Gadget Ekle den  HTML/JavaScript seçerek alanımızı oluşturalım ve aşağıdaki kodları yerleştirelim işlem işte bu kadar basit...Değiştirmek istediğiniz sözler mavi renkte aşağıda belli, html düzenini bozmadan değiştirebilirsiniz.

Devamını Oku

Blogger İçin Kod Renklendirici

Blogger Webmaster

Blogger İçin Kod Renklendirici

Bloglarınızda paylaştığınız <php>,<css>,<js> kodlarınız düz metin halinde değilde bir dreamweaver da görüntülendiği gibi gösterebilirsiniz ayrıca bu da kullanıcılarında ilgisini çekmiş oluruz.Peki ya kodları nasıl ekleyeceğiz ve nasıl yapacağız bu işlem oldukça basit.

Öncelikle Şablon Tema sayfamızdan HTML Düzenleye giriyoruz.Daha sonra Ctrl+F yaparak  </head>  kodunu buluyoruz. Hemen bu kodun üzerine aşağıda yer alan kodları yapıştırın.

Kodları yapıştırdıktan sonra Kaydet diyerek çıkabiliriz. Yukardaki örnekte olduğu gibi kodlarımızın görünmesini ise Yeni yayın yazarken HTML olarak

Buraya kod yazılacak

yazmamız yeterli olacaktır.

Devamını Oku

Artisteer – Hızlı-Kolay Web Tasarımcısı

Webmaster

Artisteer – Hızlı-Kolay Web Tasarımcısı

Artisteer – Hızlı-Kolay Web Tasarımcısı nedir? ve ne avantajları vardır bunu açıklayalım.
Artisteer: Hızlı ve kolay bir şekilde tasarım yapmanızı sağlayan bir programadır.İçeriğinde Joompla,Wordpress,Blogger,Drupal gibi arayüz programlarına tema yapmanızı sağlar.
Çoğu kişi bende dahil olduğum hızlı bir şekilde tema yapmak ister.Ama bunu yapmak o kadar da basit değildir. Bir tema yapmak için öncelikle html tasarımı ve psd tasarımı yapmanız gerekir ve bunu yaptıktan sonra uyarlamak istediğiniz arayüz programı için kodlamak lazımdır.Bu işlem çok uzun ve zahmetli bir işlem olsa da  kendi zevkiniz  ve emeğinizle yapılan tasarımın yeri ayrıdır.Bu kadar uzun işlemleri çok kısa bir sürede yapabilmemizi kolaylaştıran bu  program sayesinde görsel olarak temanızı oluşturabilirsiniz.
Programın kullanımı oldukça basittir.Tek yapmanız gereken nasıl bir görünüm istiyorsanız onu hayel etmek ve uygulamaktır.

Devamını Oku

WordPress Slideshow Gallery Eklentisi

Webmaster

WordPress Slideshow Gallery Eklentisi

WordPress kullanıcıları için olmazsa olmaz özelliklerinden biri manşet özelliğidir.Manşet özelliği sayesinde yazılarımızı daha ilgi çekici hale getirebiliriyoz bu da bizi artı sağlamış oluyor.Bu günkü yazımda eklentisiz sayfamıza slider kurmayı ve kullanmayı göstereceğim.
Eklentimizi  http://wordpress.org/extend/plugins/slideshow-gallery/ adresinden indirebilir veyahut eklentiler sayfasından yeni eklenti ekle sekmesinden “ Slideshow Gallery “ yazarak eklentimizi yükleyebiliriz.Gelelim kullanımına;
Eklentinin kullanımı çok basit ve kolay zaten resimlerle de kullanımı daha kolay kavrayacağız.

Eklentimizin Ana sayfa üzerinde gözükmesini istiyorsak eğer;

Devamını Oku