Pazartesi, Aralık 22, 2014

WordPress 4.1 Sürüm Güncelleme ve Yenilikler

Worpress 4.0 güncellemesini yenileyerek, 4.1 sürümüne geçti. Wordpress yeni sürümünde performans iyileştirme ile birlikte kullanıcı medya deneyiminide geliştirmiş. Kullanıcılarına wordpress kumanda panelinde yeni sürüm bilgisi vererek 4.1 sürüme hemen geçileceği uyarısını ihmal etmiyerek bazı yeni özellikleride kullanıcalarına bilgi aktarıyor. Wordpress 4.1 sürüm güncellemesini şarkıcı Dinah Washington’u onurlandırma adına Wordpress.org resmi sitesinde WordPress 4.1 "Dinah"  başlık ismi ile duyurmuş.
Wordpress 4.1, performans iyileştirmeleri ve diğer özellikleri ile birlikte, kullanıcıları için yazma deneyimini geliştirmeye odaklanmış sürümü kumanda panelinde FTP girişi yaparak veya zip olarak indirip yükleyebilirsiniz.

Yazı öditör özellikleri :

Kullanıcılarının konsantresine yardımcı olmak için rahatsız edici yan uygulama ve sekmeleri yazma modunda iken aktifleştirerek diğer uygulamaları kapatan bir mod geliştirmiş.

Yazı editörüne ayrıca bir icon ekleyerek manuel kullanımlı dikkat çeken tüm uygulamaları kapatan birde eklenti mevcut. Yazım modundan çıktığınızda diğer foksiyonlar tekrar görülür oluyor. Bu yeni eklentinin wordpress editöründeki görünüm resmini aşağıda inceleyin.
Wordpress kullanıcıları için yapılan uygulama oldukca mantıklı ve düşünceli bir tasarım olmuş. Wordpress yeni kullanıcılarına gelenek olarak sunduğu birde tema eklentisi mevcut. İlk defa Wordpress kullanmaya başladığınızda kurulumunuzda bu temayı göreceksiniz. Dilediğiniz zaman değiştirebilirsiniz..
Sonuç : Tüm gelişmeler güzel ancak bizim Blogger geliştiricileri uyuyorlar mı ? Tüm Html kodlarında birçok değişikler yapabildiğimize göre yeni temalar veya eklentiler hakkında ne bir yazı nede bir yenilik, maalesef yok. Google’un ürününü kullanıyoruz ve bu gelişimleri bizde görmek istiyoruz. Sizde benim gibi düşünüyorsanız görüşlerinizi lütfen belirtin.

Pazar, Aralık 21, 2014

CCleaner 5.01 yeni sürümü çıktı

