Blog sitemizi ziyaret eden bir kaç kişinin yoğun istekleri üzerine blogger sitelerinde tema/şablon paylaşmak için, basit ve kullanışlı bir blog teması kullanmak istediklerini bize ilettiler. Biz Blogger Eklentileri sitesi olarak blogumuzu ziyaret eden ve özellikle bizi takip ziyaretçilerimize yardımcı olarak onların memnuniyetini kazanmak bizim ilk amacımızdır.
Harika bir tasarımla basit ve kullanışlı olan bu temayı blog sitemizi takip eden ziyaretçilerimize armağanımızdır. Bunun yanı sıra blogumuza ilerleyen günlerde muhteşem tasarıma sahip temaları da ekleyerek siz ziyaretçilerimize hizmet etmeye devam edeceğiz.
Blogger Tema Paylaşım Şablonu nedir?
Bu şablon özellikle blog şablonu tasarlayan arkadaşların tasarladıkları blog şablonlarını veya wordpress şablonlarını paylaşmak için tasarlanmış bir şablondur. Siz bu şablonda sadece şablon değil, eğer isterseniz farklı ürünler de paylaşabilirsiniz. Yani ticari olarak satış yapmak için de kullanabilirsiniz.
Blogger Tema Paylaşım Şablonunun Tasarımı
- Şablonun tasarımında içeriklerin ön plana çıklaması için, anasayfayı ilgi çekebilecek özellikler tasarım yaparak kullanışlı duruma getirdik. Yine anasayfada içeriklerin hemen üzerinde açılır-seç menüleri ekleyerek mobil cihazlar üzerinde kullanımı oldukça basitleştirdik. Bu açılır menü blogun tüm içeriklerini anasayfadan ulaşılabilirlik kazanmasını sağladık.
- Header kısmının hemen üst kısmına sayfalara ulaşımı sağlamak için menüler ekledik ve blog içi arama yapmak için bu kısıma bir arama kutusu ekledik.
- Header başlık ve açıklama kısmını bloga ve header kısmını önplana çıkarmak için renk uyumu çalışması yapılmıştır. Ve böylece gördüğünüz gibi muhteşem bir görünüme sahip bir header oluşturduk.
- Anasayfada blog yayınlarınızı daha da ilgi çekici hale getirmek için, yayınların hemen altına şık bir "Ayrıntıları Görüntüle" butonu oluşturduk.
- Anasayfayı fazla boğmamak için sadece önemli menüleri ekledik. Sidebar'a popüler yayınlar, reklem widget'i ve e-posta abonelik kutusu ekleyerek hem blogun sade gönmesini hem de daha basit ve kullanışlı hale getirdik.
- Footer kısmına yine menüler ekleyerek ve renk uyumu çalışması yaparak diğer menüler ile bir bütün gibi görünmesini sağladık.
- Body içerisine yayınlarınızın daha ayrıntılı olarak görünmesini ve özellikle şablonun kullanıcıya daha güzel görünmesi için titiz bir çalışma ile muhteşem butonlar ve reklam alanı çalışması yapılmıştır.
- Özellikle body içerisinde sidebar'a yayınlarınız ile ilgili önizleme, indirme ve satın al butonları ekleyerek şık bir görünüm kazandırdık. Ve bu butonların hemen altında küçük takip ve bağış butonları ekledik.
Blogger Tema Paylaşım Şablonu Kurulumu
Blogger hesabınıza giriş yapın ve blogunuzun kumanda panelinden Şablon > HTML'i Düzenle sekmesini tıklayarak blogunuzun şablon kodlarını açın. Blogunuzun şablon kodlarını CTRL+A tuşaları ile tümünü seçin ve koplayarak blog şablon kodlarınızın yedeğini her ihtimale karşı alın. Yedek aldıktan sonra tüm kodları silin. İndirmiş olduğunuz şablonun kodlarını blogunuzun şablon kodları sayfasına ekleyin ve üst tarafta bulunan Şablonu kaydet butonuna tıklayın.Blog Meta Etiketlerini Düzenleme
1. Eklediğiniz şablon kodları arasında öncelikle anahtar kelimelerinizi (keywords) ve blogunuzun açıklamasını (og:description) ekleyin.
<meta content='XXX' name='keywords'/>
<meta content='XXX' property='og:description'/>3. Önemli bir nokta da meta etiketleri arasında bulunan aşağıdaki HTML kodların yerine kendi blogunuzun Search Console etiketini ekleyin.
<meta content='XXX' name='google-site-verification'/>Disqus Yorum Eklentisini Düzenleme
Bu şablonda bulunan Disqus yorum siteminin çalışması için blogunuz kayıtlı olduğu Disqus adını sayfanın en altında bulunan arlinathemes yazan yere ekleyin.
Sidebar'a Önizleme, İndirme ve Satın Al Butonu Ekleme
Blogunuzda yeni yayın oluşturduğunuzda ve bu yayının Önizle, İndirme ve Satın Al butonularını eklemek için aşağıdaki kodu kullanmalısınız. Kod içerisinde bulunan href="#" yerlerine linklerinizi ekleyin. Ve yeni oluşturduğunuz yayının en alt kısmına kodları ekleyin ve yayınlayın. Böylece butonlar sidebar'da görünecektir.
<div id="Theme-details">
<div id="store-style">
<a class="storebutton but1" href="#" rel="nofollow" target="_blank"><i class="fa fa-desktop"></i> ÖN İZLEME</a><br />
<div class="rio-ss idb">
Kısa açıklama...
</div>
</div>
<div id="store-style">
<a class="storebutton but1 free" href="#" rel="nofollow" target="_blank"><i class="fa fa-download"></i> İNDİR</a><br />
<a class="storebutton but2" href="#" target="_blank"><i aria-hidden="true" class="fa fa-try"></i> - ŞİMDİ AL</a><br />
<div class="rio-ss">
<span class="storelist">Özel-1</span><br />
<span class="storelist">Özel-2</span><br />
<span class="storelist">Özel-3</span><br />
<span class="storelist">Özel-4</span><br />
<span class="storelist">Özel-5</span><br />
<span class="storelist">Özel-6</span><br />
<span class="storelist">Özel-7</span><br />
<span class="storelist">Özel-8</span>
</div>
</div>
</div><div id="Theme-details">
<div id="store-style">
<a class="storebutton but1" href="#" rel="nofollow" target="_blank"><i class="fa fa-desktop"></i> ÖN İZLEME</a><br />
<a class="storebutton but1 free" href="#" rel="nofollow" target="_blank"><i class="fa fa-download"></i> İNDİR</a><br />
<a class="storebutton but2" href="#" target="_blank"><i aria-hidden="true" class="fa fa-try"></i> - ŞİMDİ AL</a><br />
</div>
</div>Şablon Bilgileri
| ÖZELLİKLER | KULLANILABİLİRLİK |
|---|---|
| Google Test Aracı | Var Kontrol |
| Mobil Uyumlu | Var Kontrol |
| 100% SEO Uyumlu | Var |
| Dinamik Başlıklar | Var |
| Adsense Duyarlılık | Var |
| Schema.org | Var |
| Yüksek TO | Var |
| Kişisel Blog | Var |
| Disqus Yorum Sistemi | Var |
| 2 Sütun | Var |
| Otomatik Devamı | Var |
| Duyarlı Reklam Alanı | Var |
| Breadcrumbs | Var |
| Hakkımda Widget'i | Var |
| Thumb ile Duyarlı Resim Yayınları | Var |
| Arama Kutusu | Var |
| Sosyal Paylaşım Butonları | Var |
| Duyarlı Mobil Açılır Menü | Var |
| Yeni Yayınlar Etiket Witget'i | Var |
| Başa Dön Butonu | Var |
| Özel Abone Ol Kutusu | Var |
| Özel Butonlar | Var |
| Kısa Kodlar | Var |
| Sınırsız Sayfa Numaralandırma Navigasyonu | Var |
| Yorumlar Sistemi (Disqus) | Var |
Bu blog şablonu ile ilgili sorunlar ve görüşleriniz için lütfen yorum kısmından bize yazın. Eğer blogunuzda kullanmak istediğiniz şablonu bulamıyorsanız yine yorum kısmından bize ulaşabilirsiniz.
Yorum Gönder