Blogger wiki template seo uyumlu

Merhaba dostlar bugün sizlere internette paylaşılan blogger wiki template temasını seo'ya uyumlu hale getirip paylaşmak istedim önemli hatırlatma mobil respensive değil 😟 kullanmak isteyen o şekilde kullanabilir mobil temasını blogger'in kendi teması yaparsanız sorun teşkil etmez.

Yapılanlar ; 

Yayın başlığı 

siteadı makale ismi ❌

makale ismi side adı ✅

Klasik devamını oku eklentisi

wiki gibi olması açısından yayın resimleri kaldırıldı(seoya uyumlu hale getirildi )✅

Düzenlenebilir yerler;

<div id='logo'>

<div id='footer'> blogger tarafından desteklenmektedir kısmı

#leftside ul li ( image resmi )

h2 yayın rengi

Site Görünüm Linki Tıkla Gör

blogger wiki template : Tıkla İndir

 Blogger site imleç değiştirme

Merhaba dostlar bugün sizlere websitenizde imleç değiştirmeyi göstereceğim

blogger için 

Yerleşim->HTML'yi Düzenle CTRL + F

]]></b:skin> 

Tüm İmleç Kodları İçin Tıkla Gör

Not: istediğiniz ilmeci .png formatta ekleyebilirsiniz.

Tag: blogger imleç değiştirme , website imleç değiştirme

Blogger adblock eklentisi

Merhaba dostlarım bugünkü makalemde sizlere 

blogger adblock reklam engelleyici , blogger adblock eklentisi , blogger disable adblock eklentisini sizlerle paylaşmak istedim arkadaşlar bu eklenti adı üzerinde reklam engelleyen eklentiyi durdurmaya yarıyor atıyorum bir kullanıcı sitenize giriş yaptı fakat reklam engelleyici eklentisi var bu durumda aşağıdaki resim gözükecek ve sitenize reklam engelleyiciyi kapatmadan giriş yapamayacaktır.

Kodu Görmek İçin Tıkla

Arkadaşlar yukarıdaki kodu direkt olarak widget HTML/JAVASCRİPT şeklinde ekleme yapınız.

Düzenlenebilir yerler:https://i.hizliresim.com/q7hrx49.jpg ekranda gözüken resmi dilediğiniz gibi düzenleyebilirsiniz.

Önerilen resim boyutu:500x300

blogger navbar kaldırma

Merhaba dostlarım bugünkü makalemde sizlere blogger navbar kaldırma hakkında ufak ve basit bir bilgi vereceğim kod eklemekle vesaire uğraşmaya gerek yok çünkü kökten çözümü halledeceğiz dilerseniz sırası ile işlemlere geçelim

1.Adım tema->HTML'yi düzenle-> CTRL +F 

 <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>

yukarıdaki kodu aratın ardından true yazan kısmı false yapın ve kaydedin.

Gördüğünüz gibi artık widget seçeneğinin kaldır kısmının aktif olduğunu gördünüz bu işlemi diğer widgetler içinde yapabilirsiniz.

blogger rss ekleme

Merhaba arkadaşlar sizlere blogger rss ekleme hakkında birkaç önemli bilgi vereceğim 

rss nedir ? 
Rss Blog tarzı sitelerin yeni eklediğiniz içeriği kolaylıkla takip etmenize yarayan bir websayfa bildirimcisi diyebiliriz.


Arkadaşlar RSS neden önemli bunun hakkına da sizlere bilgi vereyim şöyle özetlemem gerekirse RSS mesela forum sitelerinde oldukça gözümüze çarpar sitenin orta sayfasında gözükür neler yeni ? kısmı diyebiliriz nedir bu neler yeni şimdi okuyucular sitenizde gezinirken nelerin yeni paylaşım nelerin eski paylaşım olduğunu bilmek ister işte bu kısımda bizlere bu desteği veren platform RSS arkadaşlar şimdi nasıl ekleyeceğimiz konusuna geçelim.

