Ana içeriğe atla

Arşiv

 Bu alanda bu blogda daha öncesinde yayınlanmış fakat sonrasında içerik değişikliğine gidildiği için silinmiş yayınlar yer almaktadır. Bu kısımı kullanarak eski yayınlara hızlıca ulaşabilirsiniz. 

Blogger Breadcrumbs hatasının çözümü


Eğer blogger tabanlı bir site sahibi iseniz, tema kurduğunuz vakit Google Yapısal Test Aracında, Breadcrumbs ile ilgili uyarı /hata çıktısı alıyorsanız bu yazdıklarım sizin için kesin çözümü ifade ediyor olacak.

Birçok kişi bu sorunu düzeltememekten şikayetçi fakat çözümü bir o kadar da basit. Tek yapmanız gereken breadcrumbs kodunuzu güncellemek olacaktır. 

Birazdan size vereceğim kodu kendi temanızda yer alan breadcrumbs kısmı ile değiştirin, sonrasında Google Yapısal Test Aracı ile sitenizin çıktısını alın. Eğer bir hata çıktısı bulunmuyor ise hayırlı olsun bir sorunu daha çözüme kavuşturdunuz demektir.

Öncelikle Blogger, Tema kısmından Html Düzenle seçeneğini seçiyoruz. Daha sonrasında ise CTRL+F kombinasyonu kullanarak tema kodları için arama menüsünü açıyoruz. Bu arama kutucuğuna <b:includable id='breadcrumb' var='posts'> yazıp aratıyoruz. Karşımıza gelecek kısım aşağıda yer alan şekilde bir şey olmalı. Bu temadan temaya değişmektedir. 

      <b:includable id='breadcrumb' var='posts'>
   <b:if cond='data:blog.homepageUrl != data:blog.url'>
  	<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
     	<div class='breadcrumbs'>
        	<span>
           	<a expr:href='data:blog.homepageUrl' rel='nofollow'/>
        	</span>
        	<span><data:blog.pageName/></span>
     	</div>
     	<b:else/>
     	<b:if cond='data:blog.pageType == &quot;item&quot;'>
     	<b:loop values='data:posts' var='post'>
     	<b:if cond='data:post.labels'>
     	<div class='breadcrumbs'><span itemscope='' itemtype='https://schema.org/BreadcrumbList'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'><data:title/></span></a></span>  <b:loop values='data:post.labels' var='label'><span itemscope='' itemtype='https://schema.org/Breadcrumb'><a expr:href='data:label.url + &quot;?&amp;amp;max-results=8&quot;' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span><b:if cond='data:label.isLast != &quot;true&quot;'>  </b:if> </b:loop>  <span><data:post.title/></span>
     	</div>
     	<b:else/>
     	<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'/></span> <span>Uncategories</span> <span><data:post.title/></span></div>
     	</b:if>
     	</b:loop>
     	<b:else/>
     	<b:if cond='data:blog.pageType == &quot;archive&quot;'>
     	<div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'/></span> <span>Archive for <data:blog.pageName/></span>
     	</div>
     	<b:else/>
     	<b:if cond='data:blog.searchQuery'>
     	<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'/></span> <span><data:blog.pageName/></span>
     	</div>
     	<b:else/>
     	<b:if cond='data:blog.pageType == &quot;index&quot;'>
     	<div class='breadcrumbs'>
     	<b:if cond='data:blog.pageName == &quot;&quot;'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'/></span> <span>All post</span>
     	<b:else/>
     	<span><a expr:href='data:blog.homepageUrl' rel='nofollow'/></span> <span><data:blog.pageName/></span>
     	</b:if>
     	</div>
     	</b:if>
     	</b:if>
     	</b:if>
     	</b:if>
  	</b:if>
   </b:if>
</b:includable>
Eğer buna benzer bir sonuç bulduysanız şimdi bu bulduğunuz kısmı <b:includable id='breadcrumb' var='posts'>...</b:includable> dahil olacak şekilde silin. Sildiğiniz alana hemen aşağıda bulunan yeni kodu yapıştırın. Ardından herhangi bir <style> etiketinin bir yerine kodun hemen altında bulunan css kodunu ekleyin ve temanızı kaydedin. Tüm her şey bu kadar. 

