Blogger 2013 Haber ve Magazin Teması

Zaman içinde gelişen blogger temalar konusunda da gelişmeye devam etmekte. Gün geçtikçe çok iyi temalar üretilmeye devam ediyor. Tasarımcılar blogger sisteminin gelişmesi ile çekici ve daha profesyonel temalar kodlamaya başladılar ve günler ilerledikçe daha güzel temalar karşımıza çıkacaktır.

1. Bu gelişme içinde geliştirilen temalar arasında bulunan NewMagazine adlı tema kullanımı ve tasarımı bakımından kendini öne çıkarmayı başarmış durumda. NewMagazine temasını öne çıkaran bazı özellikler şunlar;
2. Duyarlı bir yapıya sahip ve responsive, kullanıcı dostu bir tema,
3. İçerik yazarı için hazır reklam alanlarına sahip,
4. Belirlediğimiz bazı etiketler için yazdığımız son yazıları küçük resim ile birlikte sayfa üstüne yerleştirip popüler etiketlerimizin son içeriklerinin neler olduğunu okuyucularımıza gösterebilme imkanı,
5. Hazır arama kutusu,
6. Hazır ve şık bir popüler yayınlar widgeti,
7. 4 sütunlu footer alanı,
8. Resimli benzer yazılar eklentisi,
9. Açılır ve Şık bir menü,

DEMO --- İNDİR

Tema üzerinde yapacağımız bir kaç küçük değişiklikten bahsetmek gerekirse;

Menü alanlarını düzenlemek için ,

Blogger kontrol Panelimizden Şablon ve HTMLyi Düzenle diyerek main-navigation 'nu aratıp bulduktan sonra hemen altında bulunan şu kodları düzenliyoruz. # le gösterilen yerlere linklerimizi (URL) ekliyoruz.

<div class='main-navigation'>

<nav id='navigation'>

<ul class='menu' id='menu-pages'>

<li><a href='#'>General Settings</a></li>

<li><a href='#'>Styling</a></li>

<li><a href='#'>Single Post</a></li>

<li><a href='#'>Ad Management</a></li>

<li><a href='#'>Social</a></li>

<li><a href='#'>Fonts</a></li>

</ul>

</nav>

</div>

Logomuz ve üst reklam alanımız altında kalan menümüzü düzenlemek için ise secondary-navigation kodunu bulduktan sonra hemen altında bulunan şu kodlarda ki düzenlemeleri yapıyoruz. 

<div class='secondary-navigation'>

<nav id='navigation'>

<ul class='menu' id='menu-main-navigation'>

<li><a href='#'>Home</a></li>

<li><a href='#'>Technology</a></li>

<li><a href='#'>Breaking News</a></li>

<li><a href='#'>U.S.A</a></li>

<li><a href='#'>World News</a></li>

<li><a href='#'>Options Panel</a>

<ul class='sub-menu'>

<li><a href='#'>General Settings</a></li>

<li><a href='#'>Styling Options</a></li>

<li><a href='#'>Single Post</a></li>

<li><a href='#'>Font Settings</a></li>

<li><a href='#'>Social Buttons</a></li>

<li><a href='#'>Ad Management</a></li>

</ul>

</li>

<li><a href='#'>Shortcodes</a></li>

</ul></nav>

</div>

Blogger Kontrol Panelimizden Yerleşime girdiğimizde ise blog kayıtları Gadgetinin hemen üzerinde yanyana 3 adet Gadgetimiz olduğunu göreceksiniz buralara Gadget ekle diyerek HTML/JavaScript ekle dediğimizde aşağıdaki kodu ekleyerek bizim belirlediğimiz herhangi bir etiket için yazdığımız son yazıyı burada gösterebiliriz. Yapmamız gereken tek şey ise aşağıdaki kodlar içinde bulunan Templateism yerine kendi etiket ismimizi yazmak olacaktır.

<script type='text/javascript'>var numposts = 1;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 60;</script>

<script type="text/javascript" src="/feeds/posts/default/-/Templateism?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

<div class="readMores">

<a href="#">Read More</a>

</div>

Bu işlemler sonunda temamızı kullanmaya başlayabiliriz.

Düzenleme ile ilgili sorunlarınızı yorum yazarak sorabilirsiniz.