Blogger Üst Bilgi Sağına Header Gadget Eklemenin En Kolay Çözümü - KURGU GÜCÜ | Bilginin İnternetteki Adresi

Son Konular

5 Eylül 2018 Çarşamba

Blogger Üst Bilgi Sağına Header Gadget Eklemenin En Kolay Çözümü

Blogger Üst Bilgi Sağına Header Gadget Eklemenin En Kolay Çözümü - Kurgu Gücü

Çoğu sitede görmüş olduğunuz hemen üst bilginin yanındaki banner, reklam, arama kutusu vb. şeylerin nasıl yapıldığını, daha doğrusu, Blogger blog sitenize nasıl yapacağınızı sizler için en detaylı fakat en anlaşılır, kolay şekliyle anlatmaya çalışacağız. Çoğu Blogger kullanıcı ücretsiz olmasından dolayı bu tür barındırıcı hesaplarını kullanmayı tercih ediyor. Sonuçta herhangi bir ücreti bulunmuyor. Bir süre sonra sitesini daha da özelleştirmek istiyor fakat Blogger buna imkan vermediği için mecburen kodlama sistemiyle bir şeyler aramaya başlıyor. Yani sonuç olarak html kod olayıyla bu işi çözmenin mümkün olduğunu öğreniyor. Fakat nasıl yapacağı hakkında pek fikir sahibi olmayabiliyor. Bizlerde bu yüzden siz değerli ziyaretçilerimize Üst Bilgi sağına Header Gadget Ekleme nasıl yapılır onu anlatacağız. Blogger üst bilgi sağına header nasıl eklenir ? sorununun cevabı aslında çok basit. Sizler için aşağıda vereceğim kodları söylediğimiz şekilde uyguladığınız taktirde hiçbir sorun olmadan Header Gadget Ekle alanı oluşturabileceksiniz. Peki bu işlemi nasıl yapacağım diyorsanız İşte detaylar...




Blogger Üst Bilgi Sağına Header Gadget Ekleme

Blogunuza giriş yapın.
Sol menüden '' Tema '' seçeneğine tıklayın.
Açılan sayfada '' HTML'yi Düzenle '' seçeneğine tıklayın.
1. İşlem: Daha sonra Ctrl+F yapın. Ardından
<b:section class='header' id='header' maxwidgets=
kodunu aratıp bulun. Daha sonra yeşil ile yazdığım yere aşağıdaki kodu yazın.
class='header header-left'


İlginizi Çekebilir = Blogger Blog Sitenizin İçeriğini İçe Aktar, Dışa Aktar ve Yedekle

2. İşlem: Tekrar Ctrl+F yapın. Ardından
<div class='header-cap-bottom cap-bottom'> 
kodunu aratıp bulun. Kodu bulduğunuzda kodun üstünde iki tane
</div>
kodu yer alacak. İşte bu kodların hemen üstüne aşağıdaki kodu yerleştirin.
<div style='clear:both;'/>
Eklediğiniz bu kodun hemen üstüne aşağıdaki kodu ekleyin.
<b:section class='header-right crosscol' id='header-right' maxwidgets='1' showaddelement='yes'/>

İlginizi Çekebilir = Blogger Yazı İçine Adsense Reklamları Nasıl Eklenir

3. İşlem için tekrar Ctrl+F yapın. Ardından
</head> 
kodunu aratıp bulun ve hemen üstüne aşağıdaki kodu ekleyin.
<style>
.header-left{
display: inline-block;
float: left;
}
#header-right {
display:inline-block;
float:right;
}
</style>

İlginizi Çekebilir = Blogger İçin Güvenli Bağlantı HTTPS'yi Nasıl Açarım ?

Blogger Üst Bilgi Sağına Header Gadget Eklemenin En Kolay Çözümü - Kurgu Gücü

Evet bu işlemi de yaptıktan sonra artık Blogger üst bilgi sağına header gadget ekleme işleminiz gerçekleşmiş olmaktadır. Eğer ki verdiğimiz işlemleri doğru bir şekilde temanızın html alanına uyguladıysanız yukarıdaki resimdeki gibi header-right yazılı bir alan çıkacaktır. Bu alan sayesinde üst bilgi sağına ister reklam isterseniz arama butonu vb. şey ekleyebilirsiniz.

2 yorum:

  1. Tahir Canlı1.10.2018 19:09

    Ne zamandır üst bilginin sağ tarafına bir şey eklemek istiyordum en sonunda ekledim senin sayende

    YanıtlaSil
  2. Üst menü yanına eklemem gereken reklamlar vardı Sağol abi

    YanıtlaSil

Bilgi Paylaştıkça Çoğalır. Sende Yorumunu Yap, Bilgini ve Fikrini Paylaş. Yapacağınız her yorumdan yorumu yapan kişinin sorumlu olduğunu bilerek yorum yapınız.

NOT: Yorumlarınız Onaydan Geçerek Yayınlanmaktadır!

Her gün Film incelemeleri, SEO ipuçları, Teknoloji ve bilim gibi daha birçok konuda bilgi sunduğumuz Kurgu Gücü sosyal medya hesaplarını takip ederek sitemiz üzerinde paylaşılan bütün bilgilerden daha hızlı haberdar olabilirsiniz. Sosyal medya adreslerimiz: Facebook, Twitter, Instagram, Linkedin, Pinterest..