18 Şubat 2013 Pazartesi

Responsive Max Mag 2013 Blogger Teması

66 yorum

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

MaxMag Blogger Template

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>

 

Magazin, teknoloji, moda, haber ve eğlence türündeki bloglar için uygun olabilecek bir tema. Temay kullanmaya karar verdiyseniz blogger tema yükleme ile ilgili bilgi alabilir ya da daha önce paylaştığım diğer blogger temalarına bakabilirsiniz.

 

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

66 yorum:

  1. Süper bir Teknoloji teması olur :)

    YanıtlaSil
  2. Cidden blogger temalari yavasda olsa gelisiyor hocam.

    YanıtlaSil
  3. Blogger görsel olarak WP'nin ne yazıkki çok gerisinde, dynamic view ile her gün yeni bir problem yaşıyorum ama yavaş yavaş düzeltiyorlar. Bu güzel tema için teşekkürler (:

    YanıtlaSil
  4. şablon tasarımcısının metro temasıda güzel ama değilmi serdar hocam

    YanıtlaSil
  5. Güzel tamaymış hocam, teşekkürler.. Uyarladım benim bloga ama ayarlamam gereken bir çok detay var şimdi.. Uğraşıcaz bakalım :)

    YanıtlaSil
  6. Blogger hergeçen gün kalitesini biraz daha artırıyor,bu temayı çok beğendim paylaşım için teşekkürler serdar hocam...

    YanıtlaSil
  7. aslında temamdan sıkıldım. yeterli olmadığını düşünüyorum. kendime uyarlasam mı ki???

    YanıtlaSil
  8. Hocam yine iyi işlerinize devam ediyorsunuz siz paylaştınız bizde biraz düzeltik TEMANIN YENİ HALİ VE İNDİRME İÇİN http://www.yasamkalemi.net/2013/02/responsive-max-mag-2013-blogger-temas.html

    YanıtlaSil
  9. www.kombiservisiklimaservis.com yönlendirmeyi iptal edemedim yardım

    YanıtlaSil
  10. hocam slider'ı çalıştıramadım. Neden olabilir

    YanıtlaSil
  11. @Caramba CARAMBİTA
    Şablona ikinci bir jquery eklediyseniz çakışmıştır.

    YanıtlaSil
  12. Bugüne kadar gördüğüm en iyi Blogger teması. Ne yapsak, bu temaya mı geçsek? :) Teşekkürler.

    YanıtlaSil
  13. slayttaki resimleri nasıl değiştiriyoruz?

    YanıtlaSil
  14. Ben bu temaya geçtim bile. olağanüstü tek kelime ile. Kesinlikle her türlü bloga tavsiye ederim. Klasik blog emalarını bir kenara atın.

    YanıtlaSil
  15. Selamlar, paylaştığınız şablonlar çok güzel, ben de bloğuma yeni bir şablon eklemek istiyorum ancak yükle butonuna bastığımda aşağıdaki gibi bir uyarı çıkıyor, hatayı nasıl düzeltebilirim yardımcı olabilir misiniz, teşekkürler.

    Şablonunuzu kaydedemedik.
    Şablonunuz doğru şekilde oluşturulmadığından ayrıştırılamadı. Lütfen tüm XML öğelerinin doğru şekilde kapatıldığından emin olun. XML hata iletisi:
    Content is not allowed in prolog.

    YanıtlaSil
  16. Merhaba,
    Anasaydaki 160x600 kısımı bileşenlerden ayarlaya bildim ancak kategorilerin kısmında da son yazılar şeklinde uzunca bir liste çıkmakta bunu nasıl düzeltebilirim
    Teşekkürler

    YanıtlaSil
  17. @Hidayet YANIK
    Sanırım açılır menüden bahsediyorsunuz. Şu kodu bulun, açılır menü linkleri onun hemen altında.

    <div id='main-nav'>

    YanıtlaSil
  18. resimleri nasıl değiştiricez serdar hocam

    YanıtlaSil
  19. yazmış olduğun kodun tm nereyi değitircez neresini resmin urlllesini koymamız gerkir

    YanıtlaSil
  20. Tema çok güzel teşekkürler...

    Kendime göre değişimleri yaptım ve bloguma uyguladım...

    Sormak istediğim; yazı fontlarını nereden değiştirebilirim? Özellikle açılır menüde ama diğerlerini de değiştirebilirsem hiç fena olmaz bence... Türkçe karakterlerde sorun var yardımcı olursanız sevinirim

    şimdiden teşekkürler...

    YanıtlaSil
  21. Merhaba Serdar Bey,
    İlk kez böyle bir deneme yapıyorum ve dolayısıyla zorlandım. Resimleri değiştirme konusunda biraz daha açıklayıcı bilgi rica ediyorum. Şimdiden yardımlarınız için teşekkürler

    YanıtlaSil
  22. @evde yazar
    Şablonda şu kodu bulun: <ul class='slides'>

    Bunun altındaki her Slider Wrapper yazan yer slaytın bir öğesini gösterir. Oralardaki .jpg veya .png uzantılı resim URL'lerini kendi resimlerinizin URL'siyle değiştirebilirsiniz.

    YanıtlaSil
  23. Teşekkürler Serdar Bey, deniyorum şimdi; umarım başarırım.

    YanıtlaSil
  24. Serdar Bey, zaten takıldığım yer de orası. Ben resimleri bilgisayarımdaki klasörlerden eklemek istiyorum. Klasör adlarını nasıl tanımlamalıyım?

    YanıtlaSil
  25. HOCAM her sayfada ali diye birinin resmi ve açıklaması çıkıyor bende niye acaba?

    YanıtlaSil
  26. reklam alanı nasıl düzenleniyor hocam?

    YanıtlaSil
  27. @İlker Küçük
    Şablonda şu kodu bulup değiştirin

    <img alt='' src='http://2.bp.blogspot.com/-TmKNdkSzHs8/UQ5B7mcEFQI/AAAAAAAANFc/qEAui0DccWo/s1600/ad160.gif'/>

    YanıtlaSil
  28. Merhaba Serdar hocam ben bloğuma uyarladım fakat slider'ın yanındaki gibi yazılar çıkmadı.Bunu nasıl düzeltebilirim teşekkürler.

    Bloğum : http://www.yazmakistermisiniz.com/

    YanıtlaSil
  29. @Kerem Akyol
    Orada kendiliğinden bir şey çıkmaz. Yerleşimden kendiniz eklemelisiniz.

    YanıtlaSil
  30. Cevap için teşekkür ederim Serdar hocam nasıl eklenecek onu bilmiyorum problemim o zaten kaç gündür yapamadım allah rızası için yardın edin deli etti beni :( 160x600 banner lar yerine reklamda koydum oda çıkmadı hala boş duruyo site çok kötü oldu ...

    YanıtlaSil
  31. Temayı indirip test bloguma uyguladıktan sonra daha detaylı bakarım fakat yerleşimden oraya gadget ekleniyordu diye hatırlıyorum.

    YanıtlaSil
  32. Yok hocam eklenmiyo malesef :(

    YanıtlaSil
  33. Merhaba Serdar hocam siteye kendi çabalarımla gadget eklemeyi başardım reklam olayını hallettim fakat hala yazı olayı olmadı bir yazı koydum normal yolla link vererek 3 gün oldu bi cevabınız yok hala :(

    YanıtlaSil
  34. Sizin yaptığınız gibi normal yolla link vererek olacak zaten. Orada otomatik olarak bir yazı gözükmesini beklemeyin.

    YanıtlaSil
  35. Link vererek sadece bir tane yapabildim orjinal temadaki gibi 3 yazı sonra reklam yapamadım.
    1.yazıyı ekledikten sonra 2.yi aynı yolla eklediğim zaman hata veriyor. Siz bana 3 yazı alt alta koyabileceğim bir html kodu verirseniz onu yapıcam benim kendi yaptığım olmuyor cevabınızı bekliyorum Serdar hocam teşekkürler.

    YanıtlaSil
  36. Serdar Hocam ve değerli arkadaşlar herkese merhaba. Bende yakın zamanda katıldım aranıza. Öncelikle Serdar hocama bir sorum olacak, bende bu templateyi kullanmak istiyorum fakat şöyle bir sıkıntı var. templateyi yükledim Copyright bölümünü düzenledim. şablonu tekrar kaydettim. blog görüntüle dediğim zaman blogum açılıyor 2 sn sonra http://www.templateism.com/ sitesine yönleniyor. Bu konuda yardımcı olabilir misiniz ? Teşekkürler

    YanıtlaSil
  37. @Murat Dinlemez
    Tema yapımcısının şablona eklediği bir script yapımcı isminin değiştirilmesine izin vermiyor. Zaten bunu yapmanız da hiç etik olmaz. İnsanlar günlerce uğraşarak kodluyorlar ve ücretsiz dağıtıyorlar o temaları. Bence bırak da isimleri kalsın. Öyle değil mi?

    YanıtlaSil
  38. Sorunu burada anlattım..
    http://youtu.be/OlpO1xs5XHw
    Videoyu izleyip html kodları incelerseniz inş.
    Dosya Tc upload ettim. Şu temayı kullanmayı çok istiyorum.
    http://www.dosya.tc/server14/MxWKBq/header.docx.html

    YanıtlaSil
  39. @Mustafa TOK
    Linkleri sen yazarsın.

    <div class='menu-main-nav-container'><ul><li><a href='#'>Home</a></li>

    <li><a href='http://#'>Gündem</a>

    <ul class='sub-menu'>

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

    <li><a href='#'>M%u0131s%u0131r</a></li>

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

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

    <li><a href='#'>Do%u011Fu Türkistan</a></li>

    </ul>

    </li>

    <li><a href='http://#'>Yasak Tarih</a>

    <ul class='sub-menu'>

    <li><a href='#'>%u0130slami Makaleler</a></li>

    <li><a href='#'>Dinsiz Makaleler</a></li>

    <li><a href='#'>Cevap Makaleleri</a></li>

    </ul>

    </li>

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

    <li><a href='#'>Bilim Felsefe</a></li>

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

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

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

    </ul></div>

    YanıtlaSil
  40. Eyvallah halletim sayenizde.. inş. bakşa bir aksilik çıkmaz rahat rahat kullanmaya başlayabilirim.

    YanıtlaSil
  41. Üst taraf boş 728x90 reklam alanını bulamıyorum diğerleri gibi link yeride koymamışlar

    YanıtlaSil
  42. Dejavu yaşadım az önce diğer maili gönderdiğimi hatırladım merhaba demeyi unuttum bu arada

    YanıtlaSil
  43. tamam yerleşimden yapıyormuş belirtmek isterim ki bizimle ilgilenmeniz memnun ediyor

    YanıtlaSil
  44. Merhaba, menünün aşağıya inmesini nasıl önleyebiliriz? birde rengini değiştirmek istiyorum rica etsem

    YanıtlaSil
  45. iyi geceler serdar bey, ben temayı yükledim; slaytların resimlerini de değiştirdim yalnız slayttaki resme tıklandığında o habere giriş yapılamıyor, yardımcı olursanız sevinirim

    YanıtlaSil
  46. @İSMAİL ÇELİK
    Slyt kodlarınaki # yerine URL'leri yazarsanız yazdığınız URL açılır.

    YanıtlaSil
  47. sorunum çözüldü:) çok teşekkürler serdar bey..

    YanıtlaSil
  48. serdar bey bir sorum daha olacak ama; temada dikey bir şekilde var olan 160-600 'lük reklam alanlarını nasıl kaldırabilirim? yardımcı olursanız sevinirim...

    YanıtlaSil
  49. Şu kodu silerseniz kalkar sanırım.

    <div class='middle-162'>
    <img alt='' src='http://2.bp.blogspot.com/-TmKNdkSzHs8/UQ5B7mcEFQI/AAAAAAAANFc/qEAui0DccWo/s1600/ad160.gif'/>
    </div>

    YanıtlaSil
  50. sizden çok şey öğreniyorum, sağolun serdar bey..

    YanıtlaSil
  51. çok soru sorduğumun farkındayım ;ama bu sefer de blog sayfamı açtığımda blogum
    http://www.templateism.com/ sayfasına yönlendiriliyor. Ne yapabilirim acaba?

    YanıtlaSil
  52. Tema yapımcısının ismini değiştirdiyseniz veya linkini kaldırdıysanız yapar.

    YanıtlaSil
  53. peki ismini veya uzantısını tekrar yazdığımda düzelir mi

    YanıtlaSil
  54. Merhaab ben bu temayı bloguma uyguladım da bu team adsense reklamı almak için uygun mudur?

    YanıtlaSil
  55. Serdar bey merhaba iki sorum olacak
    Üst bardaki reklam alanına reklam alanıyla 160x600'lük sütundaki alana ADSENSE reklamı nasıl konuluyor.

    Diğer sorum da demo temada 160x600 reklamın geldiği sütuna reklam aralarına post girildiğini görüyorum. Ancak ne bir widget görebildim bu alanda ne de kodlarda bulabildim. Buraya post ya da içerik nasıl girebiliriz. Çok teşekkürler

    YanıtlaSil
  56. Ücretli satılan bir temayı nasıl böyle dağıtabilirsiniz anlam veremedim.
    http://themeforest.net/item/max-mag-responsive-wordpress-magazine-theme/3103810?WT.ac=category_thumb&WT.z_author=MVPThemes
    yazık değil mi para verip alan insanlara.

    YanıtlaSil
  57. Adsense konusunda bir sorun yaratır mı bu tema?

    YanıtlaSil
  58. Hocam ben temayı indirdim ancak en üst kısmındaki "728x90 ile 222x90 " reklam alanları gözükmüyor ... Yardımcı olursanız sevinirim !...

    YanıtlaSil
  59. Merhaba. Bu şablonu blogspota da uygulayabilir miyim ? Selamlar

    YanıtlaSil
  60. Daha önce benzer şablonları uyguladığımda problem çıkmıştı. Blogum: turgayaksoy.blogspot.com

    YanıtlaSil
  61. Öncelikle verdiğiniz inanılmaz faydalı bilgiler için teşekkür ederim.
    Benim sorunum, yazdığımız makalelerin içine girdiğimizde bolog adının siyah renkte çıkması, ana sayfada yeşil renkte çıkarken makale içinde siyah çıkması uyumu bozuyor.
    Bu sorun hakkında bana yardımcı olabilirmisiniz. Şimdiden teşekkürler...

    YanıtlaSil
  62. ya ben yeni açtım bu şablonda httpyi düzenle yerinde nerden bulupda onları yazcaz çok karışık

    YanıtlaSil
  63. Merhaba. Bende bu temayı uyguladım ama konu kısımlarına tıklayınca açılan sayfa çok sekilsiz :( Yardımcı olur musunuz?

    YanıtlaSil

Picardes

LİNKLER