7/31/2014

Blogger transparan sosyal paylaşım eklentisi

Blogger sosyal paylaşım butonları
Blogger temanızda gadget olarak kullanabileceğiniz Transparan Sosyal paylaşım düğmeleri. Sosyal paylaşım eklentimiz iki farklı kodlamadan oluşuyor. Blogger kumanda paneline gadget olarak ekleyeceğiniz HTML kodları ve eklediğiniz HTML kodlarına stil veren CSS kodlarından oluşmakta. Yapmanız gereken işlem, aşağıda verilen kodları gelişmiş bir metin dosyası olan Notepad++ içine yapıştırıp, kişisel bilgilerinizi değiştirmek, veya bilgisayarınızda bulunan mevcut metin dosyasını da kullanabilirsiniz. Öneri : Kopyaladığınız kod içindeki resim linklerini Google Plus fotoğraflar albümünüzde dosya oluşturarak yükleyip linklerini alarak kullanabilirsiniz.
Ayrıca okuyun ⇒ Blogger Resim Linkleri Nasıl Alınır


Blogger gadget’inizde kullanacağınız sosyal paylaşım eklenti HTML kodları :


<div class='add-banner'>
<div class='social-icons-box text-center clearfix'>
   <a href='http://www.facebook.com/#' target='_blank' title='Facebook'><img alt='facebook' src='https://lh4.googleusercontent.com/-MLh-WgsKdfI/U6xLDCdJxII/AAAAAAAAZ0Q/Xa104fm1Q6k/s40-no/icon-fb.png'/></a>
   <a href='http://twitter.com/#' target='_blank' title='Twitter'><img alt='tweeter' src='https://lh5.googleusercontent.com/-zGLTCWkiB7k/U6xL8ZtlYpI/AAAAAAAAZ0o/du66305LH34/s40-no/icon-tweeter.png'/></a>
   <a href='http://www.linkedin.com/in/#' target='_blank' title='Linded In'><img alt='linked in' src='https://lh6.googleusercontent.com/-n_4ZVnU5AlA/U6xMzBIF_PI/AAAAAAAAZ04/bddEzL-hCa0/s40-no/icon-in.png'/></a>
   <a href='http://www.youtube.com/user/#' target='_blank' title='You Tube'><img alt='you tube' src='https://lh6.googleusercontent.com/-Ih-ytjVjSfo/U6xNXv-_scI/AAAAAAAAZ1I/kOYb-WR24ng/s40-no/icon-you-tube.png'/></a>
   <a href='http://feedburner.google.com/fb/a/mailverify?uri=adnan&loc=en_US' target='_blank' title='RSS'><img alt='rss' src='https://lh3.googleusercontent.com/-gkMJJsqZB6g/U6xN6jn6A1I/AAAAAAAAZ1Y/f7XSah4IPWs/s40-no/icon-rss.png'/></a>
</div></div>
Özelleştir :
1. # Bu işaretin olduğu yerlere kullandığınız sosyal paylaşım isimlerinizi ekleyin.
2. Kırmızı ile belirtilen bölüm transparan resim linklerini ifade eder.
3. Alt kısımda feedburner satırın devamındaki “ uri=adnan “ ismini kendi Feedburner isminiz ile değiştirin. FeedBurner ile ilgili buradan bilgi edinebilirsiniz.
4. Resim sırası ve bağlantıyı değiştirmek veya kullanmadığınız paylaşım düğmesini kaldırmak için ; ( <a href ile başlayan ve ….. < /a> ile biten kapanış etiketine kadar olan kısmı seçin silin veya bir alt kısma yapıştırarak sırasını değiştirin.
“Bu işlemleri Gadget içinde yapmayın. Metin dosyasına ana kalıbı yapıştırıp yedekleyin. Bir metin test dosyasında gereken değişimi yaptıktan sonra gadget de kullanın normal çalışıyor ise kaydedin.”
Gadget içine eklediğiniz HTML kodlarına CSS kodları ile Stil vermek için :
1. Blogger kumanda paneline giriş yapın. Şablon kodlarınızı açın ve aşağıdaki kodu bulun. Blogger Şablon içindeki kod’u nasıl bulacağınızı inceleyin.
]]></b:skin>
2. Yukarıdaki kodu bulduğunuzda hemen üst kısmına aşağıdaki CSS Sosyal paylaşım stil kodlarını yapıştırın ve blog'unuzu kaydedin.
/*------ Social Bar G59P------*/
.social-icons-box {
    margin: 10px 0;
    width: auto;
}
.social-icons-box img {
    background: linear-gradient(#00AEB5 14%, #0F99A0 75%) repeat scroll 0 0 #00D1D8;
    border-radius: 3px;
    height: 30px;
    margin: 0 4px;
    transition: all 300ms linear 0s;
    width: 30px;
}
.social-icons-box img:hover {
    background: linear-gradient(#00D1D8 14%, #05B3BA 75%) repeat scroll 0 0 #00D1D8;
    transition: all 400ms linear 0s;
    z-index: 10000;
}
.sb-blog{display: none !important;}
Transparan Sosyal paylaşım butonlarını, yeşil'in tonlarında artık kullanabilirsiniz.

7/30/2014

Blogger Şablonda Kod Nasıl Bulunur

Blogger Şablon kodları içinde eklenti ekleyebilmek için, aradıkları kodu bulabilmesine yardımcı olabilecek videolu kısa bir anlatımı aşağıda inceleyerek etiket kodlarının nasıl bulunması gerektiğini görelim. Bu öğretici, Blogger ile yeni blog açan webmaster yazar arkadaşlara ne yapması gerektiği konusunda rehber olacaktır. Bloguna sosyal paylaşım butonu, okuyucu sayacı, sayfa navigasyonu, kategori menüsü vb. gibi kodların şablon içinde bulunması için öncelikle blogger kumanda paneline giriş yapın.
1. Şablon → HTML’yi Düzenle ile şablon kodlarını açık konuma getirin.
2. Arama yapmak için dikkat etmemiz gereken iki işlem vardır.
a: CTRL + F klavye aramı yapmak : Direk bu şekilde yapacağınız aramada tarayıcınızın arama penceresi açılır.
b: Şablon içinde boş bir yere tıklayarak, CTRL + F klavye ile  aramı yapmak : Şablon içinde arayacağımız etiket veya kodları bu yöntemle bulacağız.
3. Arayacağımız etiketten birkaç tane olduğunu düşünürsek, her arama yapacağımızda şablon içindeki arama penceresinde bulunan etiketin son kısmına tıklayarak enter çekmemiz olduğunu unutmayın.
4. Aradığımız kod etiketi genelde ilk bulunandır. Ancak bazı temalr farklılık gösterdiğinden aynı etiketten birakaç tane olabilir. Bu nedenle doğru etiketi bulmamız gerekir. Eklentisini kullanacağınız yazar size gereken yolu söylecektir. Bu konuda kuşkunuz olmasın.
Aşağıda izleyeceğiniz video için bir senarya yaparak konuyu netleştirelim ve Youtube videomuzu izleyelim.
Örnek bu linki inceleyelim : Blogger Duyarlı Devamını Oku Eklentisi
Senaryo :
1. Blogger Şablon kodlarınızın açılması,
2. Şablon içine tıklamadan CTRL+F ile tarayıcı aramayı açma,
3. Şablon içine tıklayarak CTRL+F ile şablon içinde aramayı açma,
4. Aradığımız etiketi enterleyerek diğer kodları bulma.

Youtube Video Linki : http://youtu.be/1r2e3Ew8bN8
Şablonda Kod,etiket bulma ile ilgili YouTube anlatım videosu :

7/29/2014

Yorum Balonu Renk Değişimi Dinamik Blogger

Sidebar yorum örneği
Sidebar yazı link yanındaki kırmızı renkli yorum balon görünümü
Dinamik Blogger’un sidebardaki yazı linkleri ve içerik yorumlarının üstünde görülen kabarcık şeklindeki yorum rakamlarını gösteren balonun renginin değiştirilmesini sağlayan eklenti.
Dinamik blogger’un şablon kodlarındaki mevcut olan yorum balon rengi gri ve siyah tonlarında olup, şablon kod içinde herhangi bir değişikliğe izin vermez. Ancak Dinamik blog’umuza ekleyeceğimiz CSS kodları ile balon’un rengini ve iç kısımdaki rakam rengini değiştirebiliriz. Kabarcık şeklindeki yorum balon rengini değiştirmek için uygulama adımları.
1. Blogger kumanda paneline giriş yapın.
2. Şablon → Özelleştir → Gelişmiş → CSS ekle seçeneğine tıklayın.
3. Aşağıdaki kodları CSS penceresine yapıştırın.
Yorumların üstündeki kırmızı renkli balon görünümü
Özelleştir :
1. İkinci ve üçüncü satırdaki kırmızı (red) rengi, mavi, siyah, beyaz vs. ile değiştir.
2. Yorum içindeki rakam rengini değiştirmek için sarı (yellow) ismini değiştirin.
3. Farklı bir fantazi yaratmak isterseniz sınır (border) red ismini değiştirin.
Bütün tarayıcılar tarafından desteklenen renk kod isimleri için buradan bakabilirsiniz.

.bubble.comments-count{
background-color: red !important;
border-color: red !important;
color: yellow !important;
}
.bubble .bubble-tail, .bubble.empty .bubble-tail:after, .ss{
border-color: red transparent transparent !important;
}

Klasik Blogger yorumları kullanıyorsanız yorum sıralamalarını gösteren :
Test blogumdaki Canlı Demosu 

7/28/2014

Blogger otomatik yazı atlama aralık eklentisi

Klasik Blogger ana sayfada çıkan yazılarınıza atlama aralığı kullanmadan resim ebat ayarları ve yazı uzunluk sayısını düzenleyebileceğiniz, blogger özel temalarda kullanılan eklenti. Uygulama kodlarını blog şablonunuza eklediğinizde yazılarınıza atlama aralığı vermenize gerek kalmayacak olup, yazılarınız otomatikman belli bir yerden kesilerek devamını oku ile sabitlenecektir. Resimlerinizi istediğiniz ebatlarda örnek : 200x150 px. veya 200x200 px. gibi özelleştirebileceksiniz. Blogunuzu özelleştirmek için hazır iseniz, aşağıda anlatılanları sırası ile takip ederek, kendi emeğiniz ile hazırlayacağınız blog temanızı tasarlamaya başlayın.
1. Blogger kumanda paneline giriş yaparak, şablon sekmesine tıklayıp önce tema yedeğini alın.
Blogger yedek alma nasıl yapılır ?
2. Aşağıdaki kodu bulun. Şablonu biraz aşağıya kaydırın göreceksiniz.

</head>
3. Bulduğunuz bu kodun hemen üstüne aşağıdaki kodları ekleyin.
<script type='text/javascript'>
var thumbnail_mode = &quot;yes&quot;; 
summary_noimg = 430; 
summary_img = 340; 
img_thumb_height = 150;
img_thumb_width = 200;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){ 
    if(strx.indexOf("<")!=-1)
    {
        var s = strx.split("<"); 
        for(var i=0;i<s.length;i++){ 
            if(s[i].indexOf(">")!=-1){ 
                s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); 
            } 
        } 
        strx =  s.join(""); 
    }
    chop = (chop < strx.length-1) ? chop : strx.length-2; 
    while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; 
    strx = strx.substring(0,chop-1); 
    return strx+'...'; 
}
function createSummaryAndThumb(pID){
    var div = document.getElementById(pID);
    var imgtag = "";
    var img = div.getElementsByTagName("img");
    var summ = summary_noimg;
        if(thumbnail_mode == "yes") {
    if(img.length>=1) {    
        imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
        summ = summary_img;
    }
    }
    var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
    div.innerHTML = summary;
}
//]]>
</script>
Özelleştirilme :

