Bumerang - Yazarkafe

Blogger Alışveriş Şablonu

Blogger üzerinden satış yapmak, ürün tanıtmak, alışveriş sitesi oluşturmak artık mümkün,arkadaşlar için Türkçeye çevirdiğimiz blog okulu alışveriş şablonunu sizlerin kullanımına sunuyoruz.Gerçekten de orjinal alışveriş sitelerini aratmayacak düzeyde kaliteli ve şık bir şekilde tasarlanmış bir şablon.Blogger üzerinden bir çok arkadaşın, yaptığı el işi ürünleri veya kendi tasarımlarını sattıklarını  yada satmak istediklerini biliyoruz,
bu şablon tam da bu tür kişiler için biçilmiş kaftan, kaçırmayın derim.Uygulaması ve kullanması basit bir okdarda kullanışlı.
Blog Okulu Alışveriş Şablonun özelliklerine göz atalım:
                                

  • Maus ile ürün resimlerinin üzerine geldiğinizde resim büyük pencerede açılıyor ve zoom efektli görünüyor.Orjinal Alışveriş sitelerinde olduğu gibi.
  • Resimlerin altında Detay ve Sipariş butonları ile müşterilerinizi en kısa yoldan ürüne ulaştırma imkanı
  • Şık Tasarımlı son ürünleri gösteren otomatik slayt alanı.
  • Slayt alanındn direk ürünü sipariş edebilmek için Sipariş Ver! Butonu.
  • Hazır Drop down (Açılır Menü) menü.