1.Adım

Feed Burner Google

sayfayı türkçeye çevirip proxy oluştur kısmına tıklayın ardından açılan pencerede sitenizin https olmadan alan adını yazın örnegin : alanadim.com gibi sonra açılan pencereyi doldurun

Örnek resim;

yaratmak diyor deli oldum şunu düzgün çeviremiyor herneyse gerekli alanları dolduralım ve rss imizi oluşturalım ardından proxy'i yapılandırı seçelim

açılan pencerede en alttaki kutucugun işaretli olmasına dikkat edin tiki yoksa tikleyip kaydedin

evet rssimizi oluşturduk şimdi blogger'a ekleyebiliriz

Düzen->Gadget ekle ->feed'i seçip belrlediğimiz urlyi ekliyoruz

Diğer makalelere de göz atın:blogger facebook yorum eklentisi

Ayrıca bu da dikkatinizi çekebilir:blogger eklentileri

Blogger seo ayarı yayın başlığı

Merhaba dostlarım bugün sizlere google'ın en sevdiği blogger seo ayarı yayın başlığı ayarını yapacağız basit adımlarla sizde rahatlıkla yapabileceksiniz dilerseniz lafı çok uzatmadan işlemlere geçelim önce yayın başlığı nedir ne işe yarar size onlardan bahsedeyim

Örnek resim;

Hiçbir düzenleme yapmadan yayın oluşturursanız google'da indexlendiği zaman böyle gözükecek yani

SiteAdı->yayın adı

1. ve 2.adımdaki kodları uyguladıktan sonra

Örnek resim;

Gerekli kod düzenlemelerini yaptıktan sonra yukarıdaki resimdeki gibi gözükecek

Yayın adı - Site ismi

1.Adım

Tema->HTML'yi düzenle - > Aratılacak kod görmek için tıkla

2.Adım

Değiştirilecek kod görmek için tıkla

Ayrıca ilginizi çekebilecek : Blogger seo link ayarı

Tag: blogger , blogger seo , blogger seo ayarı ,

blogger atıf kaldırma

Merhaba arkadaşlar bugün sizlere blogger'da illet olan blogger atıf kaldırma ,  başlıklar adı altına sizlere çok basit bir şekilde bu yazıdan nasıl kurtuluruz ondan bahsettim adımları takip etmeniz doğrultusunda sonuca ulaşacaksınızdır.

• Blogger>HTML'yi Düzenle
• Attribution1 kodunu aratın
• locked="true" yazan kısmı FALSE yapın
• Kaydedin ve widget'ı kaldırın

Örnek resim;

blogger breadcrumbs ( navigasyon ) ekleme

 blogger breadcrumbs ( navigasyon )

bloggerımız için olmazzsa olmazımız ingilizce adıyla breadcrumbs türkçe adıyla navigasyon bu sitemiz için oldukça krtik bir eklenti gibi düşünebiliriz çünkü seo açısından oldukça etkili nedir bu navigasyon diyecek olursanız sizlere görsel olarak paylaşacağım

Kırmızı ile işaretlediğim kısım bizim breadcrumbs ( navigasyon )

kullanıcıların sitemizde daha rahat gezinmesini sağlayan bir ara çubuk aslında ve google sıralamamızda da bir hayli önemli etkiye sahip dilerseniz kuruluma geçelim

<b:includable id='post' var='post'> aratılacak kod

Degiştirilecek kod : tıkla gör

Sıra CSS kodlarını ekleyelim

]]></b:skin>

Eklenecek Kod : tıkla gör

Not: kodlarda gerekli düzenlemeleri yaptım kopyala yapıştır şeklinde kullanabilir veya özelleştirebilirsiniz

Tag: blogger navigasyon ekleme , blogger breadcrumbs , blogger breadcrumbs install

Blogger Dynamic Views Loading Screen Remove

 Blogger Remove Loading Screen Dynamic Views

