Blogger Wrench Iconlarını Kaldırma

Blogger her ne kadar kullanımı kolay olsa da bazı durumlarda insanı çıldırma noktasına getirebiliyor. Bu yazımda sinir bozucu wrench adlı iconları kaldırmayı anlatacağım. Bu icon şablon kodlarında bulunuyor. Eklentilerin sağ alt köşesinde  şeklinde beliriyor. Şablondan kodu aratınca bulunamıyor. SEO sorgulamasında alt etiketi bulunmayan resimler bölümünde çıkıyor. Bu yüzden SEO'yu düşürüyor. Bir çok Blogger kullanıcı bunu kaldırmaya çalışmaktan bıkmış durumda. Fakat bu lanet iconu kaldırmak mümkün. Şimdi aşağıdaki adımları eksiksiz yaptığınızda bu icon kalkacak. SEO puanınızı tekrar sorguladığınızda hata olarak karşınıza çıkmayacak.

• blogger.com'a girip Şablon ayarlarına gelin ve HTML'yi Düzenle butonuna basın.
• Şablonun kodlarına tıkladıktan sonra CTRL+F klavye kısayolu ile arama yerini açın. Kısayola bastığınızda kodların sağ üst köşesinde belirecek.
• Arama bölümüne <b:include name='quickedit'/> veya <b:include name='quickedit' /> kodunu yazın ve arayın. Çıkan kodların arkaplanı sarı olarak gözükecektir. Bu kodu silin. Bu işlemi kodlar tamamen bitinceye kadar yapın.

Read More

Blogger Yazdır Butonu Nasıl Eklenir?

 Blogger sayfaları için tasarlanmış ve oldukça kullanışlı bir kod ile sayfanıza yazdır butonu ekleyebilirsiniz. Böylece beğendiğiniz içeriklerin çıktısını kolayca alabilirsiniz. Okuduğunuz sayfanın tam görüntüsünü bir tıkla alabilirsiniz. Kullanışlı ve gerekli bu yazdır butonunu sayfanıza yerleştirmek için yapmanız gereken iki işlem var. Önce css kodunu ekleyip daha sonra javascript kodunu ilgili yere ekleyerek yazdır butonuna sahip olacaksınız.

  Bilgi veren blog sayfanız varsa ve okuyucular bu yazınızı beğendiyse anında çıktısını alabilecekler. Özellikle ders notları gibi veya bir konu hakkında bilgiler içeren dilekçe örnekleri gibi yazılarda çok büyük bir kolaylık olur. Hatta kendi yazılarınızın da çıktısını alarak arşivleyebilirsiniz.

Yazdır Butonu Nasıl Eklenir?

 
Öncelikle Temanızın içinde Ctrl+F ile arama yaparak </head> kodunu bulun ve hemen üstüne aşağıdaki css kodunu yapıştırın.

<b:if cond='data:blog.pageType == "item"'>
<style media='print' type='text/css'>
.print-btn {position: absolute;right: 0;top: 10px;font-size: 20px;}
a.print-btn {color: #666!important;}
@media screen and (max-width:480px){.print-btn{display:none}}
</style>

</b:if>


 Daha sonra javascript kodunu eklemek için aynı alanda <data:post.body/> kodunun altına aşağıdaki kodu ekleyerek kaydedin.

<b:if cond='data:blog.pageType == "item"'>
<a class='print-btn' href='javascript:print(document)' target='_blank' title='Bu sayfayı yazdır'><i class='fa fa-print'/></a>

</b:if>





Önemli: <data:post.body/> kodunu arattığınızda bir kaç tane bulabilirsiniz. Doğru olanı anlamak için benzer yazılar veya yazıyı paylaş gibi kodların bulunduğu yeri seçin. Kodlarla ilgili bilginiz yoksa mutlaka sayfanın yedeğini alın. Deneme yanılma ile Yazdır butonu için en uygun yeri bulabilirsiniz. Aşağıdaki görselde diğer blog sayfamda yorumların altına ekleyerek doğru yer olduğunu düşündüm.

Read More

Blogger’lardaki com.tr uzantısını kaldırma

Blogger nedenini hala mantıkla karşılayamadığım bir değişikliğe bundan 2 yıl önce gitmişti. coskuntamar.blogspot.com şeklinde olan blog adresleri her ülkenin kendi ülke uzantısına yönlendirdi.

Örneğin; Türkiye’den blog sayfanıza giren birine blog sayfanız coskuntamar.blogspot.com yerine sonuna .tr ülke uzantısı gelerek coskuntamar.blogspot.com.tr şeklinde görünmeye başladı. Eğer ziyaretçi Fransa’dan ise coskuntamar.blogspot.com yerine coskuntamar.blogspot.fr, Almanya’dan giren birisine coskuntamar.blogspot.de gibi her ülkenin kendine özgü ülke uzantısına yönlenmeye başladı.

Bu en başta dikkat ettiğim kadarıyla sitemize giren ziyaretçi istatistiklerin de düşüşlere neden oldu. Çünkü daha önceden Google arama kayıtlarında index aldığı linkler değişiklik gösterince buda arama sıralamalarında yer yer gerilemeye neden olacaktır. Ayrıca site adresinin benimsenmesinde bir zorlukta oluşturdu. Diğer bir olayıda sitenin görünen adı daha uzun görünmeye başladı ve şıklığında bir kayba neden oldu.

Peki bu com.tr kısmındaki .tr ekini kaldırabilir miyiz? Evet kaldırabilir. Daha doğrusu açmak istediği ülke uzantısından tekrar blogspot.com haline yönlendirebiliriz. Bunu için aşağıdaki yöntemi uygulamak yeterli. 

Blogspot.com.tr den .tr adını kaldırma

• Blogger.com girip .tr yönlendirmesini düzelteceğimiz blog sayfamıza girelim.
• Şablon kısmına gelip HTML’yi Düzenle butonuna tıklayalım.
• < head > kısmının hemen alt kısmına bir satır açalım ve aşağıdaki script kodu oraya ekleyip Şablonu Kaydet butonuna tıklayın.

Read More

Mobilde Blogger Tarafından Desteklenmektedir Yazısını Kaldırma

Blogger mobil temada "Attribution" eklentisi

Blogger'ın hazır mobil şablonlarında görünen "Blogger tarafından desteklenmektedir." yazısını nasıl kaldırırız? Blogger (blogspot) mobil temada attribution nasıl kaldırılır?

Bildiğiniz gibi internet kullanımında mobil cihazlar artık daha etkin rol oynamakta ve gittikçe artmakta. Daha önceki yazılarımda da bu konudan bahsetmiştim. Bu sebepten dolayı artık Blogger mobil temalarına da gerekli özeni gösterilmeliyiz. Özellikle yeni tema seçerken mobil cihazlardaki görünümüne dikkat etmeliyiz. Ben kendi blogum için Blogger'ın hazır mobil temalarından birini tercih ettim ve gayet memnunum. Açıkçası sizinde kullanmanızı tavsiye ederim.

Bu yazımda, Blogger'ın hazır mobil temalarında görünen attribution yani atıf eklentisinden (widget) bahsettim. Blogger'ın hazır temalarında sayfanın en alt kısmında aşağıdaki resimde gördüğünüz gibi...

"Blogger tarafından desteklenmektedir." yazısı yer alıyor. Attribution eklentisini her ne kadar masaüstü görünümde gizlemiş olsanız bile mobil cihazlarda yukarıdaki gibi görünecektir.

Peki Blogger mobil temada "Blogger tarafından desteklenmektedir" yazısını nasıl kaldıracağız?

1. İlk olarak Blogger kullanıcı panelinde sol tarafta yer alan "Şablon" sekmesine ardından açılan sayfada "HTML düzenle" sekmesine tıklayarak kodların olduğu kısma ulaşın.

2. Kodların arasında Ctrl F yardımıyla "Attribution" kelimesini aratın.

HTML mobile='no' kodu

Attribution araması yaptığınızda yukarıdaki resimde yer alan kodları göreceksiniz.

3. Yukarıda yer alan resimde kırmızı çizgi ile işaretlediğim

mobile='no'

kodunu resimde belirtilen yere ekleyin. Ardından şablonu kaydedin ve blogunuzun mobil görünümünü kontrol edin.

Sonlara doğru...

Bu yazımda bu kadardı sevgili dostlar. Yukarıda gösterdiğim kodu diğer eklentiler içinde uygulayabilirsiniz. Bu kod sayesinde mobil temada görünen ama görünmesini istemediğiniz eklentileri gizleyebilirsiniz.

Read More

Blogger Blogunuzdan Gereksiz Yazıları Temizleyin Powered by Blogger, Kaydol Kayıtlar Atom ve Sayfa Altı Linkler

Bloggerın orijinal temalarını kullanıyorsanız sizi blog yazmaktan bıktırabilecek şeyler vardır mesela çok güzel yazılarınız olan bi blogunuz var okuyucu alta iniyor ve powered by blogger, kaydol kayıtlar atom bilmem neyin şablonu önceki sonraki kayıt ana sayfa tam bir curcuna yazarı rahatsız ediyorsa okuyanı rahatsız etmemesi mümkün mü? yalnız bunların en iyi yanı hepsinin temizlenip yerlerine bir güzellik bırakabilmesi işte bende tam bugün bu konuyu paylaşacağım sizlerle. Şu alttaki iki resimde paylaştığım düzenlemelerin ne kadar asil ve gerekli olduğunu sizlerde göreceksiniz.

Yazım devamında ise sizlerde şekil birdeki kargaşadan nasıl kendi blogunuzu şekil ikideki gibi temiz pürüzsüz bir hale getirebileceğinizi anlattım.

Peki Bu Güzelleştirmeler Nelerdir Nasıl Yapılırlar?

NOT : Blogunuza bu düzenlemeleri yapmadan önce Şablon kısmında yedekleme yaparak alttaki yapılacakları güvenle yapabilirsiniz.

1. Düzenleme Kaydol: Kayıtlar (Atom) Yazısını Kaldırma

     

  En kolayından başlayayım dedim gerçekten kolay ve bizi bir sıkıntıdan kurtaracak işlem; Şablondan HTML'yi Düzenleye tıklayın ardından Ctrl + F yardımıyla aşağıdaki kodu bulun ve imha edin

kod:

<b:include name='feedLinks'/>

2. Düzenleme Powered By Blogger Yazısını Kaldırma

1. Yapılacak : Şablondan HTML'yi Düzenleye tıklayın ardından Ctrl + F yardımıyla aşağıdaki kodu bulun

kod:

]]></b:skin>

