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, |
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ü.
- Ü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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0tlpCiHw0tNBf7m7-u1XPk1gS-4bO5H7vDGNHkJvkLHOs865xvy4S1a8A7-EONh8erGWEXeECjOG8j7Y5Bvv1rEjH6nfJPMKhOxVjBK18-OyXtj7Mz_sjvBT5gAyuG07f_TqXdi4rVYay/s1600/body-bg1.png)
body{background:#9E9C9C)
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)
#toppic {width:970px;height:37px;background:#9E9C9C
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;}