Blogger CONTEMPO Teması

3.4.17
Blogger CONTEMPO Teması

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üleriVarKontrol
Google Yapısal Veri Test AracıVarKontrol
Mobil Uyumluluk TestiVarKontrol
Sayfa Yüklenme Hız TestiVarKontrol
SEO DostuEvet
Dinamik BaşlıklarEvet
Google Adsense UyumluEvet
Schema.orgEvet
Yüksek CTREvet
Blogger Kişisel, Yaşam ve Yazı ŞablonuEvet
2 SütunEvet
Otomatik DevamıEvet
Duyarlı ve Düzenli Reklam AlanıEvet
BreadcrumbsEvet
Footer LinkleriEvet
Arama KutusuEvet
Özel Sosyal Paylaşım ButonlarıEvet
Duyarlı NavigasyonEvet
Başa Dön ButonuEvet
Kısa ve Temiz KodlamaEvet
HTML5 ve CSS3Evet
Sınırsız Sayfa NumaralandırmaEvet
Son Yayınlar Widget'iEvet
Sosyal Paylaşım ButonlarıEvet var
Çoklu Yorum Sistemi (DISQUS - Blogger - Facebook)Evet var


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>

Yorum Gönder