Merhaba arkadaşlar bugün sizlere blogger dynamic views yükleme ekranı kaldırma , blogger remove loading screen dynamic views , blogger dynamic views  loading screen remove  hakkında sizlere çok basit bir kod vereceğim bu kod sayesinde artık yükleme ekranı kaldırmış olacağız artık yükleme ekranı karşımıza çıkmayacaktır dilerseniz sırası ile işlemlere geçelim

• 1.Adım
• Tema->Özelleştir->Gelişmiş Sayfa yazan yere tıklayıp en altta CSS Ekle kısmına gelin
• .ss,.blogger-gear{
• display: none;
• }
• Aşağıdaki kodu yapıştır

Sırası ile işlemleri yaptıktan sonra kaydedip ön izleme gerçekleştirin.

Blogger Facebook yorum eklentisi 4.09.2025

blogger facebook yorum eklentisi

Merhaba dostlarım bugün sizlere eski olan bu makalemin güncellenmiş halini paylaşıyorum en son 2021'de paylaşmışım yöntemler gene aynı fakat görsel olarak geliştiği için güncelleme gereği duydum 2023 güncel ayarları sizlerle paylaştım umarım işinize yarar dilerseniz sırası ile adımlara geçelim

Son İçerik Güncelleme Tarihi : 4.09.2025

1.Adım

Tema->HTML'yi Düzenle

Eklenecek Kod;

xmlns:fb='http://www.facebook.com/2008/fbml' kırmızı renk ile belirttiğim kodu aşağıdaki resimde gözüktüğü gibi araya ekleyin

Ardından Facebook Developers Bölümüne Gidin

developers.facebook

Açılan sayfada sağ en üstte get started butonuna tıklayın yönlendirilen sayfaya girip gerekli alanları doldurun 

Burada developer kısmını seçip devam edin ardından açılan sayfada create app bölümünü göreceksiniz sürekli resim eklemek istemiyorum çünkü sizde de aynı sayfa gözükeceği için yazılı şekilde adımları takip edin

açılan sayfada bir isim girip next diyin

other kısmını seçip next diyin

işletmeyi seçip next diyin

son adım uygulamayı oluşturun

uygulama oluşturuldu tekrar developers sayfasına dönün size verdiğim ilk sayfa

Burada href yazan yere site adınızı yazıp ardından get code kısmına tıklayıp aşağıdaki kodu kopyalayın

 

Tema - > HTML'yi düzenle F3 aratılacak kod

</body> bu kodun üst kısmına kopyaladığımız kodu yapıştırın ardından 2.adıma geçelim

2.Adım

<head> kodunu bulun ardından hemen alt kısmına

<meta content='uygulamaıd' property='fb:app_id'/> şu kodu yapıştırın kırmızı ile işaretlediğim yere yukarıda almış olduğumuz ıd'yi ekleyin ıd de yukarıda kod oluşturduğumuzda gözüken ıd yani uygulamamızın ıdsi ile aynı 

Örnek:<meta content='958860591338835' property='fb:app_id'/> şeklinde

3.Adım

<div class='post-footer-line post-footer-line-3'> Orijinal tema 1 adet 

<data:post.body/> 3 veya 4 adet

<div class='post-footer'> 2 adet

yukarıdaki kodlardan birini seçin 

Not:Orijinal tema kullanıyorsanız en üstteki kodu seçin

ardından hemen alt kısmına

<fb:comments width='500' colorscheme='light' expr:title='data:post.title' expr:href='data:post.canonicalUrl' expr:xid='data:post.id'/>

yukarıdaki kodu ekleyin ve kaydedin 

ve sorunsuz bir şekilde çalıştığını göreceksiniz

Yorumları Denetlemek için

https://developers.facebook.com/tools/comments/

 