Kısa bir süre önce CCleaner 5 yeni sürümünü yayınlamıştı. CCleaner 5.01 yeni sürümünü günceleyerek ücretsiz kişisel kullanıma sunuldu. CCleaner ücretsiz proğramı yeni arayüz görünümü ile bilgisayarınızda bulunan gereksiz dosyaları silip sisteminizde kapsamlı bakım yaparak daha fazla istikrar ve performans sağlıyor. CCleaner yeni sürümünde sisteme disk analiz aracını ekleyerek sürücünüzde çok fazla yer kaplayan dosya türlerini görüp sistem performans durumunu ölçebilir bilgisayarınızı etkileyen atık dosyalarınızı görerek gerekli düzenlemelerini yapabilirsiniz.
CCleaner v5.01 ücretsiz proğramı kurduktan sonra, çok farklı görünüm ve menüleri ile tanışacaksınız. Sistem temizliği konusunda dünya üzerinde birçok insanın bir numaralı tercihi olan CCleaner bilgisayarınızı hızlandırmak için kullanmanız gereken en temel bakım araçlarını içerisinde yer almakta olup başka bir proğram kullanma ihtiyacını sizlere hissettirmiyor. Bilgisayar Sistem temizlik ve bakımına önem veren tüm kullanıcıların öncelikli tercihi olan CCleaner'ı kullanmasını tavsiye ederim.
Priform sitesinin yeni yıl mesajı ile web yayın hayatına sunduğu ücretsiz CCleaner proğramının
aşağıda verilen linkten masa üstüne kurulumu.
1. İndirme linkini açın. Yeni bir pencerede açılacaktır.
2. CCleaner ücretsiz sütununun alt kısmında 3 farklı indirme seçeneği mevcut olup dilediğinizi seçebilir veya priform ismine tıklayın birkaç saniye bekleyin. Bilgisayar masa üstü kayıt penceresinin açıldığını göreceksiniz. Proğramı masa üstüne kaydedin.
3. Masa üstündeki proğrama tıklayın ve dil seçeneklerinden Türkçe ismini seçerek kurulum aşamalarına devam edin.
4. Kurulum aşamaları penceresinde iken birkaç seçenek göreceksiniz. İstemediğiniz seçeneklerin yanındaki işareti kaldırın. Başlat proğramlarında otomatik açmasını istemiyorsanız seçeneği kaldırın. Akıllı çerezler, bilgisayarınızda girdiğiniz tüm sitelerin bilgilerini tutan yerdir. Temizleme işlemi sırasında bunlarda silinir. Temizleme sonrası sosyal paylaşım sitesine girmek istediğiniz de yeniden giriş yapmak zorunda kalırsınız. Seçeneği işaretli bırakırsanız sitelere girişte tekrar şifre ve parolonuzu yazma zorundasınız. Yok ben her zaman şifre yazmak istemiyorum şeklinde düşünüyorsanız işareti kaldırın.
5. Kuruluma devam edin ve bitirin. Kurulum bittiğinde size teşekkür eden bir tarayıcı sayfası açılacak. Kurulum aşamalarını bitirdiniz. CCleaner’in yeni sürümünü kendi sitesinden indirip, bilgisayar veri atıklarınızı hemen temizlemeye başlayabilirsiniz. CCleaner proğramını nasıl kullanacağız ? Proğram her ülke dilinde yazılmış olması ve kullanımı çok basittir. Şimdi İndir

Cumartesi, Aralık 20, 2014

Blogger Bunlarda İlginizi Çekebilir Widget’i Stil 5

Blog yazı altında Linkwithin benzeri (Related Posts) Bunlarda ilginizi çekebilir posts yazılarınızı link olarak gösteren ve imleç üzerine geldiğinde pup-up açılır pencerede yuvarlak köşeli, yazıdan alıntı ve resim görselli Related Posts İlgili mesajlar eklentisi. Blogger, blog yazılarınızın altında kullandığınız Bunlarda ilginizi çekebilir eklenti uygulamasını birçok site artık çalıştırmayacak.
Benzer yazılar eklenti uygulamasını kamuya açık çalıştıran bu siteler artık, kendilerine yük getirmesinden dolayı uygulamalarını kaldıracaklar. Dolayısı ile; Aralık 2014 tarihinden sonra, Ocak 2015 sene başlangıcında Benzer yazılar Related Posts App’lerinin artık çalıştırılmayacağı bilgisi kullanıcılara bildiriliyor. Bu sorunu ortadan kaldırması için birkaç gündür farklı görünüm ve uygulamaları sizlere paylaşıyorum. Bugüne kadar sizler ile paylaştığım 5 ad. Related Posts ilgili makaleler, diğer kullanım ismi ile Bunlarda ilginizi çekebilir eklentileri, Blogger Özel Tema Tasarım bloglarında kullanılmakta olup, tüm veriler kendi blogunuzdan çekilmektedir. Bu neden ile farklı sitelerde farklı eklentiler arayışına girmenize gerek yok. Çünki başka bir eklenti mevcut değil. Yeni eklentimizin nasıl çalıştığını görmek için Adnan Güney klasik blog’umdan inceleyin.
Açılan sayfayı her yenilediğinizde etiketlere bağlı olarak farklı yazılar göreceksiniz. Yazı linki üzerine imleci yanaştırın pop-up açılan köşeleri yuvarlak, yazı başlığı, yazı açılmasını gösteren pencereyi kontrol edin. Eklentiyi kendi blog’unuzda kurmak için aşağıda anlatımı takip edin.

