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ı?
Blogger
Disqus
Yorum Ekle

38 yorum

Arama kutusuna birşeyler yazıldıgında yazılan şey gözükmüyor. sanki hiç yazılmamıs gibi gosteriyor.

Cevap

Kontrol edip size dönüş yapacağım.

Cevap

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

Cevap

Basit bir menü olduğu için

Cevap

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

Cevap

widget içerisine bu kodu ekleyin <div class="recent" data-results="4"></div>

Cevap

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

Cevap

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?

Cevap

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.

Cevap

Bir önceki yoruma cevap verildi.

Cevap

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.

Cevap

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.

Cevap

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

Cevap

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

Cevap

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

Cevap

Yönetici olarak ayarlayın lütfen

Cevap

Tamamdır hocam yöneticisiniz

Cevap

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.

Cevap

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

Cevap

Teşekkürler hocam...

Cevap

Ü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ı...

Cevap

merhabalar hocam sitenizdeki temalalar size mi ait ?

Cevap

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

Cevap

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

Cevap

js kodlarını değiştirmeyin lütfen

Cevap

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

Cevap

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

Cevap

haber eklenince fotolar çok büyük gözüküyor neden olabilir?

Cevap

hocam temanın yapımcısını söylerseniz sevinirim.

Cevap

Asıl yapımcısı derken nasıl yani?

Cevap

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

Cevap

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

Cevap

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

Cevap

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

Cevap

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

Cevap

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.

Cevap

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

Cevap

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...

Cevap