<b:includable id='breadcrumb' var='posts'> 
  <b:if cond='data:blog.pageType == &quot;item&quot;'> 
    <b:loop values='data:posts' var='post'> 
      <b:if cond='data:post.labels'> 
        <div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'> 
          <svg viewBox='0 0 24 24'><path d='M10,20V14H14V20H19V12H22L12,3L2,12H5V20H10Z' fill='#000000'/></svg> 
          <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
            <a expr:href='data:blog.homepageUrl' itemprop='item' title='Home'>
              <span itemprop='name'>Home</span></a>
			  <meta content='1' itemprop='position'/>
          </span>
          <svg viewBox='0 0 24 24'><path d='M5.5,9A1.5,1.5 0 0,0 7,7.5A1.5,1.5 0 0,0 5.5,6A1.5,1.5 0 0,0 4,7.5A1.5,1.5 0 0,0 5.5,9M17.41,11.58C17.77,11.94 18,12.44 18,13C18,13.55 17.78,14.05 17.41,14.41L12.41,19.41C12.05,19.77 11.55,20 11,20C10.45,20 9.95,19.78 9.58,19.41L2.59,12.42C2.22,12.05 2,11.55 2,11V6C2,4.89 2.89,4 4,4H9C9.55,4 10.05,4.22 10.41,4.58L17.41,11.58M13.54,5.71L14.54,4.71L21.41,11.58C21.78,11.94 22,12.45 22,13C22,13.55 21.78,14.05 21.42,14.41L16.04,19.79L15.04,18.79L20.75,13L13.54,5.71Z' fill='#000000'/></svg>
          <b:loop index='num' values='data:post.labels' var='label'>
            <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
              <a expr:href='data:label.url + &quot;?&amp;max-results=16&quot;' expr:title='data:label.name' itemprop='item'>
                <span itemprop='name'><data:label.name/></span>
              </a>
              <meta expr:content='data:num+2' itemprop='position'/>
            </span>
            <b:if cond='data:label.isLast != &quot;true&quot;'>
              <svg viewBox='0 0 24 24'><path d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='#000000'/></svg>
            </b:if>
          </b:loop>
          <svg viewBox='0 0 24 24'><path d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='#000000'/></svg>
          <span><data:post.title/></span>
        </div>
      </b:if>
    </b:loop>
  </b:if>
      </b:includable>