Yukarıdaki adrese gidip sitenize gelen yorumları denetleyebilirsiniz isterseniz yorum yapan kişilerin yorumunu önceden okuyup onaylayabilirsiniz gerekli ayarlar yukarıdaki sitede mevcut settings bölümünden sitenize göre ayarı yapabilirsiniz fotograflı yorum seçenekleride mevcut

Not: Blogger kendi yorum sistemini kapatmak için 

Ayarlar - > F3 - > Yorum - > Yorum konumu - > Gizli

Örnek resim;

Tag: blogger , blogger facebook yorum eklentisi , 

Blogger alt sütun ekleme 

Merhaba dostlarım sizlere blogger alt sütun ekleme , blogger fotter ekleme ile ilgili ufak bir kod paylaşmak istiyorum umarım işinize yarar lafı fazla uzatmadan sırası ile işlemlere geçelim.

Örnek resim;

(Alt sütun olmayan blogger teması)

Ekleyeceğimiz kodlar ile değişecek resim;

(Ekleyeceğimiz kod ile oluşacak sütun)

 

• 1.Adım
• Tema->HTML'yi Düzenle
• ]]></b:skin> Bu Kodu Aratın
• Aşağıdaki kodu ekleyin 
• CSS kodunu görmek için tıkla

• 2.Adım
• Şimdi Widget'i Oluşturmak İçin 
• </body> 'e Ekleyeceğimiz Kod
• DİV kodunu görmek için tıkla

 Ardından kaydedip ön izlemesini gerçekleştirin.

blogger sekmeli menü eklentisi

Merhaba dostlarım bugünkü makalemde sizlere 

blogger sekmeli widget eklentisi , blogger sekmeli widget eklentisini paylaşmak istiyorum başka bir internet sitesinden kendime göre uyarladım sizde kendinize göre düzenleyip istediğiniz şekilde getirebilirsiniz sitenizde şık bir görüntü elde edeceksinizdir dilerseniz sırası ile işlemlere geçelim

Eklentiden görüntü;

• 1.Adım
• </head> kodunu bulun ardından aşağıdaki kodu hemen üzerine ekleyin
• CSS Kodunu görmek için tıkla

• 2. Adım
• Ardından </body> kodunu aratın ve hemen üzerine aşağıdaki kodu ekleyin
• BODY Eklenecek kodu görmek için tıkla 

• 3.Adım
• Yukarıdaki kodu ekledikten sonra kaydedin ardından gadget ekle bölümünden HTML/JAVASCRİPT kombinasyonunu seçin ve aşağıdaki kodu kendinize göre düzenleyip ekleyin.
• HTML/JAVASCRİPT Kodunu görmek için tıkla

Diğer makalelere de göz atın:blogger kod kutusu eklentisi

Ayrıca bu da dikkatinizi çekebilir:blogger eklentileri

Blogger resimli son yorumlar eklentisi 

Merhaba değerli dostlarım bugünkü makalemde sizlere blogger son yorumlar eklentisi , blogger  resimli son yorumlar eklentisi nasıl kurulur bunun hakkında ufak bir bilgi vermek istiyorum son derece stabil çalışan bu eklenti görüntü açısından da oldukça hoş tavsiye ederim umarım işinize yarar lafı fazla uzatmadan aşağıdaki adımları takip edelim

• Yerleşim/Gadget Ekle/HTML-Javascript/Ve aşağıdaki kodu düzenleyip ekleyin
• Kodu görmek için tıkla

Kullanım;

DefaultAvatar yorum yapan anonim olan kullanıcılar için görüntülenecek resim
destan1453 yazan yere kendi sitenizi ekleyin
AvatarSize:Avatar boyutu

Örnek resim;

Blogger Header(ÜstBilgi) Kaldırma

Merhaba Arkadaşlar Bugünkü Makalemde Sizlere Blogger Header üst bilgi kaldırma  Nasıl yapılır Onun Hakkında Ufak Bilgi Vereceğim Nedir Bu Header Derseniz Arkadaşlar Sitenin İsmi Açıklaması Gibi Düşünelim Keza Öyle Zaten :) Şimdi Dilerseniz İşlemlere Geçelim

