Blogger'da Mutlaka İşinize Yarayacak Kodlar

blogger kodlarıBlogger, tema düzenlemenin oldukça keyifli olduğu bir platform. Geçmişte bir temayla günlerce uğraştığım olurdu. Hatta bununla yetinmez kendi temalarımı yapıp ücretsiz dağıtırdım. Şimdilerde yazı yazmaktan vb. birkaç işten temaya vakit ayıramıyorum. Ancak sürekli ihtiyaç duyduğum kodlar oluyor. Mesela yazı başlığı altına tarih eklemek istiyorsam hazır bir kod gerek. Bunun için hazır bir kaynak olmadığı için kendim oluşturmak istedim.

Kendi temalarınızı kodluyorsanız yada temalarınızda sık sık değişiklikler yapıyorsanız bu kodlar işinize yarayacaktır.

Devamını oku bağlantısını gösteren kod. Bir yazıda devamını oku (atlama aralığı) özelliğini kullanacaksanız bu koda ihtiyacınız var.

[<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>]

Yazıya eklediğiniz etiketleri gösteren kod:

[<span class='post-labels'>
<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 != "true"'>,</b:if>
</b:loop>
</b:if>
</span>]


Yazı başlığı kodu.

[<b:if cond='data:post.title'>
<h2 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>]


Yazının thumbnail görselini (önizleme resmi) gösteren kod. Popüler yayınlar eklentisinde ve bazı otomatik devamını oku eklentilerinde kullanılıyor.

[<b:if cond='data:post.thumbnailUrl'>]


Popüler yazılar gibi eklentilerde "Snippet" adı verilen yazının belirli kısmını gösteren kod.

[<div class='item-snippet'><data:post.snippet/></div>]


Yazı tarihi kodu. Bu kodu yazı başlıklarının altında yada konu sonunda kullanabilirsiniz.

[<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>]


Bir önceki tarih kodunun daha kullanışlı olan alternatifi. Yazı başlıklarının hemen altında yada konu sonlarında bulunması SEO açısından önemli.

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


SEO uyumlu yazı başlıkları kodu (Yazı başlığını gösteren kod yukarıda, bu kod ise tarayıcıda gördüğünüz başlığı düzenliyor).

[<title>
<b:if cond='data:blog.pageType == "archive"'>
<data:blog.pageName/>
<b:else/>
<b:if cond='data:blog.searchLabel'>
<data:blog.pageName/>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<data:blog.pageTitle/>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<data:blog.pageName/>
<b:else/>
404 | <data:blog.title/>
</b:if>
</b:if>
</b:if>
</b:if>
</title>]

Bu kodları sürekli güncelleyerek geniş bir arşiv oluşturmak istiyorum. Konuyu takipte kalın ve yer imlerine ekleyin.
Ayrıca yazıya eklenmesini istediğiniz kodlar varsa yorumlarda belirtirseniz kısa sürede ekleyebilirim.

İyi bloglar!

YORUMLAR

BLOGGER
Adsense,11,Adwords,3,Airties Modem Şifresi,1,akıllı cep telefonu,1,akıllı televizyon,1,alternatif kazanç,1,Analytics,2,Android,1,Android Batarya,1,Android Batarya Kalibrasyonu,1,Android Oreo,1,Android Oreo 2018,1,Atatürk Kravat,1,Başkasına Nasıl Kontör Gönderilir,1,Bios,1,Bitcoin,3,Blogger,65,Devlet,2,Diğer,3,Donanım,8,Elektronik Sigara,1,elektronik sigara modelleri,1,Facebook,11,Firefox,1,Firefox Kayıtlı Olan Şifreleri Silme,1,Firefox’da Kayıtlı Form Verileri Nasıl Silinir,1,Google,17,Hesap,36,hosting,1,Instagram,6,İnternet,12,İnternetten Para Kazanmak,19,işletim sistemi,1,kazanç,1,kontör gönderme,1,METİN2 7X,1,METİN2 7X HİLESİ,2,Mobil,11,modem arayüz girişi,1,modem şifreleri,1,Office,2,Oyun,43,reseller hosting,1,SEO,8,servis sağlayıcısı,1,Tplink Modem Şifresi ve Arayüze Erişim,1,tüm modem şifreleri,1,Twitter,10,vodafone,1,Vodafone 2 Gb İnternet 1 TL,1,vodafone tarife,1,Webmaster,14,Whatsapp,4,Windows 10,50,Windows 8,2,Windows 8 Biosa,1,Windows 8 Biosa Nasıl Girilir,1,Wordpress,13,Yazılım,58,Youtube,16,
ltr
item
Teknik Blog | isa.gen.tr: Blogger'da Mutlaka İşinize Yarayacak Kodlar
Blogger'da Mutlaka İşinize Yarayacak Kodlar
Blogger kod arşivi, blogger kodlarıyla istediğiniz gibi tema düzenleyebilirsiniz, blogger tarih, saat, yaz başlığı kodları gibi tüm kodları bu yazıda bulabilirsiniz.
https://4.bp.blogspot.com/--sHzQ2briSI/WlMwT0giqnI/AAAAAAAAEVo/rjConeywlvkXOYOM2HfDBd2CdHlP2beeACLcBGAs/s640/blogger-kodlari.jpg
https://4.bp.blogspot.com/--sHzQ2briSI/WlMwT0giqnI/AAAAAAAAEVo/rjConeywlvkXOYOM2HfDBd2CdHlP2beeACLcBGAs/s72-c/blogger-kodlari.jpg
Teknik Blog | isa.gen.tr
https://www.isa.gen.tr/2018/01/blogger-kodlari.html
https://www.isa.gen.tr/
https://www.isa.gen.tr/
https://www.isa.gen.tr/2018/01/blogger-kodlari.html
true
420692696674173166
UTF-8
Hepsi yüklendi! BUNA BENZER BAŞKA BİR YAZI YOK Tüm Yazılar Devamını oku Yanıtla İptal et SİL By Ana Sayfa SAYFALAR YAZILAR Tümünü Görüntüle BENZER YAZILAR KATEGORİ ARŞİV ARAMA YAP... TÜM YAZILAR Uygun bir sonuç bulunamadı Ana Sayfa Pazar Pazartesi Salı Çarşamba Perşembe Cuma Cumartesi Paz Pzt Sal Çar Per Cum Cmt Ocak Şubat Mart Nisan Mayıs Haziran Temmuz Ağustos Eylül Ekim Kasım Aralık Oca Şub Mar Nis Mayıs Haz Tem Ağu Eyl Eki Kas Ara Az önce 1 saat önce $$1$$ dakika önce 1 saat önce $$1$$ saat önce Dün $$1$$ gün önce $$1$$ hafta önce Ay önce Takipçiler Takip et THIS CONTENT IS PREMIUM Please share to unlock Kodları kopyala Tüm kodları seç Tüm kodlar kopyalandı Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy