Responsive Max Mag 2013 Blogger Teması

Zaman geçtikçe her alanda olduğu gibi Blogger temalarında da teknoloji gelişiyor. 2013 yılıya birlikte Blogger tema yapımcıları yeni ve güzel temalar kodlamaya başladılar. Bu yıl tanıtmak istediğim ilk temanın ismi MaxMag.

MaxMag isimli bu temanın pek çok özelliği var. Bunlardan kısaca bahsetmek istiyorum.

• Responsive, kullanıcı dostu tasarım
• Hazır reklam alanları
• Ticker haber akışı
• Sabit yatay açılır menü
• Şık slider manşet alanı
• Hazır arama kutusu ve sosyal butonlar
• Resimli otomatik devamını oku eklentisi
• Yazar bilgi kutusu
• Resimli benzer yazılar eklentisi
• Özelleştirilmiş yorum kutusu

DEMO & DOWNLOAD

- Sabit yatay açılır menüyü düzenlemek için şablonda şu kodları bulup isimleri değiştirin ve # yerine açılmasını istediğiniz URL’leri yazın.

<div class='menu-main-nav-container'> <ul> <li><a href='#'>Home</a></li> <li><a href='http://#'>Features</a> <ul class='sub-menu'> <li><a href='#'>Shortcodes</a></li> <li><a href='#'>Slideshow</a></li> <li><a href='#'>Wallpaper Ad</a></li> <li><a href='#'>Full Width Page</a></li> <li><a href='#'>Archives Page</a></li> <li><a href='#'>Homepage Blog</a></li> <li><a href='#'>No Leaderboard</a></li> <li><a href='#'>Typography</a></li> </ul> </li> <li><a href='#'>Business</a></li> <li><a href='#'>Entertainment</a> <ul class='sub-menu'> <li><a href='http://#'>Blogs</a></li> <li><a href='http://#'>Columnists</a> <ul class='sub-menu'> <li><a href='http://#'>Max Mag Staff</a></li> </ul> </li> </ul> </li> <li><a href='#'>Sports</a> <ul class='sub-menu'> <li><a href='http://#'>Blogs</a></li> <li><a href='http://#'>Columnists</a></li> </ul> </li> <li><a href='#'>Fashion</a></li> <li><a href='#'>Tech</a></li> <li><a href='#'>Travel</a></li> <li><a href='#'>Food</a></li> </ul> </div>

- Blog başlığının yanındaki küçük linkleri değiştirmek için şu kodları bulup aynı ekilde düzenleyin.

<div class='menu-secondary-nav-container'> <ul> <li><a href='#'>About</a></li> <li><a href='#'>Support Center</a></li> <li><a href='#'>Purchase Theme</a></li> </ul> </div>

- Ticker haber akışında gösterilecek haberleri değiştirmek için şu kodları bulup düzenleyin.

<div id='ticker'> <span class='ticker-heading'>Don't miss</span> <ul class='ticker-list'> <li><a href='#/'>Fashion For Grown Ups at Rue du Mail</a><span class='ticker-date'>Posted 125 days ago</span></li> <li><a href='#'>Size matters at Monaco Yacht Show</a><span class='ticker-date'>Posted 131 days ago</span></li> <li><a href='#'>Seven tasty pizza recipes everyone will enjoy</a><span class='ticker-date'>Posted 131 days ago</span></li> <li><a href='#'>Find delicious, easy sundae recipes</a><span class='ticker-date'>Posted 131 days ago</span></li> <li><a href='#'>Three-Way Tie at Weekend Box Office</a><span class='ticker-date'>Posted 131 days ago</span></li> <li><a href='#'>Dave Matthews Band bigger than Dylan</a><span class='ticker-date'>Posted 135 days ago</span></li> </ul> </div>

- Sosyal butonları kendi hesaplarınıza bağlamak için şablondan şu kodları bulup hesap adreslerini değiştirin

<li><a alt='Facebook' class='fb-but' href='http://www.facebook.com/templateism' target='_blank'></a></li> <li><a alt='Twitter' class='twitter-but' href='http://www.twitter.com/templateism' target='_blank'></a></li> <li><a alt='Pinterest' class='pinterest-but' href='http://www.pinterest.com/fosterzone' target='_blank'></a></li> <li><a alt='Google Plus' class='google-but' href='https://plus.google.com/106374439082237286396/' target='_blank'></a></li> <li><a alt='YouTube' class='youtube-but' href='#' target='_blank'></a></li> <li><a alt='Linkedin' class='linkedin-but' href='http://www.linkedin.com/company/#' target='_blank'></a></li> <li><a alt='RSS Feed' class='rss-but' href='#'></a></li>

Temanın düzenlenmesiyle ilgili sorularınızı yorum bölümünden sorablirsiniz.