• 1.Adım

Tema->HTML'yi Düzenle
Aratılacak Kod; Header1   
Bu kodumuzu aratalım

Örnek resim;

 

 Şimdi kırmızı ile çizdiğim yer bizim sitemizin üst bilgisi burada Locked="True" yazan kısmı False yapalım ardından kaydedelim 

• 2.Adım

Yerleşim üst bilgi düzenle ve kaldır butonunun aktif olduğunu göreceksiniz.

Örnek resim;

Böylelikle kaldır seçeneğini aktif etmiş olduk siz diğer widgetler için de bu yöntemi uygulayabilirsiniz.

GoDaddy Alan Adını Blogger'a Yönlendirme

Merhaba Arkadaşlar Bugünkü Makalemde Sizlere GoDaddy Alan Adını Blogger'a Yönlendirme GoDaddy'den Almış Olduğunuz Alan Adını Nasıl Blogger'a Yönlendireceğinizden Bahsedeceğim Arkadaşlar Gayet Basit Bir Yöntemi Var Adımları Hep Birlikte İzleyelim

1.Adım GoDaddy'e Giriş Yapalım

Tıkla Git - GoDaddy

Profilinize giriş yapıp ürünlerim kısmından alan adının oluğu bölüme gelin

Örnek Resim;

Buradan DNS Ayarına Tıklayın

Açılan Ekranda Sizde Boş Olacaktır 

Örnek Resim;

Şimdi Buraya Kadar Herşey Basit Ardından 2. Adıma Geçelim

2.Adım Blogger'ı Açın

Ayarlar->Blog Adresi->Blogum İçin Üçüncü Taraf URL Ayarla

Resim;

Burda asd.com Yazdım Böyle Bir Domain Var Fakat Benim Değil Ben Size Sadece Mantıgını Anlatmak İstiyorum Başına www. Ekledim Ve Kaydet Dedim

Resim2;

Şimdi Burda Ad Etiket Veya Ana Makine Alanı Yazıyor

İlk Sırada 

www Var Ve Karşısında Bir Değer Var

Resimde Görüyorsunuz Zaten Şimdi

Tekrar GoDaddy'e Dönelim

Resim;

Blogger'da Ne Yazıyorsa Onu Ekledim

Resim2;

Bunuda Kaydedin Ardından İşlemimiz Tamamlanmış Oldu 1 Saat İçersinde Domain'imiz Blogger'a Yönlendirilmiş Olacak Umarım İşinize Yaramıştır 

Blogger yukarı çık kodu

 Merhaba dostlarım bugün sizlere blogger yukarı çık , blogger yukarı çık kodu hakkında ufak bir paylaşım yapacağım internette gerekli araştırmalar yapınca bir çok makalenin çalışmadığını gördüm lakin bir site hariç bende bizim sitemizde de bulunsun diye sizlerle paylaşmak istedim

Ön izleme;

Düzenlenebilir yerler;

url kısmını kendi istediğiniz resmi ekleyebilirsiniz

bottom:9px bu kısım resmin aşağı yukarı ayarıdır kendi sitenize göre düzenleyin

Kodu Ekleyelim

Gadget Ekle - > HTML/JAVASCRİPT - > size verdiğim kodu ekleyin

Kod: Tıkla Gör

blogger css ekleme 

Merhaba dostlarım sizlere blogger css ekleme hakkında bilgi vermek istiyorum oldukça basit adımlar ile CSS Ekleme işlemlerini gerçekleştireceğiz 

1.Adım 

Yerleşim->HTML'yi Düzenle CTRL + F

]]></b:skin> 

Bloggerin CSS kısmını tutuğu yer burası  istediğiniz CSS kodlarını bu bölüme ekleyip deneyebilirsiniz.

Blogger Devamını Oku Eklentisi