Blogger Alışveriş Şablonunu Bloguma Nasıl Uygulayabilirim? diyorsanız TIKLAYIN.
Blogger Alışveriş Şablonu içerisinde:
  • Üst tarafta başlık kısmında bulunan (hoşgeldiniz,laptop ve telefon) resmini kaldırmak için, html kodları içerisinde background:url(http://img641.imageshack.us/img641/7606/baslikarkaplanresmi.png) kodunu bulup  (http://img641.imageshack.us/img641/7606/baslikarkaplanresmi.png) kısmını silerseniz resim kalkar.isterseniz bu kısma bahsettiğimiz alanda görüntülemek istediğiniz esmin linkini koyabilirsiniz.
  • Resim altında bulunan Sipariş butonuna tıklayınca açılan formu google dökümanlardan hazırladım ve bloga bir sayfa olarak ekledim.Sizde kendinize özgü bir sipariş formu oluşturabilir ve sipariş butonuna bu formunuza  ait linki de html kodları içerisinde http://botest13.blogspot.com/p/siparis-sayfas.html linkini bularak kendi formunuzun bulunduğu sayfaya ait linki yazabilirsiniz.
  • Fiyatı yazan kısım için:Yayınladığınızın ürünün başına Html modundayken <span class="item_price">Fiyatı:1000TL</span> kodunu ekliyoruz. Fiyatı:1000TL yazan yere ürünümüzün değerini yazıyoruz.
Sorunuz olursa, yorumlardan sorunuzu sorabilirsiniz.Hayırlı kazançlar, bol satışlar:)
    Baki Çetin isimli arkadaştan gelen soru:
    Merhaba. Öncelikle sizin bu gayretiniz için çok teşekkür ediyorum. Şu anda alışveriş temasını kullanmaya çalışıyorum. Burada arka plan, menü zemini yada buton renklerini nasıl değiştirebilirim. Yardımlarınızı bekliyorum. Teşekkürler.  
    CEVAP: 
    Arka Plan İçin:
     Html kodları içerisinde aşağıdaki kodu bulu
    body{background:url(http://1.bp.blogspot.com/-cydjTUmm9Bg/T8y2rWHrMKI/AAAAAAAAGmU/EFEdYGPreTU/s1600/body-bg1.png)
    
    bu kod içerisinde ya kırmızı renkle yazdığımız adresteki resmi değiştirin yada kodu:
    body{background:#9E9C9C)
    
    şekline getirip html renk kodları ile arka plan rengini değiştirebilirsiniz.
    Menü Zemin Rengi için: (Ana Sayfa,Menü1,Açılır Menü yazan yer)
    Html kodları içerisinde aşağıdaki kodları bulun.
    #toppic {width:970px;height:37px;background:url(http://2.bp.blogspot.com/-y7J-xDw45-M/T9dWdEaT_xI/AAAAAAAAG2I/xGU_AoH0Xyo/s1600/menutop.gif) 
    
    yine arka plan için anlattığımız gibi aynı şekilde ya kırmızı renkle yazdığımız adresteki resmi değiştirin yada kodu:
    #toppic {width:970px;height:37px;background:#9E9C9C 
    
    şekline getirip html renk kodları ile menü zemin rengini değiştirebilirsiniz.
    Buton renkleri için:
    a.item_add{background:#999 url(http://2.bp.blogspot.com/-dw0-PS4Lgik/T8Lif1Jkp8I/AAAAAAAAGTs/lsY6RWNr4iM/s1600/blur.png) repeat-x top left;border:1px solid #333;color:#000;font-size:11px;text-align:center;width:60px;margin:10px 5px 0px 0;float:right;padding:4px 5px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
    a.item_add:hover{background:#fff;border:1px solid #333;}
    
    yine aynı mantığı kullanarak renkli olarak verdiğim alandaki html renk kodlarını değiştirerek buton renklerini değiştirebilirsiniz.
    PAYLAŞ

    BLOG OKULU

    Merhabalar, 2012 yılından beri editörlüğünü yaptığım blogokulu.org sitesinde blogger kullanıcıları için gerekli olan bir çok bilgiyi bulabilrsiniz.Blogger temaları,blogger eklentileri ve blogger dersleri ile blog yazarlarına elimizden geldiğince yardımcı olmaya çalışıyoruz.

    • Image
    • Image
    • Image
    • Image
    • Image
      Disqus Yorumları
      Facebook Yorumları

    35 yorum:

    1. berkan güveçoğlu26 Haziran 2012 13:27

      gerçekten çok şık tasarım teşekkürler :)

      YanıtlaSil
    2. Kardeş iletişimden mesaj yooladım bakmadında 
      http://pcoyuncum.blogspot.com/ Bu sitenin Slider ini sag taraftaki Köşelerini nasıl oval yaparız acaba ? 

      YanıtlaSil
    3. Fiyatı yazan bölümü nasıl ekliyoruz

      YanıtlaSil
    4.  hangi slayt alanından bahsediyorsunuz?

      YanıtlaSil
    5. çok güzelmiş elinize sağlık.
      bir ricam olacak googlede aradım lakin bulamadım
      bloggerde şeffaf(transparan) yazı nasıl yazılır yada hangi kod içerisine alırsak yayınlarımızın içerisinde görünmeyen yazı yazabiliriz?

      YanıtlaSil
    6. teşekkür ederim:)
      şeffaf yazı için <div style="color: transparent;">
      Buraya Yazmak istediklerinizi yazın</div>
      kodunu kullanabilirsiniz.Buraya Yazmak istediklerinizi yazın, yazan yere yazınızı yazarsan istediğiniz olur.

      YanıtlaSil
    7. Slider demişim . Kardeş sag taraftaki Widget alanı Başlıklarını seninki gibi köşelerini oval yapmak istiyorum naıl yaparım ? 

      YanıtlaSil
    8. ilginçmiş bende şöyle bir kod yazdım hem backraund hemde yazı şeffaf

      YAZI BURAYA EKLENECEK 

      YanıtlaSil
    9. hocam koddlar çıkmadı sanırım mesaj paneli engelledi 
      dilerseniz siz ekleyebilirsiniz
      YAZI BURAYA EKLENECEK 

      YanıtlaSil
    10. yazı şeffaf arka plan şeffaf, görünen bir şey yok?

      YanıtlaSil
    11. Çağatay Türkmen1 Eylül 2012 10:13

      Download edemiyorum 0 mb olarak gözküyor lütfen yardım edin başka bir adrese uplarmısınız. Çok aradığım bir şablon

      YanıtlaSil
    12. kardeş normalde kilobyte boyutunda olduğu için o mb gözüküyo rahatlıkla indirebilirsin sıkıntı yok

      YanıtlaSil
    13. Çağatay Türkmen3 Eylül 2012 01:28

      Tmm problem pcdeymiş halettim. Çok teşekkür ederim Öncelikle . Bu slayt Yeri Resimdeki Gibi Çalışmıyor Demo Görünümdede çalışmıo . Resimdeki gibi Yaparmısınız kodlarda problem var galiba resimdeki süper slayt yeri. Çok uğraştım düzenlemek İçin ama olmadı.

      YanıtlaSil
    14. uyarınız için teşekkürler kodlar düzenlendi,tekrardan indirip kullanabilirsiniz. 

      YanıtlaSil
    15. Çağatay Türkmen3 Eylül 2012 22:46

      Sadece O kısım kodunu alabilirmyiim ya şablonda çok değişiklikler yaptım 

      YanıtlaSil
    16. hocam en üstte blogokulualışveriş teması yazısını nasıl sileriz?

      YanıtlaSil
    17. Ugurtayberkay2 Ekim 2012 19:50

      menüleri nasıl kapatacağız

      YanıtlaSil
    18. Ugurtayberkay2 Ekim 2012 21:12

      Yeni ürünlerdeki siparişe tıklayınca sizin sitene yönlerndiriyor onu nasıl düzeltenilirim ??

      YanıtlaSil
    19. hangi menülerden bahsediyorsunuz?

      YanıtlaSil
    20. Merhabalar hocam bu resim üzerine tıklayınca bağlantıya gitmek yerine resmi indiriyor yardımcı olur musunuz size zahmet ne yapmam gerek acaba?

      YanıtlaSil
    21. hocam bu resim üzerine tıklayınca bağlantıya gitmek yerine resmi indiriyor yardımcı olur musunuz size zahmet ne yapmam gerek acaba?

      YanıtlaSil
    22. Hocam birde bunda konunun detaylarına tıklayınca benzer konularda hiçbrşey göstermiyor neden acaba?

      YanıtlaSil
    23. yönetici yokmu?

      YanıtlaSil
    24. hocam su soruna bir cozum bulsak cok güzel olacaktı. resme tıklayınca bağlantıya gidiyor resmi indiriyor sorun nedir acaba?

      YanıtlaSil
    25. sipariş formunu nasıl ekliyoruz peki ? aynı şablonu kullanıp googledan yaptığımız sipariş formunu mu ekliyoruz

      YanıtlaSil
    26. sipariş formu için google dökümanları kullanıyorsunuz.Google dökümanlarda formu hazırlayıp kodu yeni bir sayfa açıp oraya yapıştırıyorsunuz.Sayfanın linkinide sipariş butonuna bağlıyorsunuz.

      YanıtlaSil
    27. bu konuyu araştırıyorum ve üzerinde çalışıyorum cevap bulunca temayı düzenliyeceğim.

      YanıtlaSil
    28. Berkay_ksk_190719 Kasım 2012 20:50

      BLOG OKULU STORE YAZISINI NASIL DEĞİŞTİREBİLİRİZ

      YanıtlaSil
    29. bu konuyu blogger başlık yerine resim koyma konusunda videolu olarak anlatmıştım.

      YanıtlaSil
    30. hocam kolay gelsin bir sorum olacaktı anasayfada kayıtlı ayarlamayı yapabiliyoruz yani 12 tane kayıt gözüyor fakat diğer sayfaya geçince 6 adet kayıt gözüyor biz bunları sabit nasıl yapabiliriz 2.3 sayfaya geçtiğinde sabit 12 adet kayıt gözükmesini isrtiyoruz yardımcı olursanız çok sevinirim şimdiden teşekürler

      YanıtlaSil
    31. var pageCount=10 yada postperpage=10 kodunu bulup değiştirirsen istediğin sayıda yazı görüntüleyebilirsiniz.

      YanıtlaSil
    32. admin link tekrar atrmsın link kırık acill?

      YanıtlaSil

    Belirtmek istediğiniz farklı konular varsa Burdan Yazabilrisiniz...