Haber, Dergi ve Teknoloji Blog Teması

15.4.18
Blogger Temaları

Haber, gazete, dergi veya teknoloji inceleme siteleri için duyarlı Blogger teması. Temanın tüm özellikleri masaüstü, mobil ve tablet gibi modern cihazlarla uyumlu olacak şekilde dizayn edilmiştir. İçerik ve içeriklerin görüntülenmesine odaklanan bir görünüme sahip, çünkü blog yöneticilerinin en çok önem verdiği özelliklerden biri. Temanın daha hızlı olması ve SEO uyumlu olması için gerekli çalışmalar yapılmıştır.


Tema özelliklerini aşağıdaki tablodan ayrıntılı olarak inceleyebilirsiniz.
ÖzelliklerKullanılabilirlik
Ekran GörüntüleriVarKontrol
Google Yapısal Veri Test SonucuVarKontrol
Mobil UyumlulukVarKontrol
SEO UyumluEvet
Dinamik Başlık EtiketleriVar
Menü NavigasyonuVar
Tarayıcı Uyumlu (IE8 +, Mozilla, Chrome, Safari)Evet
Özel 404 Hata SayfasıVar
Profesyonel Blog Düzeni YönetimiVar
E-posta ile Takip Widget'ıVar
İlgili Yayınlar Widget'ıVar
Son Yayınlar Widget'ıVar
Rastgele Yayınlar Widget'ıVar
Çoklu Yorum SistemiVar
Son Yorumlar Widget'ıVar
Açılır Menü Widget'ıVar
Gelişmiş Arama Motoru OptimizasyonuEvet
Youtube Resim DesteğiEvet
Resim BoyutlandırmaEvet
Schema.orgVar
Yüksek CTREvet
2 SütunEvet
BreadcrumbsVar
İlgili Yayınlar Widget'ıVar
Arama KutusuVar
E-posta ile Takip Widget'ıVar
Tema kurulumu ve ilgili talimatlar için aşağıdaki adımlar size rehberlik edecektir.

Ön İzleme
İndir

Tema kurulumuna geçmeden önce İndir butonuna tıklayarak temayı indirin.

Blogger Tema Kurulumu

A. Birinci adım (Tema Yükleme): Blogger hesabınıza giriş yapın ve temayı yüklemek istediğiniz blogunu kontrol panelini açın. Blogunuzun yönetim panelinde bulunan Tema sayfasını açın. Sayfanın sağ üst köşesinde bulunan Yedekle / Geri Yükle butonuna tıklayın ve açılan pencerede Dosya Seç'e tıklayın. İndirmiş olduğunuz tema dosyasını seçin ve Yükle butonuna tıklayın. Temanın yüklendiğini kontrol edin.

B. İkinci adım (Tema Ayarları): Temayı yükledikten sonra, tüm Widget ve diğer özeliklerin çalışması için aşağıdaki düzenleme ayarlarını yapıması gerekir.

Logo: Blog logonuzu ister Yerleşim sayfasında bulunan Üstbilgi Widget'ı ile isterseniz tema kodları arasından da ekleyebilirsiniz. CSS kodları ile logonuz otomatik olarak boyutladırılacaktır.

Başlık Açıklaması (Header): Blog başlık açıklamasını başlık tanımlama Widget'ını kullanarak ekleyebilirsiniz.

Gezinme Menüsü (Navigasyon): Blogunuzun yerleşim sayfasında bulunan ana menü (main menü) Widget'ını düzenlemek için Düzen'e tıklayın. Her bir bağlantı için bağlantı adı ve bağlantı URL'sini ekleyin ve kaydedin. Alt menü eklemek için Menü öğesi bağlantı adına alt çizgi eklemelisiniz (örnek: _Blogger Temaları).

Sosyal Medya Takip Butonları (Üst): Üst sosyal medya takip butonlarını düzenlemek için Düzen'e tıklayın. Aşağıdaki sosyal medya isimlerinden (tüm karakterleri küçük olacak şekilde) kullanmış olduklarınızı seçin ve bağlantısı ile birlikte ekleyin. Sosyal medya takip butonlarına simge eklemenize gerek yok, simgeler otomatik olarak eklenecektir.

Kullanılabilir Sosyal Medya İsimleri: facebook, twitter, gplus, linkedin, dribbble, soundcloud, behance, bloglovin, rss, youtube, skype, stumbleupon, tumblr, vine, stack-overflow, digg, instagram, pinterest, codepen, delicious

Kenar Çubuğu Sosya Medya Takip Butonları (Sidebar): Aşağıdaki HTML kodu kopyalayın kenar çubğunda bulunan sosyal medya takip Widget'ı içerisine ekleyin. Kod içerisinde belirtilen # yere sayfa bağlantılarınızı ekleyin.