Merhaba arkadaşlar bugünkü makalemde sizlere blogger devamını oku eklentisi hakkında bir kaç bilgi vereceğim lafı fazla uzatmadan işlemlere geçelim bu eklenti siz makale yazdığınızda ve makaleye resim eklediğinizde resmi otomatik küçültüyor ve metini otomatik kesiyor arından

Devamını Oku >> adı altında kullanıcılara daha kolay ve göze çarpıcı içerik sunuyor bu eklenti sayesinde sizde yazı yazarken makale oluştururken otomatik yazıları kesecek bunların hepsini kendiniz ayarlayabilirsiniz arkadaşlar resim eklerken de boyutunu vesaire kod ile ayarlayabileceksiniz.

• 1.Aşama

1. Blogger>HTML'yi Düzenle Arından CTRL +F 
2. <data:post.body/> Şu kodu aratın arkadaşlar bu kod dan 3 adet var sizde benim gibi deneyerek bulabilirsiniz genellikle 2.Kod'da çalışıyor bu kodu şu aşağıda vereceğim kod ile değiştirin.

Değiştirilecek kodu görmek için tıkla

Arkadaşlar bu kodu ekleyin sonra kayıt edip ön izleme yapın.

Devamını Oku >> Yazısı gelmiş olacaktır. Ardından 2. Aşamaya geçelim

• 2.Aşama

1. </head> Kodunu aratın ve bu kodun üst satırına şu aşağıda vermiş olduğum kodu ekleyin

Eklenecek kodu görmek için tıkla

Bu kodu ekledikten sonra sorunsuz bir şekilde çalışacaktır.

Düzenlenebilir yerler;
posts_no_thumb_sum = 490; [ Yazının Karakter Sayısı ]
posts_thumb_sum = 400; [ Yazının Karakter Uzunluğu ]
img_thumb_height = 160; [ Resmin Yüksekliği ]
img_thumb_width = 180; [Resmin Genişliği ] 
Bu değerleri kendinize göre düzenleyebilirsiniz.

Blogger Benzer Yazılar Eklentisi [ Resimli ]

merhaba dostlarım blogger benzer yazılar eklentisi kodlarını sizinle paylaşmak istiyorum dilerseniz sırası ile işlemlere geçelim

Eklenti görseli;

• 1.Adım 
• Tema>HTML'i Düzenle

• 2.Adım 
• </head> Kodunu Aratmak Olacak
• </head> Kodunun üzerine yapıştırılacak kod için tıkla

Not:Burda maxresult=5; kodu benzer yazıların görüntülenecek kodudur

siz bunu blogunuza göre düzenleyebilirsiniz

Not2:Arkadaşlar hizliresim olan url sizin içerik eklerken en başa koyduğunuz resimle ilgilidir eğer içerik eklerken resim eklemezseniz bu eklediğim resim gözükecektir bu resmi kendinize göre düzenleyebilirsiniz.

• 2.Adım
• <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
• Bu kodu aratın sizin blogunuz da birden fazla olabilir deneyerek bulunuz.
• Not:Genellikle 2. kodda çalışmaktadır.

Yukarıdaki kodun hemen altına eklenecek kod için tıkla

Ve sorunsuz bir şekilde çalıştığını göreceksiniz.

Blogger Kod Kutusu

Merhaba dostlarım bugünkü eklentimiz blogger kod kutusu oldukça şık bir eklentiye sahip bloğunuza hava katabilirsiniz dilerseniz sırası ile işlemlere geçelim

Eklentiyi Gör : Önizleme

1.Adım

Yerleşim -> HTML'yi Düzenle CTRL + F 

]]></b:skin> kodunu aratın ardından aşağıdaki kodu üzerine yapıştırın.

Css kodu için tıkla

2.Adım

</body> kodunu aratın ve aşağıdaki kodu ekleyin

Script kodu için tıkla

Son olarak 4 farklı seçenek mevcut istediğinizi kullanabilirsiniz.

Stil kodlarını görmek için tıkla