Related Posts  eklenti kurulum aşamaları :

Öncelikle her türlü hatalara karşı önlem olarak blog’unuzun bir yedeğini alın. Blogger yedek alma ile ilgili konuyu ;

Related Posts Widget Stil 4 kullanımı :

1. Blogger kumanda paneline giriş yapın.

2. Şablon kodlarınızı açın. İmlecinizi kod içinde bir yere tıklayın ve CTRL + F arama özelliği ile şu etiketi bulun.(  ]]></b:skin> )
]]></b:skin>
3. Bulduğunuz bu etiketin hemen üstüne aşağıda verilen CSS kodlarını kopyalayıp yapıştırın.
CSS kodlarını yapıştırdıktan sonra blog’u kaydedin.
/* ==== Related Post Widget Start ==== */

.related-post {
  margin:2em auto 0;
  font:normal normal 11px/1.4 Arial,Sans-Serif;
}
.related-post h4 {
  font-size:150%;
  margin:0 0 .5em;
}

/* Style 6 */
.related-post-style-6 li {position:relative}
.related-post-style-6 .related-post-item-thumbnail {
  width:80px;
  height:80px;
  max-width:none;
  max-height:none;
  background-color:transparent;
  border:none;
  padding:0;
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  border-radius:0px;
  float:left;
  margin:0 10px 0 0;
}
.related-post-style-6 .related-post-item-title {
  display:block;
  font-weight:bold;
}
.related-post-style-6 .related-post-item-summary {
  display:block;
  overflow:hidden;
  font-size:11px;
}
.related-post-style-6 .related-post-item-tooltip {
  position:absolute;
  top:100%;
  left:-10px;
  z-index:999;
  margin-top:10px;
  border:1px solid #bbb;
  background-color:white;
  padding:10px;
  width:90%;
  height:auto;
  -webkit-box-shadow:0 1px 3px rgba(0,0,0,.2);
  -moz-box-shadow:0 1px 3px rgba(0,0,0,.2);
  box-shadow:0 1px 3px rgba(0,0,0,.2);
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
  display:none;
}
.related-post-style-6 .related-post-item-tooltip:before,
.related-post-style-6 .related-post-item-tooltip:after {
  content:"";
  display:block;
  width:0;
  height:0;
  border:10px solid transparent;
  border-bottom-color:inherit;
  position:absolute;
  bottom:100%;
  left:35px;
}
.related-post-style-6 .related-post-item-tooltip:after {
  border-bottom-color:white;
  border-width:9px;
  margin-left:1px;
}
.related-post-style-6 li:hover .related-post-item-tooltip {display:block}

/* ==== Related Post Widget End ==== */
4. Blog şablanlarında arayacağımız 2. kod birkaç tane olduğundan dolayı sizin bulduğunuz kodun hemen üst kısmında şu etiket ve kodlar vardır. Bu kodları görüyorsanız doğru yerdesiniz.
“ post.hasJumpLink ”
5. Şimdi aşağıda verilen etiketi aratın.
<div class='post-footer'>
6. Bulduğunuz etiketin üst kısmında 4. maddede anlatılan (post.hasJumpLink) etiketi varsa doğru yerdesiniz. Arama sonucu bulduğunuz etiketin hemen üstüne aşağıdaki kodları ekleyin ve blog’u kaydedin.
<!-- Related Post Widget Start -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <div id='related-post' class='related-post'/>
  <script type='text/javascript'>
  var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
          &quot;<data:label.name/>&quot;<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
      </b:loop></b:if>];
  var relatedPostConfig = {
      homePage: &quot;<data:blog.homepageUrl/>&quot;,
      widgetTitle: &quot;&lt;h4&gt;Bunlarda ilginizi çekebilir :&lt;/h4&gt;&quot;,
      numPosts: 5,
      summaryLength: 370,
      titleLength: &quot;auto&quot;,
      thumbnailSize: 80,
      noImage: &quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC&quot;,
      containerId: &quot;related-post&quot;,
      newTabLink: true,
      moreText: &quot;Devamı&quot;,
      widgetStyle: 6,
      callBack: function() {}
  };
  </script>
  <script type='text/javascript' src='http://blogger-json-experiment.googlecode.com/svn/resources/related-post/related-post.min.js'/>