2. yapılacak : Bulduğunuz kodun bir üst satırına alttaki kodu yapıştırın

kod:

#Attribution1 { 

height:0px; 

visibility:hidden; 

display:none 

}

 3. Düzenleme Yeni Kayıtlar – Ana Sayfa – Önceki Kayıtlar Yazılarının Yerinde Resim Koyma

Bu standart yazıları biliyorsunuzdur alttaki düzenlemeleri yaptığınızda yandaki resimdeki gibi olacaktır blogunuz kesiti de.

1. Yapılacak Önceki Kayıtlar Yerine Resim Koyma

kod1'i bulun ve yerine kod2'yi yapıştırın

kod1:

<data:olderPageTitle/>

 kod2:

<img src='http://i54.tinypic.com/w9dtoo.gif'/>

2. Yapılacak Yeni Kayıtlar Yerine Resim Koyma

kod1'i bulun ve yerine kod2'yi yapıştırın

kod1:

<data:newerPageTitle/>

kod2:

<img src='http://i51.tinypic.com/zladqv.gif'/>

3.  Yapılacak Ana Sayfa Yerine Resim Koyma



kod1'i bulun ve yerine kod2'yi yapıştırın

kod1:

<data:homeMsg/>

kod2:

<img src='http://img.webme.com/pic/d/damlapinari/home.png'/>

Bu işlemlerden sonra bu küçük problemlerle bir daha uğraşmayacaksınız. Faydalı olabilmesi dileğiyle

                                                               Kolay gelsin, iyi bloglar! 

Read More

BLOGGER ETİKET GİZLEMEK

Blogger'da etiketler genelde yayınları kolayca kategorilere ayrılmasını sağlar. Fakat çoğu blogger kullanıcısı fazla etiket kullandığı için sayfalar düzensiz bir görünüm alıyor. Bu etiket düzensizliğinden rahatsız olan bloggerlar için etiket gizleme kodunu sizlerle paylaşıcam. Blogger etiketleri gizlemek HTML kodunda ufak bir değişiklikle düzeltiliyor.

Blogger Etiketleri Ana Sayfada Gizlemek

Blogger Yönetici Paneline giriyoruz;

Şablon > HTML'yi Düzenle sekmesine tıklıyoruz.

Açılan sayfada "Ctrl + f" yapıp "<b:if cound='data:post.labels'>" kodunu aratıyoruz.
Kodu bulamayan arkadaşlar data:post.labels diye aratırsa sıkıntı olmaz.

