Blogger Teknoloji ve Magazin Teması

23.5.18
Blogger Temaları

Blogger / Blogspot web sitesi kullanıcılarının en çok tercih ettiği teknoloji ve magazin teması olarak kullanılan esnek ve duyarlı temalardan biri.

Widget'ları istediğiniz gibi düzenleyebilirsiniz, sadece yapmanız gereken uygun parametre kodunu eklemek. Blogger duyarlı tema tasarımı ile arama motorları tarafından blog sayfalarının daha hızlı taranır.

Tema Özellikleri


  • Widget'lar: Parametreleri değiştirerek ve widget'ları istediğiniz gibi düzenleyebilirsiniz.
  • Gezinme Menüsü: Etiket duyarlı açılır, mega ve bağlantı menü özelliğine sahip.
  • Uyumluluk: Tüm arama motorları ve mobil cihazlar ile %100 uyumlu çalışır.
  • Çoklu Yorum Sistemi: Facebook, Blogger ve Disqus yorum formları kullanıma hazır.
  • Özel Sayfa Eklentileri: Profesyonel gezinti butonları ile istediğiniz gibi etiket / arama / arşiv sayfaları için herhangi bir tasarım oluşturabilirsiniz.
  • Süper Menü: Ajax içeriğine, grup linklerine, aşağı açılır simgelere ve yeni pencere özelliğine sahip.
  • Kayan Menü: Yukarı veya aşağı kaydırırken veya her ikisinde de yapışkan menüyü göstermek için yapılandırabilirsiniz.
  • Hazır Kısa Kodlar: Çok sayıda hazır kısa kod ile çok kolay bir şekilde içerik oluşturabilirsiniz.
  • Breadcrumb: Breadcrumb otomatik olarak görünür.
  • Hazır Widget'lar: Tema içerisinde yerleşik olarak makale widget'ları (kutu, yapışkan, karmaşık, bir sütun, iki sütun, üç sütun, blog, sol ve sağ), resim widget'ları ve esnek popüler widget'ı bulunmakta.
  • Yayın Sayfalandırma (Post Pagination): Uzun yazı içeriğini basit kısa kodlarla sayfalara ayırabilirsiniz.

Tema Kurulum Bilgileri


Tema kurulumu için bilmeniz gereken bazı temel bilgiler aşağıda açıklanmıştır.

Widget Yayın Araçları: Yayın widget'ları Blogger'ın basit etiket widget'larıdır. Fakat bu widget'ları düzenlemek için widget başlıklarına özel parametreler eklemelisiniz. Örneğin: Bir etiket widget'ı eklediğinizde başlık "$type=slider" kod içeriyorsa widget bir kayan özellik sağlar.

Özel Widget Başlığı

Widget başlık stilini aşağıdaki bazı ipuçlarını kullanarak özelleştirebilirsiniz.

Başlıklara simge (icon) ekleme, widget başlıklarına ( /fa-clock-o/ Başlık ) bu şekilde simge ekleyebilirsiniz.

Başlık arka plan rengi ekleme, widget başlıklarına ( [Başlık] ) bu şekilde arka plan rengi ekleyebilirsiniz.

Başlıklara alt çizgi (border-bottom) ekleme, widget başlıklarına ( Başlık_ ) alt çizgi ekleyerek (_) alt başlık satırı oluşturabilirsiniz.

Başlıkları vurgulama, widget başlıklarını vurgulamak için ( | Başlık ) dikey ayrım çizigi ekleyerek yapabilirsiniz.

Yukarıdaki özellikleri birleşik olarak da kullana bilirsiniz. Örneğin; ( | Başlık_ ) veya ( [Başlık]_ )

Widget Parametreleri ve Özellikleri

Widget'ları daha kolay düzenlemeniz için aşağıdaki parametre özelliklerini kullanarak hazır parametre kodlarını değiştirebilirsiniz.

Belirli sayfalardaki widget'ları gösterme / gizleme

Belirli sayfalarda widget'ları göstermek veya gizlemek için $show ve $hide parametreleri kullanabilirsiniz. Bu iki para metreyi eklemediğiniz durumda widget'lar tüm sayfalarda görünür. Örneğin: $show=home parametresini widget başlığına eklediğinizde bu widget sadece ana sayfada, $hide=post parametresini eklerseniz yayın sayfası hariç tüm sayfalarda görüntülenir.