Sosyal Medya Takip Butonları
<div class="social-count-plus">
   <ul class="default">
      <li class="count-facebook"><a class="icon" href="https://www.facebook.com/#" title="Facebook" target="_blank" rel="nofollow noopener"></a><span style="color:#fff" class="items"><span style="color:#fff" class="count">640</span><span class="label" style="color: #fff">beğeni</span></span></li>
      <li class="count-twitter"><a class="icon" href="https://twitter.com/#" title="Twitter" target="_blank" rel="nofollow noopener"></a><span style="color:#fff" class="items"><span style="color:#fff" class="count">332</span><span class="label" style="color: #fff">takipçi</span></span></li>
      <li class="count-youtube"><a class="icon" href="https://www.youtube.com/#" title="Youtube" target="_blank" rel="nofollow noopener"></a><span style="color:#fff" class="items"><span style="color:#fff" class="count">52</span><span class="label" style="color: #fff">abone</span></span></li>
   </ul>
</div>

Öne Çıkan Yayınlar (Main Slider): Öne çıkan yayınlar Widget'ı içerisine aşağıdaki kodlardan birini ekleyerek kullanabilirsiniz.

Son yayınlar için: Kod içerisinde belirtilen yere Widget'da görüntülenmesini istediğiniz yayın sayısını ekleyin.

Son Yayınlar
<div class="recent" data-results="4"></div>

Belirli etiketler için: Kod içerisinde bulunan Etiket yerine Widget'da görüntülemek istediğiniz yayınların etiketini ve sayısını ekleyin.

Etiket Duyarlı
<div class="label" data-label="Etiket" data-results="4"></div>

Rastgele Yayınlar Widget'ı: Rastgele yayınlar Widget'ı içerisine aşağıdaki kodu ekleyin.

Rastgele Yayınlar
<span id="randomposts"></span>

Son Yorumlar Widget'ı: Son yorumlar Widget'ı içerisine aşağıdaki kodu ekleyin.

Son Yorumlar
<span id="recentcomments"></span>

Yeni Yayınlar Widget'ı: Yeni/Son yayınlar Widget'ı içerisine aşağıdaki kodu ekleyin.

Yeni Yayınlar
<span id="recentposts"></span>

Facebook Sayfası Eklentisi: Aşağıdaki Facebook sayfa eklentisine Facebook sayfanızın bağlantısını ekleyin.

Facebook Sayfa Widget'ı
<center><div class="fb-page" data-href="https://www.facebook.com/bloggereklentileri/" data-width="360" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"></div></center>

Yorum Sistemi: Yorum sitemi Widget'ı içerisine kullanmak istediğiniz aşağıdaki yorum isimlerinden birini ekleyin. Eğer, yorum sitemini Disqus olarak kullanmak istiyorsanız Disqus kullanıcı adınızı yorum sistemi Widget'ı altında bulunan Disqus Widget'ı içerisine eklemelisiniz.

  • Blogger için: blogger
  • Disqus için: disqus
  • Facebook için: facebook

