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:

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.

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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0tlpCiHw0tNBf7m7-u1XPk1gS-4bO5H7vDGNHkJvkLHOs865xvy4S1a8A7-EONh8erGWEXeECjOG8j7Y5Bvv1rEjH6nfJPMKhOxVjBK18-OyXtj7Mz_sjvBT5gAyuG07f_TqXdi4rVYay/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBjat5_QTe-nlCO-MDPMJYoE-NMjdEMuj7YNbZwrNRBeVq6vnxiT-xZMODYt6kFZ68QP2cSPg95u2XTTO7-WCwK2K2n68VZ3LHC3gaouKoMm0su_QMGXzSXl9-icM1svjwFdZ964sVCsBL/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIVmjpfqrYIb1UF-yD2nM3vBlYQFGZqMeb2XbdCtjMsrlf2cGO1SQXzeT_vPT-ntOCM3zj7EmuZnYydfmWDqt44eM9-nVpmCMkyMkPGfsnLYWY4Cd7kc7LtFDNNlH_GJawxHPf2mGVQJVE/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.