Widget'ları belirli etiket sayfalarında da gizleyebilir ve gösterebilirsiniz. Örneğin: $show=/search/label/Etiket parametresini eklerseniz (Etiketinizi de), bu widget sadece ilgili etiket sayfasında görüntülenir. Yada $hide=/search/label/Etiket parametresini ekleyerek ilgili etiket sayfasında widget'ı gizleyebilirsiniz.

Ayrıca, belirli sayfalarda widget göstermek veya gizlemek için koşullu parametre de ekleyebilirsiniz. Yani iki farklı sayfa için. Örneğin: $show=label-post parametresinde olduğu gibi orta çizgi (-) kullanarak yapabilirsiniz.

  • home: Ana sayfa için.
  • label: Etiket sayfaları için.
  • search: Tüm arama sonuçları sayfaları için.
  • archive: Arşiv sayfası için.
  • index: Ana sayfa, etiket, arama sonuçları ve arşiv sayfası için.
  • page: Tüm sabit sayfalar için.
  • post: Tüm yayın sayfaları için.
  • 404: 404 hata sayfası için.
  • mobile: Mobil sayfalar için.

Tüm Yayın (Etiket) Widget'ları İçin Ortak Parametreler

Herhangi bir yayın widget'ında kullanabileceğiniz aşağıdaki parametreleri kontrol edin.

$type: Widget yayın türü tipi. Aşağıdaki değerleri kontrol edebilirsiniz.
  • ticker
  • grid
  • list
  • slider
  • sticky
  • complex
  • carousel
  • three
  • two
  • one
  • blogging
  • left
  • right

Örneğin: $type=slider

$count: Widget'da gösterilecek yayın sayısını belirleme. Örneğin: $count=4 yada $c=4 olarak kullanın.

$viewall: Tümünü gösterme ve gizleme. $viewall=none veya $va=0 olarak kullanılması bu özelliği devre dışı bırakır.

$title: Widget başlığını gösterme ve gizleme. $title=none yayın başlığını devre dışı bırakır.

Yukarıdaki parametreleri kullanabileceğiniz hazır parametreler aşağıda listelenmiştir. Herhangi bir widget eklediğinizde başlık kısmına aşağıdaki parametreleri ekleyerek blogunuzun istediğiniz gibi düzenleyebilirsiniz.

Hazır Parametreler
$type=one$count=1

$type=blogging$cate=2$count=7$va=0

$type=list$au=0$va=0$count=12

$type=three$author=hide$comment=hide$rm=hide$count=3

$type=slider$snippet=hide$cate=0$h=500$va=0$rm=0

$type=carousel$sn=0$cols=4$va=0$count=12

$type=ticker$count=12$cols=4$cate=0

$type=sticky$rm=0$va=0$count=4$va=0

$type=blogging$cate=2$count=3$va=0

$type=three$c=3$author=hide$comment=hide$rm=hide$va=0

$type=complex$count=4$va=0

$type=left$va=0$count=3

$type=right$va=0$count=3

$type=slider$snippet=hide$cate=0

$type=complex$count=4$va=0

$type=grid$count=4$tbg=rainbow$meta=0$snip=0$rm=0$show=home

$type=sticky$count=4$rm=0

$type=left$va=0$count=3

$type=right$va=0$count=3

$type=carousel$cols=3$cate=0$date=1

$type=complex$count=4

$type=three$tbg=rainbow$count=9$space=0$m=0$sn=0$rm=0$ico=1$cate=0

$type=blogging$count=7$page=true$va=0

$type=ticker$cols=4

$type=slider$meta=0$snip=0$rm=0

$type=two$count=8

$type=one$count=6$page=true$va=0$height=auto

$type=grid$count=3$m=0$sn=0$rm=0$show=home

$type=three$m=0$rm=0$h=400$c=3$show=home

$type=slider$count=3$rm=0$show=home

$type=grid$rm=0$sn=0$count=2$va=0

$type=left$va=0$count=3

$type=right$va=0$count=3

$type=two$count=10$page=true$va=0

$type=carousel$cols=3$show=home

$type=two$count=2$va=0

$type=left$va=0$count=3

$type=right$va=0$count=3