Kodu bulduktan sonra aşağıda ki örnekte olduğu gibi, bulduğumuz kod dahil o kısmı siliyoruz ve Şablonu Kaydet diyerek işlemi tamamlıyoruz.
     

<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != &quot;true&quot;'>,
</b:if> </b:loop>
</b:if> 

Read More

Blogger Numaralı Sayfa Navigasyonu

Bildiğiniz gibi standart Blogger şablonlarında kayıt sayfaları arasında geçiş yapmak içindaha eski kayıtlar, daha yeni kayıtlar gibi linkler vardır.Ziyaretçilerinizin blogunuzdaki kayıt sayfaları arasında daha rahat dolaşmaları için numaralı sayfa navigasyonu eklemeniz faydalı olacaktır.

Blogunuza resimdeki örnekte olduğu gibi numaralı saya navigasyonu eklemek için blogunuzun şablonundan ]]></b:skin> kodunu bulun ve bu kodun üstüne şu kodları ekleyin: 

.showpageArea {
font-family:verdana,arial,helvetica;
color: #000;
font-size:11px;
margin:10px;
}

.showpageArea a {
color: #000;
text-shadow:0 1px 2px #fff;
font-weight: 700;
}

.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #999;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #ddd url
(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp1.jpg)
0 -50px repeat-x;
}

.showpageNum a:hover {
border:1px solid #888;
background: #ccc url
(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp1.jpg)
0 -25px repeat-x;
}

.showpageOf{
margin:0 8px 0 0;
}

.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #666 url
(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp1.jpg)
0 0 repeat-x;
text-decoration: none;
}

İkinci olarak yine şablonunuzdan </body> kodunu bulun ve hemen üstüne şu kodları ekleyin:

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<script type='text/javascript'>

var pageCount=5;

var displayPageNum=5;

var upPageWord ='Previous';

var downPageWord ='Next';

</script>

<script src='http://yourjavascript.com/24910422613/blogger-numaralandirma.js' 

type='text/javascript'/>

</b:if>

Read More

Powered by Blogger YAZISI Kaldırma

Kontrol paneli, şablon, HTML'yi düzenle bağlamından site kodlarının olduğu bölüme gelin.
Aşağıdaki kodu ctrl+f ile bulun.

]]></b:skin>

Bu kodun üzerine alttaki kodu ekleyip şablonu kaydedin.

#Attribution1 { 
height:0px; 
visibility:hidden; 
display:none 
}

Artık blog'da o yazıdan kutuldunuz. Sağlıcakla...

Read More

Kaydol: Kayıtlar (Atom) Yazısını Kaldırma

Tüm blogların anasayfasında yazıların altında görüntülenen "Kaydol: Kayıtlar (Atom)" ibaresini kaldırmak mümkün. Esasında bu ziyaretçilerin yazılarıza abone olması için bir kolaylık ancak, çoğu kullanıcının Feedburner'i kullanması sonucunda pek bir önemi kalmadı. Zaten Feedburner kullananlar sayfalarında farklı yerlerde besleme adreslerini belirtiyorlar.

Kaydol Kayıtlar Atom Yazısını Kaldırmak isityorsanız, yapılması gereken çok basit; Blogunuzun HTML düzenle seçeneğine tıklayın. Açılan sayfada Widget Şablonlarını Genişlet yazısının yanında yer alan kutucuğa tıklayın. Temanızda <b:include name='feedLinks'/> kodunu bulun ve silin.

Read More

Blogger yazar,gönderen,zaman silme

1. Blogger giriş yapın, Şablonu tıkladıktan sonra, html ile düzenlemeyi seçin.
2. "Widget Şablonlarını Genişlet" kutusunu işaretleyin.
3. Şimdi aşağıdaki kodu arayın.

<data:post.dateHeader/>

Şimdi bu kodu silin.Şablon kaydedin ve sitenizi yenileyin.Mesajın Zamanını GizlemeAşağıdaki kodu arayın.

<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark'
title='permanent link'><abbr class='published'
expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>

Şimdi bu kodu silin.
Şablonu kaydedin ve sitenizi yenileyin. 
Mesajın Yazar gizleme
Aşağıdaki kodu arayın.

<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>

Şimdi bu kodu silin.
Şablonu kaydedin ve sitenizi yenileyin.

Read More