Blogger CONTEMPO Teması

byEmre KURTOĞLU -12:16 م

Blogger CONTEMPO Teması - CONTEMPO; seyahat, hobi, yaşam, stil, fotoğrafçılık, makale ve kişisel bloglar için tasarlanmış Blogger temasıdır. Basit ve kullanışlı olan CONTEMPO teması özelleştirmek de çok kolay. Blog içeriklerini, özellikle yayınlara eklediğiniz resimleri ön plana çıkarma stiline sahiptir.

Blogger CONTEMPO Teması Özellikleri

Tema test sonuçlarını görüntülemek için "Kontrol" bağlantılarına tıklayın. Tema ön izleme, indirme butunları ve kurulum bilgileri aşağıdadır.

ÖZELLİKLERİ	KULLANILABİLİRKİK
Ekran Görüntüleri	VarKontrol
Google Yapısal Veri Test Aracı	VarKontrol
Mobil Uyumluluk Testi	VarKontrol
Sayfa Yüklenme Hız Testi	VarKontrol
SEO Dostu	Evet
Dinamik Başlıklar	Evet
Google Adsense Uyumlu	Evet
Schema.org	Evet
Yüksek CTR	Evet
Blogger Kişisel, Yaşam ve Yazı Şablonu	Evet
2 Sütun	Evet
Otomatik Devamı	Evet
Duyarlı ve Düzenli Reklam Alanı	Evet
Breadcrumbs	Evet
Footer Linkleri	Evet
Arama Kutusu	Evet
Özel Sosyal Paylaşım Butonları	Evet
Duyarlı Navigasyon	Evet
Başa Dön Butonu	Evet
Kısa ve Temiz Kodlama	Evet
HTML5 ve CSS3	Evet
Sınırsız Sayfa Numaralandırma	Evet
Son Yayınlar Widget'i	Evet
Sosyal Paylaşım Butonları	Evet var
Çoklu Yorum Sistemi (DISQUS - Blogger - Facebook)	Evet var

ÖNİZLEME

İNDİR

CONTEMPO Kurulum Bilgileri

Temayı blogunuza yükledikten sonra blogunuzun kumanda panelinden aşağıdaki adımları takip ederek kurulumu tamamlayabilirsiniz. Öncelikle temayı yüklediğiniz blogun kumanda panelinden Yerleşim sayfasını açın;

1- Yerleşim editör sayfasının sağ üst köşede bulunan Sosyal Medya Butonları widget düzenle butonuna tıklayın. Site adı olarak aşağıdaki sosysl medya adlarını ekleyin;

{facebook, twitter, gplus, rss}

Bağlantı kutusuna sosyal medya sayfalarınızın URL'sini ekleyin ve Bağlantı Eklen butonuna tıklayın.

2- Main Menu widget'i, yine aynı şekilde kategorilerinizi (etiket) ve sabit sayfalarınızı yukarıdaki gibi ekleyebilirsiniz. Açılır menü oluşturmak için, alt kategorilerde görünecek olan etiketleri başına alt tire ekleyin (_etiket).

3- Ana sayfa üst manşet widget'i içerisine görünmesini istediğiniz yayınların etiketini ekleyin.

4- Ana sayfa öne çıkan yayınlar widget'i içerisine görünmesini istediğiniz yayınların etkiketlerini köşeli parantez içerisinde ekleyin([etiket]).

5- Yorum sistemi widget içerisine görünmesini istediğiniz yorum sistemleri köşeli parantez ile ekleyin. Sadece bir yorum sisteminin görünmesini istiyorsanız aşağıdaki gibi tek tek ekleyebilirsiniz.

[disqus] [blogger] [facebook] [blogger][facebook] [disqus][blogger] [disqus][facebook] [blogger][disqus][facebook]

6- Disqus adı widget içerisine Disqus ID adınızı ekleyin. Sadece ID adını yazın.

7- Adsense reklamlarınızı javaScript olmadan aşağıdaki gibi ekleyin. Tema kodları arasında javaScript kodu eklenmiştir.

<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-0000000000000000"
     data-ad-slot="0000000000"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

8- Tema kodları arasında bulunan HTML19 ve HTML17 widget'lerine reklam eklemek için aşağıdaki kodda belirtildiği gibi ekleyin. Kod içerisinde renkli olan alanlara Adsense kimlik ID numaranızı ve reklam ID numarasını ekleyin ve şablonu kaydedin.

<b:widget id='HTML17' locked='false' title='' type='HTML' version='1'>
<b:widget-settings>
<b:widget-setting name='content'>&lt;ins class=&quot;adsbygoogle&quot;
     style=&quot;display:block&quot;
     data-ad-client=&quot;ca-pub-0000000000000000&quot;
     data-ad-slot=&quot;0000000000&quot;
     data-ad-format=&quot;auto&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
(adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>

9- Facebook widget içerisine aşağıdaki kodu ekleyin. Kod içerisinde belirtilen yere facebook sayfa adınızı yazın.

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

Blogger Temaları