</b:if>
<!-- Related Post Widget End -->

Related Posts Widget Stil 5 kodların özelleştirilmesi :

1. widgetTitle : “Bunlarda ilginizi çekebilir” farklı bir yazı ile değişebilirsiniz.
2. numPosts : Yazı altında görülmesini istediğiniz link sayısı.
3. summaryLength : Özet yazı uzunluğu
4. titleLength : Mesaj başlığı otomatik ayarlıdır.
5. thumbnailSize : Resminizin ebadını belirler. Değerleri temanızın genişliğine göre değiştirin.
Not: Resim ebadını değiştirdiğinizde, CSS kodlarında bulunan width:110px; iki yerde mevcut,  height:110px; değerlerini de değiştirin. Bu değerleri değiştirmezseniz CSS doğru çalışmaz.
6. noImage : Yazınızda görülmeyen resimlerin yerine çıkan otomatik resimdir.
7. containerId : Bu ayarı ellemeyin. Kod taşıyıcı ıd.
8. newTabLink : Yazı linkini yeni sekmede açan kod bağlantısıdır. False : Linki yeni sekmede açar. True : Linki ana sayfa içinde açar. Tercih sizin. false ve true küçük harfle yazın.
9. moreText : Yazının, ⇒ Devamı, olarak değiştirilmiştir. Kod içinde Türkçe yazılı olduğundan siz istediğiniz bir isim ile değiştirebilirsiniz. Bu anlatım için geçerli değildir.
Anlatımlar devam edeceğinden yukarıda açıklanan konular Genel olarak yazılmıştır. Siz eklentide kullanabileceğiniz kısımları değerlendirin.
NOT: Kodlar üzerinde değişiklik yaparken lütfen tırnak işaretlerinin silinmemesine dikkat edin. Eklediğiniz kod çalışmıyorsa silin ve tekrar kaydedin. Ana sayfanızda kontrol ederken birkaç dk. bekleyin. Kısa bir süre sonra kodlar çalışmaya başlayacaktır. 
İlgili Konular ⇒ Related Posts hakkında ilgili diğer yazılar.

Blogger Benzer Yazılar Widget’i Stil 4

Blog yazılarınızın altında Linkwithin benzeri (Related Posts) Bunlarda ilginizi çekebilir posts yazılarınızı imleç üzerine geldiğinde ters çevirerek yazı başlık ismini resmin arkasında gösteren Related Posts İlgili mesajların farklı versiyonu. 2015 senesine çok kısa bir süre kaldı. Bu süre içinde birçok site Benzer yazılar eklenti kendilerine yük getirmesinden dolayı uygulamalarını kaldırmaya başlayarak okuyucu pörtföyüne e-posta yolu ile mesaj göndererek Aralık 2014 tarihinden itibaren Benzer yazılar Related Posts App’lerinin artık çalışmayacağını bildiriyor. Dolayısı ile artık blog yazılarınızın altında Linkwithin benzeri farklı uygulamalar çalışmayacak. Tüm yazar arkadaşlara bir kez dah hatırlatmak istediğim konu ; Related Posts ilgili mesajlar eklentisi tüm özel tema tasarım ve Blogger varsayılan şablonlarında kullanılmakta olduğudur. DEMO

Related Posts  eklenti kurulum aşamaları :

Öncelikle her türlü hatalara karşı önlem olarak blog’unuzun bir yedeğini alın. Blogger yedek alma ile ilgili konuyu ;

Related Posts Widget Stil 4 kullanımı :