Eklemeniz gereken css kodu


  .breadcrumbs svg{width:16px;height:16px;vertical-align:-4px} .breadcrumbs svg path{fill:#666}
Eğer bunu yapamaz iseniz benimle iletişime geçmeniz durumunda sizin için halledebilirim.

MaterX v2 Blogger Teması



MaterX blogger teması oldukça karışık menü yapısı ve simgelendirme özelliğine sahipti artık tamamen sade, kolay düzenlebilir bir şekilde gerek hız gerek seo konusunda düzenlemeler ile yeniden karşınızda.
Sürüm iki (2) notlarına göz atmak isterseniz:
  • Yeni ve düzenlenmiş css
  • Tamamen sadeleştirilen üstkısım alanı
  • Google PageSpeed Insights ve GTmetrix'e optimizasyonu
  • Mobil menü koyu mod sorunu giderildi.
  • Etikete duyarlı manşet isteğe bağlı bırakıldı.
  • Alıntılan metin kısmı düzeltildi. Daha Minimal bir görünüm verildi.
  • Etiket için ayrı ayrı simgeler yerine farklı renklere sahip yuvarlak bir svg simge eklendi.
  • Daha fazla göster kısmı düzenlendi. Yeni bir gif eklendi.
  • Yazı stili ve boyutu değiştirildi.
  • Koyu Mod hataları giderildi.
  • Hız ve SEO değerleri optimize edildi.
  • Bazı javascriptler düzenlendi
  • Bazı Web hataları giderildi
Yukarıda yer alan yenilikler sonucunda sürüm iki (2) sizlerle. Tema geliştirilmeye devam edilecek. Önerileriniz bu konuda çok önemli bundan sonraki güncellemeler genel olarak mobil sürüm görünümü üzerine olacak. Daha fazla özelleştirme yapılabilmesi adına bazı entegrasyon çalışması deniyorum. Eğer sorunsuz tamamlar isem tema tamamen düzenlenebilir olacak. Ayrıca temanın yeni ismi LONZO olacaktır. 

Manşet Alanı İçin Yapmanız Gerekenler

Manşet alanını kullanmak istiyor iseniz site hızınızda küçük bir düşüş olacaktır. Bu düşüşü gözle görmek imkansız fakat bazı durumlarda yavaş yüklenmelere sebep olmakta. Eğer kullanmak isterseniz yapmanız gereken sadece iki adım var. Bunlar:

Blogger, Tema sekmesinden HTML Düzenle seçeneği ile kırmızı olarak yazılmış yeri aratıp aşağıda yer alan kodları o alana yapıştırmanız yeterli olacaktır. Daha sonra tek yapmanız gereken blogger düzen panelinden etikete duyarlı kısımdan istediğiniz bir etiketi yazmanız yeterli olacaktır. Aramanız gereken yer: <!--Manşet Alanı JS-->
Bu alana geldiğinizde   <!--Manşet Alanı JS--> ve<!--Manşet Alanı JS Sonu--> arasına aşağıda yer alan js bağlantılarını yerleştiniz.
  <script src='https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js'/>
  <script src='https://rawcdn.githack.com/yzbonur/kara.js/f4d077b1e61682ad5021488d5c1023b5464beaa3/skripcarousel.js'/>
Tüm işlemleri yaptıktan sonra böyle görünecektir.
  <!--Manşet Alanı JS--> 
  <script src='https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js'/>
  <script src='https://rawcdn.githack.com/yzbonur/kara.js/f4d077b1e61682ad5021488d5c1023b5464beaa3/skripcarousel.js'/>
<!--Manşet Alanı JS Sonu--> 

Diğer düzenlenmesi gereken kısımlar

CTRL+F komutu ile html düzenle kısmından aşağıdaki yerleri aratıp kendi bilgilerinize göre düzenleyiniz.
  • <!-- Favicon -->
  •  <!-- Adres Çubuğu rengi -->
  •   <!-- Doğrulama Alanı -->
  •   <!-- Anahtar Kelimeler -->
  •   <!-- Meta Etiketler -->
  •   <!-- Facebook, Twitter, ve Pinterest Meta Etiketler -->
  • <!-- Mobil Menü Kısmı -->
  • <!-- Masaüstü menü kısmı -->
Eğer menü simgelerini değiştiremez iseniz yardımcı olurum. Veya daha önce basitçe anlattığım bu kısımdan fikir sahibi olabilirsiniz. 


Blogger için SEO Meta Etiketleri 2020, Meta Etiketlerinizi Şimdi Güncelleyin!



Meta etiketleri optimize etmek, Google, Bing ve benzeri arama motorlarına site bilgilerinizi sağlamanın en iyi yoludur. Sadece bu meta etiketler bir site veya blog üzerinde en temel  SEO optimizasyon adımı olarak uygulanması gereken önemli adımlardan biridir.

Kısaca, meta etiketi, arama motorlarının veya sosyal medya da paylaşılan bağlantıda yer alan bir sitenin içeriğinin tam özetini bulmasına yardımcı olan <head> bölümünde yazılmış bir siteye veya bloga yüklenmiş bir HTML kodu kümesidir.

Meta Etiketler Ne Kadar Önemli?

Arama sonuçlarında yer alabilmek için, blog belirli bir kişi veya okuyucu için ayarlanmadan önce, kesinlikle bir sitenin veya blogun, blog kodunun yapısına bir meta etiket eklemesi gerekmektedir. Arama sonuçlarında görünecek verilerin çoğunlukla meta etiketlerden kaynaklandığını söylemek yanlış olmaz.
Düzgün ve tamamen iyi bir şekilde düzenlenmiş olan meta etiket, sitenizin arama motorları tarafından daha hızlı dizine eklenmesini ve büyük olasılıkla arama sonuçlarında yüksek bir konum elde etmesini sağlayacaktır.

Meta Etikette Neler Olmalıdır?

En standart meta etiketler, Site Başlığı , Açıklamalar , Anahtar Kelimeler ve Küçük Resim Görüntüleri gibi bazı önemli bilgiler sağlayan bir meta etiketlerden oluşur .
Yukarıdaki verilerin dört meta kelimede önceki meta etiketinizde zaten varsa, bu zaten arama sonuçlarında yer edinmek için yeterlidir. Ancak siteniz sadece yukarıdaki yöntemi uygulamakla kalmamalısınız, aynı şeyi sitenizden daha kaliteli içerikle bile uygulayan benzer içeriklere sahip binlerce site vardır. Onlarla rekabet edebiliyor musunuz? Önemli olan soru budur aslında.
Tek şansınız, sitenizin kalitesini artırmak için daha az önemli olmayan başka bir kod ekleyerek meta etiketlerinizi en üst düzeye çıkarmaktır. Peki sitenize eklemeniz gereken şeyler nelerdir?

Meta Açık Grafik

Bir sitenin trafik kaynakları sadece arama motorlarından gelmez. Çoğu sosyal medyadan da kaynaklanmaktadır. Sitenizin bilgilerinin bir özetini Facebook , Twitter ve benzeri sosyal medyaya sağlamak da oldukça önemlidir . İşin püf noktası, sitenize açık bir grafik meta etiketi eklemektir.

Site Yetkisi

Bir sitenin, site sahibi hakkında bilgi bağlantısı, web yöneticisi doğrulama kodu vb. Gibi içerik sahiplik bilgilerini içermesi gereklidir.

Robot Meta Etiketi

Bu meta etiket, arama motoru robotlarına daha karmaşık bilgiler sağlamaya hizmet eder, genellikle bu meta etikete eklenen önemli şeyler, sitenizin dilindeki bilgiler, sitenizin konumu ve diğer birçok şeydir. Yukarıdaki yer alan bilgilerin tümü meta etiketinizde hali hazırda varsa, sitenizin arama sonuçlarında üst sıralarda yer alacağından emin olabiliriz. En azından siteniz normalden daha hızlı dizine eklenecektir.

İyi bir Meta Etiket nasıl olmalıdır?

İyi bir meta etiket doğru ve hızlı anlaşılmakla kalmaz. İyi meta etiketler de site sahibi tarafından düzgün bir şekilde düzenlenir ve kolayca anlaşılır olmalıdır, çünkü sitenizin meta etiketi yapısını düzenleyerek, daha sonra gerektiğinde bunları düzenlemek veya değiştirmekte sorun yaşamamalısınız.

Aşağıda, bu sitenin zaten kullandığı, fikrimce en yeni ve en iyi meta etiketleri paylaşacağım, bu meta etiket, değiştirmeyi kolaylaştırmak için daha düzgün bir sırayla toplanmıştır.
Bu meta etiketlerin en iyileri olduğunu iddia etmiyorum fakat bunu deneyebilirsiniz. 

Aşağıdaki meta etiket kodunu sitenizin veya blogunuzun <head> ... </head> arasında ki bölümüne yapıştırın veya daha önce kullandığınız meta etiketi aşağıdaki meta etiketle değiştirin:

  <!-- Blog Başlığı -->
  <b:if cond='data:view.isError'><title>HATA 404: Sayfa Bulunamadı</title></b:if> 
  <b:if cond='data:view.isHomepage'><title><data:blog.pageTitle/></title></b:if>
  <b:if cond='!data:view.isMultipleItems'><title><data:blog.pageName/></title></b:if>
  <b:if cond='data:view.isMultipleItems'>
    <b:if cond='data:view.search.query'><title>Arama : <data:view.search.query/></title></b:if>
    <b:if cond='data:view.search.label'><title><data:blog.pageName/> - <data:blog.title/></title></b:if>
    <b:if cond='data:view.isArchive'><title>Blog Arşivi : <data:blog.pageName/></title></b:if>
    <b:if cond='data:view.search and !data:view.search.label and !data:view.search.query and !data:view.isArchive'><title>Blog : <data:blog.title/></title></b:if>
  </b:if>

  <!-- Meta Başlık -->
  <b:if cond='data:view.isMultipleItems'>
  <meta expr:content='data:blog.pageTitle' property='og:title'/>
  <meta expr:content='data:blog.pageTitle' property='og:image:alt'/>
  <meta expr:content='data:blog.pageTitle' name='twitter:title'/>
  <meta expr:content='data:blog.pageTitle' name='twitter:image:alt'/>
  <b:else/>
  <meta expr:content='data:blog.pageName' property='og:title'/>
  <meta expr:content='data:blog.pageName' property='og:image:alt'/>
  <meta expr:content='data:blog.pageName' name='twitter:title'/>
  <meta expr:content='data:blog.pageName' name='twitter:image:alt'/>
  </b:if>
  <meta expr:content='data:blog.title' property='og:site_name'/>

  <!-- Meta Resimi -->
  <b:if cond='data:blog.postImageUrl'>
    <meta expr:content='data:blog.postImageUrl' property='og:image'/>
    <b:else/>
    <b:if cond='data:blog.postImageThumbnailUrl'>
      <meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
      <b:else/>
      <meta content='logo-blog.png' property='og:image'/>
    </b:if>
  </b:if>
  <b:if cond='data:view.isMultipleItems'>
    <meta content='logo-blog.png' name='twitter:image'/>
    <b:else/>
    <meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
  </b:if>
  <b:if cond='data:view.isPost'>
    <link expr:href='resizeImage(data:blog.postImageUrl, 700)' rel='image_src'/>
  </b:if>

  <!-- Meta Açıklama -->
  <meta expr:content='data:blog.metaDescription' name='description'/>
  <b:if cond='data:blog.metaDescription'>
    <meta expr:content='data:blog.metaDescription' property='og:description'/>
    <b:else/>
    <meta expr:content='data:post.snippet' property='og:description'/>
  </b:if>
  <meta expr:content='data:blog.metaDescription' name='twitter:description'/>

  <!-- Meta Anahtar Kelimeler -->
  <meta expr:content='data:blog.title + &quot;, &quot; + data:blog.pageName' name='keywords'/>
  <meta expr:content='data:blog.title' property='article:tag'/>

  <!-- Meta Bağlantı -->
  <link expr:href='data:blog.url' rel='canonical'/>
  <link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
  <meta expr:content='data:blog.canonicalUrl' property='og:url'/>

  <!-- Meta Sahiplik Alanı -->
  <meta content='ADINIZ' name='Author'/>
  <link href='https://www.facebook.com/K.ADI' rel='me'/>
  <link href='https://www.facebook.com/K.ADI' rel='author'/>
  <link href='https://www.facebook.com/FAN-SAYFASI' rel='publisher'/>
  <meta content='K.KİMLİĞİNİZ' property='fb:admins'/>
  <meta content='K.KİMLİĞİNİZ' property='fb:pages'/>
  <meta content='K.KİMLİĞİNİZ' property='fb:app_id'/>
  <meta content='https://www.facebook.com/K.KİMLİĞİNİZ' property='article:author'/>
  <meta content='https://www.facebook.com/K.KİMLİĞİNİZ' property='article:publisher'/>
  <meta content='@K.ADI' name='twitter:site'/>
  <meta content='@K.ADI' name='twitter:creator'/>
  <meta expr:content='data:blog.title' name='copyright'/>

  <!-- Meta Simge Ayarı -->
  <link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>
  <link href='.../s300/logo-blog.png' rel='apple-touch-icon'/>
  <link href='.../s57/logo-blog.png' rel='apple-touch-icon' sizes='57x57'/>
  <link href='.../s72/logo-blog.png' rel='apple-touch-icon' sizes='72x72'/>
  <link href='.../s76/logo-blog.png' rel='apple-touch-icon' sizes='76x76'/>
  <link href='.../s114/logo-blog.png' rel='apple-touch-icon' sizes='114x114'/>
  <link href='.../s120/logo-blog.png' rel='apple-touch-icon' sizes='120x120'/>
  <link href='.../s144/logo-blog.png' rel='apple-touch-icon' sizes='144x144'/>
  <link href='.../s152/logo-blog.png' rel='apple-touch-icon' sizes='152x152'/>
  <link href='.../s180/logo-blog.png' rel='apple-touch-icon' sizes='180x180'/>

  <!-- Meta Adres Çubuğu Rengi -->
  <meta content='#fff' name='theme-color'/>
  <meta content='#fff' name='msapplication-navbutton-color'/>
  <meta content='#fff' name='apple-mobile-web-app-status-bar-style'/>
  <meta content='yes' name='apple-mobile-web-app-capable'/>

  <!-- Meta Blogger Rss -->
  <meta content='blogger' name='generator'/>
  <link href='https://www.blogger.com/openid-server.g' rel='openid.server'/>
  <link expr:href='data:blog.url' rel='openid.delegate'/>
  <link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
  <link expr:href='&quot;//www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
  <link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>

  <!-- Meta Open Graph -->
  <meta content='article' property='og:type'/>
  <meta content='tr_TR' property='og:locale'/>
  <meta content='az_AZ' property='og:locale:alternate'/>
  <meta content='en_US' property='og:locale:alternate'/>
  <meta content='summary_large_image' name='twitter:card'/>

  <!-- Meta Bot Ayarları -->
  <meta content='width=device-width, initial-scale=1.0, user-scalable=1.0, minimum-scale=1.0, maximum-scale=5.0' name='viewport'/>
  <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
  <meta content='all-language' http-equiv='Content-Language'/>
  <meta content='IE=Edge' http-equiv='X-UA-Compatible'/>
  <meta content='Turkey' name='geo.placename'/>
  <meta content='tr' name='geo.country'/>
  <meta content='tr_TR' name='geo.region'/>
  <meta content='tr' name='language'/>
  <meta content='global' name='target'/>
  <meta content='global' name='distribution'/>
  <meta content='general' name='rating'/>
  <meta content='1 days' name='revisit-after'/>
  <meta content='index, follow' name='googlebot'/>
  <meta content='follow, all' name='Googlebot-Image'/>
  <meta content='follow, all' name='msnbot'/>
  <meta content='follow, all' name='Slurp'/><
  <meta content='follow, all' name='ZyBorg'/>
  <meta content='follow, all' name='Scooter'/>
  <meta content='all' name='spiders'/>
  <meta content='all' name='WEBCRAWLERS'/>

  <!-- Site Sahiplik Doğrulama -->
  <meta content='xxxxxxxxxxxxxxxxx_g' name='google-site-verification'/>
  <meta content='xxxxxxxxxxxxxxxxx' name='msvalidate.01'/>
  <meta content='xxxxxxxxxxxxxxxxx' name='p:domain_verify'/>

Hepsi bu kadar geriye kalan tek şey meta etiketler arasında yer alan rehber yerlerine kendinize uygun şekilde düzenlemek olacaktır. 

Mondoo Blogger Teması



Mondoo blogger teması Blogger'ın kendi teması olan Emporio'nun düzenlenmiş hali. Bu temayı daha modern bir şekilde düzenledim. Bir kaç iyileştirme ekledim. Örneğin: Seo için önemli değişiklikler, css düzenlemesi, çeşitli eklentiler ekledim. Şunu belirtmek isterim bazı yerlerde css kaynaklı görünüm bozuklukları olursa bana bildirmeyi unutmayın düzeltmeye çalışacağım.

Tema son derece hızlı bazı sorunlar var scriptler konusunda ve henüz bunları çözemedim. Merak etmeyin bu sorunlar sitenize bir sorun teşkil etmiyor fakat hız testinde az bir oranda düşük sonuç veriyor. Yakın zamanda bunlarıda halletmeyi umuyorum. 

Düzenlemeniz Gereken Yerler

Düzenlemeniz gereken yerleri CTRL+F komutu ile bulup kendinize göre düzenlemeniz yeterli olacaktır. Ayrıca Blogger'ın kendi temasının bir düzenlemesi olduğu için geri kalan tüm görsel düzenlemeler Özelleştir sekmesinden yapılabilmektedir.

  • <!-- Meta Resimi -->
  • <!-- Meta Sahiplik Alanı -->
  • <!-- Meta Simge Ayarı -->
  • <!-- Meta Adres Çubuğu Rengi -->
  • <!-- Meta Bot Ayarları -->
  • <!-- Site Sahiplik Doğrulama -->
Yukarıda yer alan başlıkları kendinize göre düzenledikten sonra her şey bitmiş olacak. Daha önceden bahsettiğim üzere Blogger Panelinden Özelleştir sekmesini kullanarak diğer ayarlamaları kolayca yapabilirsiniz. 

MaterX Blogger Teması



Sevgili Okurlar, gün geçtikçe ilerleyen blog sektöründe hızla artan temalarıda peşinden getirmekte. Bu blog sektörlerine büyük bir hizmet sunan Google'un Blogger şirketi bize ücretsiz bir blog oluşturmamız için bir fırsat sunuyor. Fakat bu bloglara güzel tema bulmak o kadar kolay değil. Bugün sizlere daha çok kişisel blog amacı ile kullanılabilecek bir tema paylaşmak istiyorum. Bu temayı uzun uğraşlar ve yardımlar sonucunda tamamlayabildim. Bu konuda bana yardımcı olan Tukang adlı kişiye teşekkür ederim.

Bu tema ELCREATIVEACEDEMY blogger temasının bir benzeridir. Tema tabir olarak klon bir tema fakat tamamen aynı özelliklere sahip değil. Zaten bire bir kopyalamak olmaz. Tema son derece sade ve kullanışlı.  Temamız MaterX sizlerle.

Başlıca düzenlemeniz gereken başlıklar aşağıda sıralanmıştır. Bu alanları kendinize veya kendi isteğinize göre düzenlemelisiniz. Tek yapmanız gereken CTRL+F kombinasyonu ile  aşağıda yer alan başlıkları aratmanız ve düzenlemeniz.
  • <!-- Favicon -->
  •  <!-- Adres Çubuğu rengi -->
  •   <!-- Doğrulama Alanı -->
  •   <!-- Anahtar Kelimeler -->
  •   <!-- Meta Etiketler -->
  •   <!-- Facebook, Twitter, ve Pinterest Meta Etiketler -->

DETAYLI DÜZENLEME

Artık basit düzenleme kısmı geride kaldı, şimdi ise sitenizin menü kısmını ve etiketler için simge alanını düzenlemede. Bu alan biraz karmaşık olabilir. Bu yüzden teknik desteğe açığım. Müsait olduğumca yardımcı olamaya çalışırım.

CTRL+F komutu ile /* Etiket için otomatik simge */ alanını bulun. Burada ana sayfada etiketlerinize özel simgeler bulunmaktadır. Burayı dilediğiniz şekilde özelleştirebilirsiniz.
Aşağıda yer alan kodlara bakınız. İşaretlenen yerleri isteğinize göre düzenlemeniz gerekmektedir.
 .label-info-th a.CSS:before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 0h21l-1.91 21.563L11.977 24l-8.565-2.438L1.5 0zm17.09 4.413L5.41 4.41l.213 2.622 10.125.002-.255 2.716h-6.64l.24 2.573h6.182l-.366 3.523-2.91.804-2.956-.81-.188-2.11h-2.61l.29 3.855L12 19.288l5.373-1.53L18.59 4.414z' fill='%23C2185B'/%3E%3C/svg%3E")}

1. işaretli kısım CSS yazan yer sizin etiketinizin adı.
2. işaretli kısım ise ikonunuzun svg kodudur. Yani bu kısım:
 M1.5 0h21l-1.91 21.563L11.977 24l-8.565-2.438L1.5 0zm17.09 4.413L5.41 4.41l.213 2.622 10.125.002-.255 2.716h-6.64l.24 2.573h6.182l-.366 3.523-2.91.804-2.956-.81-.188-2.11h-2.61l.29 3.855L12 19.288l5.373-1.53L18.59 4.414z 

yazan yere istediğiniz simgenin svg kodunu yazmanız yeterli olacaktır.
3. işaretli kısım ise simgenizin rengini belirlemektedir. Yani şurası:
 %23C2185B 

 burada tek yapmanız gereken işlem %23 yazılı alandan sonra yer alan kısıma kendi renk kodunuzu yazmak.
CTRL+F komutu ile bu ismi aratın <!-- Mobil Menü alanı ve menü simgeleri -->, burası temanızın mobil görünümde yer alan menüsüne aittir. İstediğiniz menü ögelerini ekleyip, çıkarabilirsiniz. Bu alanda da svg simge kodlarınız mevcuttur. İstediğiniz simge kodunu yazabilirsiniz.
CTRL+F komutunu kullanarak <!-- üstkısım menü başlangıcı --> bu alanı aratın. Burası masaüstü bir cihazdan girildiği zaman görünen menü alanınıza aittir. Kendinize göre düzenleyebilirsiniz.
Artık geri kalan tüm yönetimi blogger panelinde yer alan düzen sekmesinden yapabilirsiniz.

Yeni Başlayan Blogcular İçin Tema Seçme Rehberi



Bu yazımızda blog sektörüne yeni başlayacak kişiler için bloğunuza uygun tema seçmenin önemi hakkında bazı tüyolar vereceğim. Blogger kelimesini mutlaka duymuşsunuzdur. Blogger, hem blog yayınları yazan kişilere verilen ünvan hem de 2003 yılından beridir önemli bir Google Şirketine ait blog platformudur. İlk zamanlarında bu şirket Pyra Labs tarafından 1999 yılında hizmete girmiştir. Daha sonra şirket Google tarafından satın alınmıştır. Giderek, hızla artan teknoloji dünyasının gelişimi insanları içine çekiyor. İnsanlar kendi düşüncelerini, bilgilerini ve edindikleri yeni haberleri bloglarında paylaşmak istemekteler. 2010 yılından itibaren blog sektörü ciddi oranda bir haraketlilik kazandı. Ve bu sektör artık bir etkinlik haline geldi. Bir çok kişi kendine özel blog oluşturdu ve bunları mobil cihazlarından yönetiyor olmak onlara çok daha büyük kolaylık sağladı. Blogger hakkında konuşursak, bir blog tasarımının temeli olan XML içinde yer alan bir kaç HTML kodundan oluşuyor. Bu da sizi özgürce değişiklikler yapmanızda serbest bırakıyor. Renkler, düzenler, yapılar bunlara çok basit örnekler olabilir. Blogger kullanıcıları temalar ararken bir çok hizmetle karşılaşmakta. Ücretli-Ücretsiz temalar, ücretli temaların şifrelenmiş şekilde ücretsiz sürümleri bunlara verilecek örnekler olabilir. Çeşit fazla olabilir fakat kaliteli bir tema bulmak o kadar kolay değil. 

Doğru Blog Teması Seçmenin Önemi Nedir? 

Başlık başlık ayırarak bu konuyu sizlere açıklayacağım. Güzel ve kaliteli bir blog görünümü okuyucuyu size çeker. Onlara bu konuda yetenekli olduğunuzu gösterir. Bu nedenle temanız kaliteli olmalıdır. 

1. Sadece Hobi İçin Bloglar

Bazı insanlar yalnızca duygularını ve yetenekleri için yazmaktan hoşlanır. Bu yemek tarifleri, şiirler, kısa öyküler vb. paylaşım yapan kişileri ilgilendiriyor kısaca. Sizin için görünüm çok önemli diyebilirim. Tema seçimi yaparken daha açık ve modern tasarımları tercih etmelisiniz. Blogunuza giren bir kişi karmaşık bir şemadan uzak olmalıdır. Renkli bir tarz sitenizi oldukça güzel gösterecek ve ilgili yazınızı okuyan biri bu tarzınızı beğenecektir. 

2. Profesyonel Bloglar İçin

Bu tarz blogların amacı yaptığı işi, yazdığı yazıyı bir çok kişi tarafından okunmasını ve görülmesini ister. Ana konu mümkün olduğunca ziyaretçilerin bu içerikleri görmesidir. Bu blog kategorisinde tema çok ama çok önemli bir husustur. Yanlış bir seçimde blogunuzu nadiren okuyacak veya göz atacak kişiler olacaktır. 
Peki bu neden önemli? İşte 5 sebep

A. Kolay okunabilir olmalı. 

Yazı fontu renginiz siyah ve arkaplanınız ilginç bir renk veya arkaplan görselinden oluştuğunu farzedin. Bir bilgisayar ekranında sizi etkilese de mobilden sitenize girdiğinizde kaotik bir alan oluşabilir. Bu nedenle renkler önemli bir husus. Olabildiğince sade tonlamalar olan bir yapı tercih etmelisiniz. 
Temanız duyarlı teasrım olmalı. Yani mobile karşı uygun bir yapıda olmalıdır. Gerçi günümüzde artık tüm temalar bu tarzda olmakta. Yani bu hususun pek bir önemi kalmıyor.  Ama mobilde okunması kesinlikle kolay olmalıdır.

B. Hızlı Olmalıdır. 

Kimse yavaş açılan bir siteyi tercih etmez.  Blogger tabanlı bir blog kurduğunuzu farz edelim. Sunucunuz Google sunucusu olduğundan ortalama hızınız genel diğer bloglar ile aynı olmaktadır. 
Peki neden yavaş açılan bloglar var? 
Bunun temel sebebi düzgün kodlanmamış temalarda yatıyor. İşlem önceliği doğru yapılandırılmamışsa bu sorun ortaya çıkmakta. Bu olaydan ötürü bir ziyaretçi sizi tercih etmez. Kapatır ve başka bir bloga göz atar. Buda sizin ziyaretçi kaybınızın artmasına neden oluyor. 

C. Arama motorlarında görünme

Google, bing, duckduckgo ve benzerleri gibi arama motorlarından ziyaretçi almak  isteyen bir blog oluşturursanız şablonun SEO Dostu özelliğini desteklemesi gerekir. Eğer SEO Dostu bir temanız yoksa blogunuzun bu arama motoru botları tarafından dizine eklenmesi zor olacaktır. 
Halen daha rastgele bir şablon seçmeyi isterseniz bu makaleyi göz önünde bulundurun. Basit başlıklar altında önemli konuları sizlere anlatmaya çalıştım. Umarım bu makale sizde birazda olsa fikir oluşturmuştur.

Kabar Magz Blogger Teması



Blogger temaları her ne kadar sabit yapılara sahip olsalar da güzel ve hızlı bir tema yapmak aslında kolay değildir. Bugün güzel ve sade bir Blogger Teması olan Kabar Magz ile karşınızdayım. Bu tema 2019 yılında geliştirilmesi sonlandı ve tamamen ücretsiz. Çok sade ve hızlı aynı zamanda güzel bir magazin teması olmaya aday diyebiliriz. Şuanlık sade temalar ile devam etmeyi planlıyorum. Daha sonrasında göz alan temalar geleceğine dair söz vermesemde siz öyle varsayınız.

Kabar Magz öne çıkan özellikleri şöyle;

  • Mobil duyarlı tasarım
  • SEO dostu
  • Kişisel Blog kullanımına uygun
  • Etikete göre son yayınlar
  • ve dahası
Temayı indirdikten sonra html düzenle seçeneği ile meta kodlarını kendinize göre düzenleyiniz.
Anahtar kelimeleriniz buraya giriniz
Onay Kodlarınızın alanı ve iligili yerler
Sosyal SEO Alanı


İndirme Bağlantısı


Mediumish Blogger Teması


Blogger bize her ne kadar ücretsiz şekilde destek sunsada temaları maalesef o kadar ilgi çekici olmuyor. Çoğu tema ücretli ve pek hoş diyemeyeceğimiz tarzdalar. Ücretsiz temalar ise bir o kadar kötü olabiliyor. Fakat son bir kaç yıldır bu alanda oldukça güzel gelişmeler oluyor.

Uzun uğraşlar sonucu mükemmel ve ücretsiz bir Blogger teması buldum. Bu tema o kadar profesyonel duruyor ki wordpress temasına rakip olabilir demek isterdim lakin kendisi bir wordpress temasının Blogger'a uyarlanmış hali. Geliştirme süreci 2019 yılının başlarında sonlanmış olsa da ben yinede paylaşmak istedim.

Bir kaç yenilik bende ekleyerek ve Türkçe destek sunarak sizlerle paylaşmak istedim. Temanın bir çok fonksiyonu bulunuyor. Kontrol Panelinden tüm ayarlarınızı yapabiliyorsunuz. Bu temayı bloggera kazandıran arkadaşa ayrıca teşekkür ederim ve onunda tanınması için buraya onun websitesini bırakıyorum.

Sitesi pek aktif değil ve sadece iki içerik mevcut. Github üzerinden diğer blogger temalarınıda bakmak isterseniz arkadaşın Github hesabı burada. 
Gelelim temaya daha fazla uzatmadan sizlere şöyle taktim edeyim. Daha fazla tema paylaşmaya özen göstereceğim, bunlar bilinmeyen ve mükemmel tarzda olacaklarından şüpheniz olmasın. 

Dipnot

Temayı indirdikten sonra xml dosyasını düzenlemeniz gerekmektedir. XML dosyası içinde tüm https://www.onurkara.xyz/  yazan yerleri kendi site adresiniz olacak şekilde değiştirin. Blogger panelinden veya bir düzenleme programından bunu yapabilirsiniz. Daha sonra meta anahtar kelimelerinizi kendinize göre düzenlemek için ctrl+f komutu ile keywords kelimesini aratıp düzenleyin. 
Tema yüklenemedi hatası alırsanız tüm kodları kopyalayıp blogger html düzenle seçeneğini kullanarak yapıştırın.

İndirme Bağlantısı


Yorumlar

Bu blogdaki popüler yayınlar

Olumsuzun olumluya etkisi

İnsanoğlu var olduğundan beridir fikir ayrılmalarına düşmüştür, basit olarak iyi ve kötü kavramı oluşmuş bazı şeylerin yapılması yasaklanmıştır. Fakat her sistemin içinde sadece iyiler veya sadece kötüler bulunmaz. Kaos ortamında bile kimileri kendine güzel bir pay çıkarabiliyor. Örnek vermek gerekirse bu zamanlardan çokta uzaklaşmaya gerek yok aslında. COVID-19 virüsü insanları derinden etkileyen, 2020 yılını insanoğluna zehir eden bu virüs, doğaya ve hayvanlara olumlu bir etki bıraktı. İnsanoğlunun katletmeye başladığı doğa artık bize durma vaktinin geldiğini gösteriyor. Yabani hayvanlar kendine ait olan yerlere, şehir merkezlerine kadar geldiler. Bu olay sadece kara ile sınırlıda değil. Geçen gün gördüğüm bir videoda deniz trafiğinin azaldığı İstanbul Boğazın'da Galata Kulesi'ne kadar yunus balıklarının yaklaştığını gördüm. Bu o kadar güzel bir olay ki insan hayran olmuyor değil. Bizler ne kadar kötü olaylar yaşasakta bunların birilerine olumlu dönüşleri oluyor. Bir

Neden ölüyoruz?

İnsanlar, hayvanlar, duygular neden ölüyor? Ölüm aslında bir son değil mi? sorularını cevaplamakla başlayalım isterseniz. Vereceğim cevaplar bir kesinlik veya doğruluk içermez, tamamı ile benim düşüncelerimdir. Bizler ölüyoruz çünkü yaşanılacak fani yaşamımız bizi yormuştur. Beden ebediyen uyumak ister, gözlerini son kez kapatıp hayatı görmek istemez insan, yaptıklarını ruhu kaldırsa dahi bedeni çok yorulmuştur o insanoğlunun. Son kez bir sessizlik ister ve gider. Hayvanlar ölüyor çünkü bizler gibidirler, yoruluyorlar, değişim onları zorluyor, bizler onları bir özgürlüklerinden mahrum ediyoruz diye ölüyorlar. Son kez nefesini vererek onlarda uçup gidiyor bu fani yaşamdan.  Doğa ölüyor çünkü onu biz mahvediyoruz. Bize kucağını açan bu eşsiz güzelliği arkasından bıçaklıyoruz. Bize kendi ürünlerini sunan ağaçları, biz öldürüyoruz. Fani emellerimiz için. Bizimle birlikte yok olacak eserlerimiz için. Güzel olan her şeye düşman olmaya başladık çünkü ölüyoruz. Bizler umursamaz oluyoruz çünkü

Geçmişe Mektup

Bu yazdıklarım geçmişe armağan olsun. Bir hiçliğe uzanacak cevapsız kalacak geçmişe. Anlatmak istiyorum her şeyi, mum ışığının aydınlatmaya çalıştığı bir dağ evinin karanlık odasında bulunan o camın ardında oturarak. Aceleye hiç gerek yok nasıl olsa bir yere yetişmeye çalışmıyorum, sakinim, sadece dışarıyı izliyorum ve elim kağıda varıyor. Evet, hissediyorum gerçekten hissediyorum bir şeyler karalıyor elim, bir şeyler yazıyor kalemim ama kağıda bakmıyorum. Bakamam ne hissediyorsam o, anlamlı şeyler çıkmayacak belki, sadece yazıyorum. Ah bir şeyi unutuyordum, çayım... Çayım olmazsa olmaz, o benim kadim dostum belki de sırdaşım. Ruhumun demlenmesini ona borçluyum, bana çok örnekler sundu ve buna minnettarım. Bir tiryakiyim, bu çaya mı aşka mı bilmiyorum. Sevgili , Bu mektup sana, özlemin o kadar arttı ki bu bedende ruhum şifa eylemez oldu bana. Kendimi kapadım bu ıssız yapıya. Yabancı oldu bu diyarlar. Rüzgarın estiği yerde olmak istiyorum, sürüklenmek. Olgunlaşmış belki de ölmeye başlay