Bu yazımızda haber, dergi ve teknoloji blogları için tema ve kurulumu ile ilgili bilgiler paylaştık. Bu yayınımız ile ilgili tüm soru ve görüşlerinizi yorum formlarını kullanarak bize iletebilirsiniz.
Faydalı mı?
  1. Arama kutusuna birşeyler yazıldıgında yazılan şey gözükmüyor. sanki hiç yazılmamıs gibi gosteriyor.

    YanıtlaSil
    Yanıtlar
    1. Kontrol edip size dönüş yapacağım.

      Sil
    2. hocam bu sorun bizdede vardı tema üzerinde html kodlarından yazı rengini değistirerek çözdük. tam kodu kod bilgim olmadıgından yazamadım deneme yanılma yoluyla bulduk. Bilginize...

      Sil
  2. Hocam elinize sağlık wp temalarına benzemiş yalnız mobilde menü stili hoşuma gitmedi

    YanıtlaSil
  3. hocam sitem olayligundem.blogspot.com adresinde rastgele yayınlarda manşet görünümü yok. acaba nasıl ayarlanabilir?

    YanıtlaSil
    Yanıtlar
    1. widget içerisine bu kodu ekleyin <div class="recent" data-results="4"></div>

      Sil
  4. HOCAM SİTE NEDEN SİZİN ADRESE YÖNLENDİRİYOR YARDIMCI OLABİLİR MİSİNİZ? SİTE AÇILIR AÇILMAZ DİREKT SİZİN ADRESE YÖNLENDİRİYOR

    YanıtlaSil
    Yanıtlar
    1. Footer’da bulunan blog adresimi kaldırmış olabilirsin. Temanın full versiyonunda bu problemler olmaz full versiyon fiyatı 20 tl. Ama ücretsiz olarak kullanmak istiyorsanız footerdaki bağlantıyı kaldırmayın.

      Sil
  5. HOCAM LÜTFEN YARDIMCI OLUN DÜZELTEMEDİM... SABAHTANDIR SİZİN SİTEYE DURMADAN YÖNLENDİRİLİYOR BLOG'UM... NERDE HATA OLDU VEYA EKSİK YAPILDI?

    YanıtlaSil
  6. Merhaba ben blogumda uyguladım. Ancak bu sabah yeni blog eklediğimde anamanşet kayboldu. Birde anamanşette fotoların çözünürlüğü neden düşüyor.

    YanıtlaSil
    Yanıtlar
    1. Manşet yeterli içerik olmadığından dolayı görüntülenmemiş yada etiketlerin uyumsuzluğu nedeni ile olmuş olabilir. Ancak resimlerin çözünürlüğü ile ilgili bir problem olması mümkün değil. Eklemiş olduğunuz resimlerin çözünürlüğü ne ise js onu çeker.

      Sil
    2. son attığım haberin kalitesine bir bakın isterseniz...
      manşete hem de içerikteki haline bakın.
      https://www.bozovahaber.net/

      Sil
    3. Anladım. Beni yönetici olarak ekler misiniz bloggerdesing@gmail.com hemen düzenlemesini yaparım

      Sil
  7. ekledim sizi hocam.. davetiye gelmiş olması lazım...

    YanıtlaSil
    Yanıtlar
    1. Yönetici olarak ayarlayın lütfen

      Sil
    2. Tamamdır hocam yöneticisiniz

      Sil
    3. Merhaba, blogunuzdaki ilk yayını düzenledim. Sorun yayınlarınıza eklemiş olduğunuz resimleri ekledikten sonra üzerine tıklayın ve tıkladığınızda görüntülenen araç çubuğunda orjinal boyutu seçin sorun kalmaz.

      Sil
    4. Benim düzenlemiş olduğum yayını bir inceleyin.

      Sil
  8. Üstadım, sitede ki linkleri kısaltmak için js kodu ekledim ve ekledikten sonra sürekli sizin siteye doğru yönlendirmeye başladı...

    YanıtlaSil
  9. merhabalar hocam sitenizdeki temalalar size mi ait ?

    YanıtlaSil
    Yanıtlar
    1. Sitemizde bulunan temaların bir çoğu ücretsiz paylaşılan temadır.

      Sil
    2. footerına kendi isminizi yazmışsınız telif hakları sorunu çıkarmaz mı ?

      Sil
    3. Ücretsiz temalarda böyle bir sorun neden çıksın

      Sil
  10. temanın asıl yapımcısını öğrenebilir miyim acaba ?

    YanıtlaSil
  11. haber eklenince fotolar çok büyük gözüküyor neden olabilir?

    YanıtlaSil
  12. hocam temanın yapımcısını söylerseniz sevinirim.

    YanıtlaSil
    Yanıtlar
    1. Asıl yapımcısı derken nasıl yani?

      Sil
    2. sanırsam siz sadece türkçe çevirisini yapmışsınız. Tasarımın orjinal hali lazım bana.

      Sil
    3. Temada herhangi bir sıkıntı yok, sizin yaşamış olduğunuz problem nedir?

      Sil
    4. hocam demek istediğim tema size mi ait yoksa çevirisini m yaptınız ?

      Sil
    5. tema ücretli bir tema tam sürümü, isterseniz ücretli orjinal versiyonunu 20 TL ücretle verebilirim. Türkçe değil ama

      Sil
    6. sakıncası yoksa temanın orjinal adını öğrenebilir miyim ?

      Sil
    7. Kaardeşim bire bir orjinal böyle bir tema yok ben bu temayı düzenledim ve düzenlenmiş olan temanın orjinali var diyorum anlamadınız sanırım.

      Sil
    8. Teşekkürler hocam! Orjinal versiyonu (ingilizce) buldum.

      Sil
  13. arama butonunda yazdığımız yazılar görünmüyor.

    YanıtlaSil
  14. Merhaba ben kayıtlarımda devamını oku görmek istiyorum ancak blog kayıtlarında böyle bir yer olmasına rağmen göremiyorum.Yardımcı olurmusunuz

    YanıtlaSil
  15. Merhaba Metin bey, yayınlarınıza "Devamı" bağlantısını eklemek için öncelikle blog sitenizi kontrol etmem gerekiyor. Blog sitenizin bağlantısını iletişim sayfasından iletirseniz yardımcı olurum.

    YanıtlaSil
  16. Şefim kolay gelsin etiket duyarlı yapmak istediğimde çalışmıyor. Boş gözüküyor nedendir sizce?

    YanıtlaSil
  17. Merhaba Teknoloji Haberi, blog sitenizi inceledim bir problem yok gibi.

    YanıtlaSil