1. Blogger kumanda paneline giriş yapın.
2. Şablon kodlarınızı açın. İmlecinizi kod içinde bir yere tıklayın ve CTRL + F arama özelliği ile şu etiketi bulun.(  ]]></b:skin> )
]]></b:skin>
3. Bulduğunuz bu etiketin hemen üstüne aşağıda verilen CSS kodlarını kopyalayıp yapıştırın.
CSS kodlarını yapıştırdıktan sonra blog’u kaydedin.
/* ==== Related Post Widget Start ==== */

.related-post {
  margin:2em auto 0;
  font:normal normal 11px/1.4 Arial,Sans-Serif;
}
.related-post h4 {
  font-size:150%;
  margin:0 0 .5em;
}

/* Style 5 */
.related-post-style-5,
.related-post-style-5 li {
  margin:0;
  padding:0;
  list-style:none;
  word-wrap:break-word;
  overflow:hidden;
}
.related-post-style-5 .related-post-item {
  display:block;
  float:left;
  width:110px;
  height:auto;
  padding:10px;
  border-left:1px solid #eee;
}
.related-post-style-5 .related-post-item:first-child {border-left:none}
.related-post-style-5 .related-post-item-wrapper {
  display:block;
  position:relative;
  overflow:hidden;
}
.related-post-style-5 .related-post-item-thumbnail {
  display:block;
  margin:0;
  width:110px;
  height:110px;
  max-width:none;
  max-height:none;
  background-color:transparent;
  border:none;
  padding:0;
}
.related-post-style-5 .related-post-item-tooltip {
  display:block;
  background-color:black;
  background-color:rgba(0,0,0,.9);
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  padding:10px;
  line-height:normal;
  font-style:italic;
  color:white;
  overflow:hidden;
  display:none;
}
.related-post-style-5 .related-post-item:focus .related-post-item-tooltip,
.related-post-style-5 .related-post-item:hover .related-post-item-tooltip {display:block}

/* ==== Related Post Widget End ==== */
4. Blog şablanlarında arayacağımız 2. kod birkaç tane olduğundan dolayı sizin bulduğunuz kodun hemen üst kısmında şu etiket ve kodlar vardır. Bu kodları görüyorsanız doğru yerdesiniz.
“ post.hasJumpLink ”
5. Şimdi aşağıda verilen etiketi aratın.
<div class='post-footer'>
6. Bulduğunuz etiketin üst kısmında 4. maddede anlatılan (post.hasJumpLink) etiketi varsa doğru yerdesiniz. Arama sonucu bulduğunuz etiketin hemen üstüne aşağıdaki kodları ekleyin ve blog’u kaydedin.
<!-- Related Post Widget Start -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <div id='related-post' class='related-post'/>
  <script type='text/javascript'>
  var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
          &quot;<data:label.name/>&quot;<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
      </b:loop></b:if>];
  var relatedPostConfig = {
      homePage: &quot;<data:blog.homepageUrl/>&quot;,
      widgetTitle: &quot;&lt;h4&gt;Bunlarda ilginizi çekebilir :&lt;/h4&gt;&quot;,
      numPosts: 4,
      summaryLength: 370,
      titleLength: &quot;auto&quot;,
      thumbnailSize: 110,
      noImage: &quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC&quot;,
      containerId: &quot;related-post&quot;,
      newTabLink: false,
      moreText: &quot;Read More&quot;,
      widgetStyle: 5,
      callBack: function() {}
  };
  </script>
  <script type='text/javascript' src='http://blogger-json-experiment.googlecode.com/svn/resources/related-post/related-post.min.js'/>
</b:if>
<!-- Related Post Widget End -->

Related Posts Widget Stil 1 kodların özelleştirilmesi :

