Toko Online Blogspot dengan Template Catalogspot K2

Catalogspot K2 Ecommerce Blogger template adalah versi kedua dari Catalogspot shopping cart Blogger Template. Catalogspot K2 lebih simple dan memiliki fitur gambar slide, yang menggunakan plugin Juery Flexslider, dan dipadukan dengan animasi CSS3. Silhakan lihat demo template melalui link berikut :

Live Demo       Download

Jika anda berminat menggunakan template ini silahkan download langsung, dan berikut adalah cara optimasi Catalogspot Blogger Template ini.

Cara Intall Template

Untuk cara instal itu simpel.

1. Unzip file Catalog blogger template yang sudah anda download
2. Masuk ke Blogger Halaman Template, lalu klik EDIT HTML
3. Buka file XML Catalogspot K2 dengan HTML Editor seperti Notepad++ untuk Windows atau extWrangler untuk Mac.
4. Lalu Copy semua kode template dan Paste kedalam EDIT HTML Blogger
5. Klik Save Template

Setting Checkout

Untuk setting Paypal akun anda harus ke EDIT HTML lalu temukan kode berikut :

<script type='text/javascript'>
//<![CDATA[
/*----------------------------
SIMPLE CART SETTING
-----------------------------*/
  
  simpleCart({
    checkout: {
      type: "PayPal", 
      email: "joko-you@yours.com"
    }
  });
  
//]]>
</script>

ganti alamat email dengan alamat email akun paypal anda.

Format Post

Untuk Template ini, setiap posting atau entry harus menggunakan format post yang tersedia, agar template ini bekerja dengan maksimal.

<div class="item_image">
<img border="0" class="item_thumb" src="Your_Image-Url.jpg" /> 
<span class="item_price">$0.00</span>
</div>
<div class="item_Description">
Some text for description your item here! 
</div>

Yang perlu diganti adalah gambar sebagai preview dari item anda, harga item dan deskripsi dari item anda. setelah anda mengganti semuanya anda copy kode dan paste di post editor, klik tobol HTML di sebelah kiri atas post editor sebelum anda masukan kode diatas. dan pastikan juga lebar gambar lebih dari 700px

Membuat Halaman View Cart

1. Buka halaman PAGES di dasboard Blog anda,
2. Klik New Page Lalu Klik New Blank
3. Setelah Post editor terbuka klik HTML dan copy paste kode berikut
   

   <div class="simpleCart_items"></div>
   

   
   
4. Terkhir Klik tombol Publish

Setting Slider

Kode html untuk abar fitur slide ada didalah kode template, jadi anda harus ke halaman Edit HTMl, bentuk kode slidernya seperti berikut :



Anda dapat mengganti seua gambar dan textnya disini. sedangkan untuk pengaturan, javascriptnya diletakan dibawah tepat diatas penutup body (</body>)

Dan akhrinya,, terimakasih telah berkunjung dan semoga template ini dapat bermanfaat. Untuk Template selanjutnya saya ingin membuat template Blogger bertema Photography, Insya allah. hehe. salam

Update : Template bisa checkout lewat email, untuk anda yang ingin checkoutnya melalui email silahkan Download di Melius Nerwork, Matur suwun kepada melius Network yang sudah share dan modifikasi.

Source : http://www.loefa-cebook.com/2013/06/catalogspot-k2-e-commerce-blogger.html

Posted by : utak.atik Januari 23, 2014 Tags : Blogger

Subscribe by Email

Follow Updates Articles from This Blog via Email