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, |
Blog Okulu Alışveriş Şablonun özelliklerine göz atalım:
DEMO GÖRÜNÜM
|
DOWNLOAD
|
- 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.
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.
gerçekten çok şık tasarım teşekkürler :)
YanıtlaSilKardeş iletişimden mesaj yooladım bakmadında
YanıtlaSilhttp://pcoyuncum.blogspot.com/ Bu sitenin Slider ini sag taraftaki Köşelerini nasıl oval yaparız acaba ?
Fiyatı yazan bölümü nasıl ekliyoruz
YanıtlaSilyazının sonuna ekledim.
YanıtlaSilhangi slayt alanından bahsediyorsunuz?
YanıtlaSilçok güzelmiş elinize sağlık.
YanıtlaSilbir 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?
teşekkür ederim:)
YanıtlaSilş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.
Slider demişim . Kardeş sag taraftaki Widget alanı Başlıklarını seninki gibi köşelerini oval yapmak istiyorum naıl yaparım ?
YanıtlaSililginçmiş bende şöyle bir kod yazdım hem backraund hemde yazı şeffaf
YanıtlaSilYAZI BURAYA EKLENECEK
hocam koddlar çıkmadı sanırım mesaj paneli engelledi
YanıtlaSildilerseniz siz ekleyebilirsiniz
YAZI BURAYA EKLENECEK
yazı şeffaf arka plan şeffaf, görünen bir şey yok?
YanıtlaSilcanlı
YanıtlaSilDownload 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ıtlaSilkardeş normalde kilobyte boyutunda olduğu için o mb gözüküyo rahatlıkla indirebilirsin sıkıntı yok
YanıtlaSilTmm 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ıtlaSiluyarınız için teşekkürler kodlar düzenlendi,tekrardan indirip kullanabilirsiniz.
YanıtlaSilSadece O kısım kodunu alabilirmyiim ya şablonda çok değişiklikler yaptım
YanıtlaSilhocam en üstte blogokulualışveriş teması yazısını nasıl sileriz?
YanıtlaSilmenüleri nasıl kapatacağız
YanıtlaSilYeni ürünlerdeki siparişe tıklayınca sizin sitene yönlerndiriyor onu nasıl düzeltenilirim ??
YanıtlaSilhangi menülerden bahsediyorsunuz?
YanıtlaSilMerhabalar 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ıtlaSilhocam bu resim üzerine tıklayınca bağlantıya gitmek yerine resmi indiriyor yardımcı olur musunuz size zahmet ne yapmam gerek acaba?
YanıtlaSilHocam birde bunda konunun detaylarına tıklayınca benzer konularda hiçbrşey göstermiyor neden acaba?
YanıtlaSilyönetici yokmu?
YanıtlaSilhocam su soruna bir cozum bulsak cok güzel olacaktı. resme tıklayınca bağlantıya gidiyor resmi indiriyor sorun nedir acaba?
YanıtlaSilsipariş formunu nasıl ekliyoruz peki ? aynı şablonu kullanıp googledan yaptığımız sipariş formunu mu ekliyoruz
YanıtlaSilsipariş 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ıtlaSilbu konuyu araştırıyorum ve üzerinde çalışıyorum cevap bulunca temayı düzenliyeceğim.
YanıtlaSilBLOG OKULU STORE YAZISINI NASIL DEĞİŞTİREBİLİRİZ
YanıtlaSilbu konuyu blogger başlık yerine resim koyma konusunda videolu olarak anlatmıştım.
YanıtlaSilhocam 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ıtlaSilvar pageCount=10 yada postperpage=10 kodunu bulup değiştirirsen istediğin sayıda yazı görüntüleyebilirsiniz.
YanıtlaSiladmin link tekrar atrmsın link kırık acill?
YanıtlaSillink kırık
YanıtlaSil