1. widgetTitle : “Bunlarda ilginizi çekebilir” farklı bir yazı ile değişebilirsiniz.
2. numPosts : Yazı altında görülmesini istediğiniz link sayısı.
3. summaryLength : Özet yazı uzunluğu
4. titleLength : Mesaj başlığı otomatik ayarlıdır.
5. thumbnailSize : Resminizin ebadını belirler. Değerleri temanızın genişliğine göre değiştirin.
Not: Resim ebadını değiştirdiğinizde, CSS kodlarında bulunan width:110px; iki yerde mevcut,  height:110px; değerlerini de değiştirin. Bu değerleri değiştirmezseniz CSS doğru çalışmaz.
6. noImage : Yazınızda görülmeyen resimlerin yerine çıkan otomatik resimdir.
7. containerId : Bu ayarı ellemeyin. Kod taşıyıcı ıd.
8. newTabLink : Yazı linkini yeni sekmede açan kod bağlantısıdır. False : Linki yeni sekmede açar. True : Linki ana sayfa içinde açar. Tercih sizin. false ve true küçük harfle yazın.
9. moreText : Yazının, ⇒ Devamı, olarak değiştirilmiştir. Kod içinde Türkçe yazılı olduğundan siz istediğiniz bir isim ile değiştirebilirsiniz. Bu anlatım için geçerli değildir.
Anlatımlar devam edeceğinden yukarıda açıklanan konular Genel olarak yazılmıştır. Siz eklentide kullanabileceğiniz kısımları değerlendirin.
NOT: Kodlar üzerinde değişiklik yaparken lütfen tırnak işaretlerinin silinmemesine dikkat edin. Eklediğiniz kod çalışmıyorsa silin ve tekrar kaydedin. Ana sayfanızda kontrol ederken birkaç dk. bekleyin. Kısa bir süre sonra kodlar çalışmaya başlayacaktır.
İlgili Konular ⇒ Related Posts hakkında ilgili diğer yazılar.

Perşembe, Aralık 18, 2014

Blogger Yeni Yorum Ayarlarını Etkinleştirme

Blogger Yeni Yorum Ayarları
Blogger blog yeni yorumları etkinleştirme ve kullanma. Google+ için Blog yeni yorumlar penceresini bir tıklama ile basit bir şekilde etkinleştirme konusunu sizlere anlatmıştım. Birçok blog yazar arkadaşım Google+ yorumlar sekmesini nerden etkinleştirileceği ve nasıl kullanıldığı konusunda tereddütleri devam etmektedir. Google+ yorumlar sekmesi hakkında gelişim aşamasında bazı eksiklikler yaşandığı konusunu daha önce belirtmiştim.
Hatta bazı arkadaşlar yorum penceresinin görülmediğini belirtmişti. Yorum penceresinin görülür yapabimek için yapılaması gerekenleri yazmıştım.Aşağıdaki anlatılan konular size yardımcı olacak bağlantılar sağlamaktadır. Bu bağlantıları inceleyerek tüm ayarlarınızı özelleştirebilirsiniz.
3. Google Topluluklar bildirimlerinden dolayı bunalan arkadaşlarımız oldu. Bu nedenle istemeden tanıdıkları ve sevdikleri topluluklardan çıkanlar olmuştu. Aslında Topluluk yayınlarında geri bildirim ayarlarını bir tıkla durdurarak toplulıktan çıkmadan izleme şansınız var. Nasıl mı aşağıdaki bağlantıdan inceleyebilirsiniz.
Google+ Topluluk bildirim ayarları’ nı okuduğunuzda sevdiğiniz Toplulukları terketmeden tekrar katılabilir istediğiniz zaman Topluluk paylaşaımlarını izleme seçeneğini kullanabilirsiniz.
3. Blog yazılarınızda, ( Google+ Çevrelerden bahsetme ) sevdiğiniz kişilerden bahsederek onlara yazdıklarınızı ulaştırmanızda çok kolaydır.
4. Yazılan yorumları nasıl cevaplayacağız ?Yorum cevaplama hataları nelerdir?
Blogger Yeni Yorum ayarlarını nerden etkinleştireceksiniz hemen kısaca sizlere aktaralım.
→ Blogger kontrol paneline giriş yapın
→ Google+ sekmesine tıklayın
→ Sağ tarafda “ Bu blogda Google+ yorumları kullan “ yazısının yanındaki kutuyu işaretleyin. Google+ yeni yorumlar sekmesini artık kullanabilirsiniz.