1. Eklediğimiz kodlarda resim Genişlik xYükseklik ve yazı uzunluğunu belirleyebilirsiniz.
→ var thumbnail_mode = "yes"; ⇒ Ana Sayfa yazınızdaki resmi “yes” göster “no” gösterme
→ summary_noimg = 430; ⇒ Yazıda resim yok ise yazının uzunluğunu belirler.
→ summary_img = 340; ⇒ Yazıda resim varsa, yazının uzunluğunu belirler.
→ img_thumb_height = 150; ⇒ Resmin yüksekliğini belirler. → img_thumb_width = 200; ⇒ Resmin uzunluğunu belirler.
Ayrıca aşağıdaki bağlantılarıda uygulayabilirsiniz. ⇒
Blogunuza Duyarlı Devamını Oku ismini eklemek için bağlantıyı takip edin.
Ana Sayfa Devamını Oku çift ismi gizlemek için bağlantıyı takip edin.

7/27/2014

Blogger Duyarlı Devamını Oku Eklentisi

Blogger devamını oku eklentisi nasıl eklenir
Blogger, blog'unuza yazdığınız yazıları ana sayfada Devamını Oku ismi ile gösteren bağlantı linkine hiçbir resim eklemeden duyarlı çift renkli ve sağ tarafta görülmesini sağlayan eklenti.
Devamını Oku bağlantı linkinin sağ tarafta görülmesi ve farklı renklerden oluşması Blogger yazarlarının çok sevdiği uygulamalar arasındadır. Bu düşünce ile yapacağımız uygulamada resim kullanmayacağız. Ancak uygulamayı blogunuza eklediğinizde Css kodlar içinde siyah, mavi gibi yapabileceğiniz renk değişimi, maus ile üzerine gelince farklı bir renk elde ederek dikdörtgen bir alana sahip olacaksınız. İsterseniz yazı fontunu ve yüksekliğini bir tıklama ile değiştirebilirsiniz. Uygulamayı kullanabilmeniz için aşağıdaki adımları takip edin.
1. Blogger kumanda paneline giriş yapın ve şablon kodlarınızı açın.
2. (Ctrl+F)  ile aşağıdaki kodu bulun. Şablon kodlarınız da bu kod birkaç tane çıkacaktır. Arama sonucunda bulacağınız kodun hemen alt kısmında bu kodları “ hasJumpLink” göreceksiniz. Bu kodun üstündeki kod doğru olandır. Aşağıdaki kodu bulun.
<data:post.body/>
3. Bulduğunuz bu kodu silerek aşağıdaki kod’u kopyalayıp sildiğiniz kodun olduğu yere yapıştırın ve blog’u kaydedin. Blog’unuzu önizleme yapıp inceleyin.
<p>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if></p>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div class='readmore'>
<a expr:href='data:post.url'>Devamını Oku</a>
</div>
</b:if>
</b:if>
 4. Son olarak CSS stil kodlarımızı ekleyerek Devamını Oku ismini renkli ve sağ tarafa yaslanmış olarak göreceğiz. Aşağıdaki kodu bulun. ( Ctrl+F) ile aratın.
]]></b:skin>
5. Bulduğunuz bu kodun hemen üstüne aşağıdaki kodları ekleyin.
/* Read More G59P--------------------------------- */
.readmore{margin-bottom:5px;float:right;}
.readmore a{color:#FFFFFF;background:#160000;font-size:12px;line-height:12px;display:inline-block;text-decoration:none;text-transform:none;padding:8px 14px;}
.readmore a:hover{color:#FFFFFF;background:#4285F4;text-decoration:none;}
.postmeta-primary,.postmeta-secondary{color:#999;font-size:12px;line-height:18px;padding:0 0 10px;}
Tüm işlemleri bitirdi iseniz şu anda Devamını Oku isim linkinin beyaz, çerçevenin siyah ve mausu yanaştırdığınızda (hover) mavi olarak görmeniz gerekir.
Ayrıca önerilen okuma linkleri ⇒ 
Blogger Sidebar Mavi Sekmeli Gadget Eklentisi
Yazı resmini sola otomatik yaslayan sağda devamını oku eklentisi
Blogger Sidebar Siyah Sekme Başlık Eklentisi

7/26/2014

CCleaner v4.16 yeni sürüm çıktı

CCleaner v4.16 yeni sürüm İndir
Bilgisayarınızda bulunan gereksiz dosyaları silerek daha fazla istikrar ve performans sağlıyan Bilgisayar bakım proğramı, CCleaner v4.16 yeni sürümü çıktı. CCleaner proğramı sistem optimizasyon , gizlilik ve temizlik aracıdır. Sisteminizde  kullanılmayan internet geçmişi gibi online faaliyet izlerinin dosyalarını silerek sabit disk alanını boşaltıp, Windows’un daha hızlı çalışmasını sağlar. Ayrıca kayıt defteri temizleyicisidir.
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 basit. Bilgisayarınızda daha önceden kurulu ise güncelleme sekmesinden yeni versiyonu kurmak için çalıştırın.
Sürüm Notları
  • v4.16.4763 (24 Temmuz 2014)
  • Geliştirilmiş Google Chrome 36 temizlik ve start-up yönetimi.
  • Windows 7 ve 8. Geliştirilmiş 64-bit yapı mimarisi.
  • Geliştirilmiş Başlangıç ​​Öğe aracı uyumluluk.
  • Geliştirilmiş Firefox tarama önbellek temizleme.
  • Geliştirilmiş bellek kullanım ve yönetim mimarisi.
  • Yeni eklenen Yandex tarayıcı temizlemesi.
  • Çeşitli çeviriler güncellendi.
  • Küçük GUI İyileştirmeler.
  • Küçük hata düzeltmeleri.
CCleaner proğramınız yoksa aşağıdaki bağlantıya tıklayarak açılan pencerede kendi indirme sitesinden proğramı ; İndirin

7/25/2014

Blogger Blog 2 Çift Kayıt Görünüm Sorunu

Blogger sorunlar köşemiz
Blogger’un kendi teması dışında özel bir tema yüklediğinizde bazen Blog2 widget başlık ismi ile 2. blog kayıtları oluşur. Çift oluşan Blog Kayıtlarını silerek veya şablon yeniliyerek sorunu çözebilirsiniz. Blogger özel tema değişiminde çok sık raslanmasada bazen bu tür sorunları yaşayan blog yazarlarımız vardır. Şablon kod yapısından biraz anlıyor iseniz Blog2 kayıtlar widgetini aşağıdaki anlatılan şekilde silmeye çalışın. Blog kayıtları yayınlarınızı yöneten kodlardan oluşan uzun bir widgetdir. Blog yerleşim sekmesinde bulunan Blog kayıtlarını kesinlikle ve yanlışlıkla silmeyin. Silerseniz ana sayfanızda yayınlarınız görülmez. Blogunuzun her zaman bir yedeğini alın.


Blog2 kayıtlarını silmek için ilgili adımlar :

1. Blogger şablon kodlarını açın.
2. Html kod içerisinde maus işaretcisi ile boş bir yere tıklayın.
3. CTRL + F ile, arama kutusunu açın ve Blog2 yazarak entere basın aratın.
4. Blog2 kodun bulunduğu kısıma  gelecektir. Sol tarafta genişleme ok işaretine tıklamadan
aşağıdaki gibi kodları seçin ve silin ve blogu kaydedin.


<b:widget id='Blog2' locked='true' title='Blog Kayıtları' type='Blog'></b:widget>

Sizi karşılayan bir uyarı penceresi açılacak, uyarı mesajında Şablon Blog2, Blog3 widgetleri içermiyor bu widgetleri silmek mi istersiniz iletisinde sil seçeneğine tıklayarak widgeti silin ve blogu tekrar kaydedin.


Blogger Tema yüklenmeden yapılacak işlemler :

Blogger temanızı sıfırlayıp yeniden yükleyerek eski kodlarında silinmesini düşünebilirsiniz.
Bu sistem tüm eklenti ve uygulamalarınızı sıfırlayacaktır. Bu nedenle önceden eklediğiniz bazı kodları muhafaza edip temanızdaki eklentileri tekrar yükleyerek eski konumuna getirmek için yapabilecekleriniz.
1. Bilgisayarınızdaki metin dosyasına veya gelişmiş Notepad++ metin dosyasına blog yerleşim panelindeki tüm eklentileri kopyalayarak yapıştırıp yedekleyin. Bu kodları yeni temanızda tekrar kullanabilirsiniz.
2. Blogger şablon kodlarınızı açın ve <head> açılış etiketi altındaki tüm meta etiketlerinizi metin dosyasına alın.
3. Blogger, Şablon → Özelleştir → Gelişmiş → CSS ekle kısmındaki kodlarınızı metin dosyasına alın.


Blogger Temanızın sıfırlanması ve yeni Temanın kurulması :

1. Blogger şablon sekmesine tıklayın ve en altta “ Klasik şablonlara dön ” seçeneğine tıklayın.
2. Açılan pencerede kaydet sekmesine tıklayın. Blogunuz Blogger eski görünümüne dönüşecektir. Önizleme yaparak inceleyin.
3. Şablon sekmesine tıklayarak basit bir şablon seçin ve şablonu kaydedin.
4. Şablon kodlarını açın, “Widget şablonlarını varsayılana döndür” sekmesine tıklayarak açılan pencerede tüm kutuların işaretlenmesini sağlayın. Blogu tekrar kaydedin.
5. Şablonu biçimleye tıklayarak kodların düzgün yerleşimini sağlayın ve kaydedin.
6. Yerleşim sekmesine dönerek daha önce metin dosyanıza yedeklediğiniz eklenti ve uygulamalarınızı bulundukları yerlere ekleyebilir veya yeni bir tema seçtikten sonrada eklemeniz mümkündür.
Blogger’un kendi temasını veya özel temanızı nasıl özelleştireceğiniz ile ilgili ;
Tema Tasarım konularını okuyarak kendi temanızı sıfırdan kurabilirsiniz.
Tema tasarım kategorisinde anlatılan konular ile kendime kurduğum Adnan Güney Klasik Blogger tasarımı inceleyerek fikir edinin.

7/24/2014

Site Doğrulama Aracı Kullanımı Webmasters

Webmasters
Ücretsiz Blogger servisi ile yeni bir blog açtığınızda Web yönetici araçlarına siteniz otomatik olarak kaydedilir. Ancak sitenizi doğrulamanız için meta etiketini sitenize eklemeniz gerekir.
Yeni bir site oluşturduğunuz da, sizde manuel site ekle sekmesinden sitenizi Web yönetici araçlarına ekleyip meta etiket doğrulama aracını kullanarak doğrulama yapabilirsiniz.
Sitenizi Web yönetici araçlarına ekleyerek ilerde olabilecek hatalara karşı kendinizi garanti altına alırsınız. 
Site sahipliği Blogger’dan silinemez. Ancak bir yönetici eklediğinizde “Önem derecesi yüksek” eklediğiniz yönetici güvenilir kişi olmalıdır. İki yönetici olan bir sitede diğer yönetici gerçek site yöneticisini silebilir. Böyle bir yetkiyi site yönetici eklediğiniz andan itibaren vermiş olursunuz. 
Sitenizden sizi silen diğer yönetici için Blogger veya Web yönetici araçlarından yardım alamazsınız. Sitenizin sizin olduğunu eklediğiniz yönetici size davet gönderip onay alana kadar hiçbir yetkiniz yoktur. Sitenizi açamaz kullanamazsınız. Sitenizde sorun yaşar ve birini yönetici eklemek isterseniz lütfen dikkatli olun ve güvenmediğiniz kişileri yönetici eklemeyin şifrenizi vermeyin.


Site doğrulama meta etiketi nasıl eklenir ?

1. Web yönetici araçlarına giriş yapın.
2. Web Yöneticisi Araçları Ana Sayfası'nda istediğiniz sitenin yanındaki Siteyi Yönet düğmesini tıklayın ve sonra Siteyi doğrula'yı seçin.
3. Önerilen yöntem sekmesinde HTML etiketi görünmüyorsa,Alternatif yöntemler sekmesini tıklayın.
4. HTML etiketi'ni seçin ve ekranınızdaki adımları izleyin.
5. Etiketi ana sayfanıza ekledikten sonra Doğrula’yı tıklayın.
a: Doğrulama için açılan pencerede “ Html etiketini” seçin. Hemen alt kısımda verilen doğrulama etiket linkini kopyalayın.
b: Site şablon kodlarını açın, CTRL+F ile <head> kodunu bulun. Zaten en üstte olan kodu bulabilirsiniz. Bulduğunuz bu kodun hemen altına ekleyin ve şablonu kaydedin.
c. Meta etiketini aldığınız yere dönün ve Doğrula butonuna tıklayın. Sitenizin doğrulandığını yeşil onay ile göreceksiniz. Sorunlarınız için yorumları kullanabilirsiniz.
Resimi büyük izlemek için tarayıcı yeni sekmede açın.

7/23/2014

Önceki Sonraki Kayıt İsmini Küçült


Klasik Blogger, Ana sayfa da görülen yazılarınızı, Sonraki Kayıt veya Önceki Kayıt içeriklerinize taşıyan aynı zamanda Sayfa Navigasyon görevi yapan Sonraki ve Önceki isim linklerinin boyutlarını küçültüp büyütebilirsiniz. Blogger footer alt kısımda yer alan sayfa navigasyon isim boyutları, blogger şablon kodlarınızda standart 140% olarak ayarlanmıştır. Blog şablon kodlarına müdehale ederek sayfa navigasyon isim linklerinin boyutları anlatımı takip ederek adım adım uygulayalım.

Blogger Şablon kodlarında Yüzde rakamını küçültüp istediğiniz boyuta getirebilmek için ;

1. Blogger kumanda paneline giriş yapın. Şablon kodlarınızı açın.
2. Aşağıdaki kodu bulabilmeniz için şablon içine tıklayın ve CTRL+F arama penceresini açın.

#blog-pager


3. Bulduğunuz kod'un hemen altında bulunan “font-size: 140%” rakamını en uygun 110 yapabilir veya istediğiniz bir değeri vererek blog'unuzu kaydedin ve ön izleme yapın.
Ayrıca ⇒ Numaralı sayfa navigasyon eklentisini kullanabilirsiniz.
Navigasyon kodları şahsıma ait olup, Google Code sunucusunda barındırılmaktadır. İç rahatlığı ile kullanabilirsiniz.
⇒ ← Sonraki kayıt ve Önceki kayıt → isimlerine ok eklemek ister misin ?