$type=blogging$count=10$page=true$va=0

$type=slider$count=4$m=0$sn=0$rm=0

$type=blogging$count=13$page=true$va=0

$type=slider$rm=0$sn=0$count=5$va=0

$type=one$count=6$page=1

$type=carousel$sn=0$cols=4$va=0$count=12

$type=grid$count=3$meta=0$sn=0$rm=0

$type=three$count=3

$type=three$count=3

$type=blogging$page=1$count=14

$type=complex$count=8

$type=list$au=0

$type=list$au=0

$type=list

$type=list$au=0$count=20$page=1

$type=carousel$count=9$cols=3$cate=0$show=home

$type=grid$count=19$cate=0$sn=0$rm=0$meta=0$icon=1$show=home

$type=three$count=3$h=300$show=home

$type=carousel$count=12$cols=4

$type=slider$count=6$s=0$rm=0

$type=three$count=9$h=250$space=0$icon=1$m=0$sn=0$rm=0

$type=grid$count=4$tbg=rainbow$sn=0$rm=0$m=0

$type=two$count=17$sn=0$rm=0$h=0$m=0$tbg=rainbow$space=0

İçerik Kodları

Kısa kodlar, belirli içerikleri düzenlemek için yayın içeriğinize eklediğiniz kodlardır. Tema, kısa kodlarının desteklediği içerik bilgileri;

Kısa kodlar
Bir içeriği kilitleme ve ziyaretçilerin bu içeriği görüntülemek için yayınınızı paylaşması gerekir.

[lock]... Yayın içeriği ...[/lock]

İletişim formu gösterme kodu.

[contact]

Uzun bir blog yazısını sayfalara ayırma (genellikle "Sayfa Sonu" veya "Sayfa Dizilişi" olarak adlandırın).

[next]

Yayın içerisinde istediğiniz yere reklam ekleme kodu.

[post_ads]

[post_ads_2]

Yayın sayfasının tam genişlikte görüntüleme kodu (kenar çubuğu yok).

[full_width]

Kenar çubuğu yayın sayfasının sol tarafında görüntüme kodu.

[sidebar_left]

Kenar çubuğu yayın sayfasının sağ tarafında görüntüme kodu.

[sidebar_right]

Yayın içeriklerini sütunlara bölme, aşağıdaki kodda sütunları 2, 3,4 veya 5 sütuna bölmek için fazladan <li>...</li> etiketi ekleyin.

<ul>
<li>[col]</li>
<ul>
<li>İçerik ekle 1 sütun</li>
<li>İçerik ekle 2 sütun</li>
</ul>
</ul>

Yatay tablo

<ul>
<li>[tab]</li>
<ul>
<li>Tablo başlık 1</li>
<ul>
<li>Sütun 1</li>
</ul>
<li>Tablo başlık 2</li>
<ul>
<li>Sütun 2</li>
</ul>
<li>Tablo başlık 3</li>
<ul>
<li>Sütun 3</li>
</ul>
</ul>
</ul>

Dikey tablo

<ul>
<li>[vtab]</li>
<ul>
<li>Tablo başlık 1</li>
<ul>
<li>Sütun 1</li>
</ul>
<li>Tablo başlık 2</li>
<ul>
<li>Sütun 2</li>
</ul>
<li>Tablo başlık 3</li>
<ul>
<li>Sütun 3</li>
</ul>
</ul>
</ul>

Akordeon tablo

<ul>
<li>[accordion]</li>
<ul>
<li>Akordeon tablo başlık 1</li>
<ul>
<li>Sütun 1</li>
</ul>
<li>Akordeon tablo başlık 2</li>
<ul>
<li>Sütun 2</li>
</ul>
<li>Akordeon tablo başlık 3</li>
<ul>
<li>Sütun 3</li>
</ul>
</ul>
</ul>


Tema kurulumu ve özellikleri hakkında bilgi almak için bize ulaşabilirsiniz.


Aşağıdaki butona tıklayarak tema özellikleri ayrıntılı olarak inceleyebilirsiniz.

Ön İzleme

Tema dosyasını indirmek için yorum formundan istekte bulunmanız gerekmektedir. Tema dosyası ziyaretçilerimize e-posta olarak gönderilecektir.
Faydalı mı?