Kios Empat Lima Blogger Template

Assalamu’alaikum, eu… langsung saja deh pada intinya, perkenalkan template blogger baru dari loefa-cebook, template ini adalah versi kedua dari Empat-Lima Blogger template, dan template ini merupakan template blogger untuk toko online.

Karena ini merupakan versi kedua Empat-lima blogger template, jadi desainnya tak jauh berbeda dengan sebelumnya, hanya saja di Kios Empat Lima blogger template ini memiliki 3 kolom di halaman artikel dan halaman lebel , dan satu kolom di homepage dan static page. Untuk lebih jelasnya silahkan melihat demo templatenya langsung.

 Demo             Download 

Untuk anda yang berminta memakai Kios Empat Lima template blogger, silahkan download langsung, kerena gratis. Setelah didownload silahkan ectrack file winrar yang anda dapatkan, dan baca readme.txt untuk cara upload template ke blogger. Jika proses upload sudah selesai, anda tinggal menyesuaikan setting templatenya. Berikut caranya.

Setting metode checkout

Ada dua pilihan metode untuk checkout, anda bisa mengarahkan checkout ke Paypal, atau ke google checkout,. Untuk paypal Silahkan anda cari “paypal” menggunakan CTRL+F, dang anti alamat email dengan alamat email akun paypal anda. Kodenya terlihat seperti berikut:

checkout: { 
        type: "PayPal" , 
        email: "YOUR_EMAIL@GMAIL.COM" 
    },

Untuk Google Checkout Silahkan anda ganti type dan email dengan kode ini

        type: "GoogleCheckout" , 
        marchantID: "XXXXXXXXX" ,
        method: "POST"

Jangan lupa ganti juga “XXXXXXX” dengan marchant Id google checkout anda. Jika sudah selesai anda tinggal save template bloggernya dan tes. :)

Setting halaman cart list

Fungsi dari halaman cart list ini adalah untuk menampilkan daftar barang yang sudah dipilih pengunjung blog anda, meraka dapat melihat barang apa saja yang sudah dipilih dihalaman ini, di halaman ini juga pengunjung blog anda dapat mengedit barang-barangnya sebelum checkout dilakukan , bisa ditambahkan atau dikurangi jumlahnya, atau juga dihapus karena mereka tidak membutuhkannya.he

Untuk settingnya, anda tinggal membuat sebuah halaman statis pada blogger dengan mengklik “pages” lalu klik new page dan setelah itu pilih blank page, jika halaman sudah terbuka penuh, klik HTML dan silahkan anda copy paste kode berikut kedalamnya.

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

Selanjutnya anda tinggal klik tombol “Publish”. Selanjutnya anda ganti link berikut http://kios-empat-lima-bloggertemplate.blogspot.com/p/cart.html dengan link cart page anda, link ada di edit html template blogger, anda tinggal mencarinya menggunakan crtl+f agar lebiih cepat.

setting slide show di homepage

Untuk slide show anda tinggal memaukan kode html berikut ini pada widget dengan judul “slide”

<div id='slideshow'>
<ul>
<li><img alt='slide1' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVOEX1lDw23MBvBQCIUb5Ul3wNHV2ooVoFbIi696QnKtALtlezTYMISTOrKEZPyoaF0YfXPj83fo1fFlvO0clu_StwwGzUYVnw2ImL3PXty46OzPEThHsItmHFV8CFzt9cP8WPf5BsSA/s1600/s1.png'/></li>
<li><img alt='slide2' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj31TMjvc6G7hyphenhyphenWC4ChBKxd_eITxr0p65iJZeizx-gbtbC7yaBLg2HEPF_UZmpf7ldPakOz1jXBx0ipfGTvrQnvJ5uNa2Ts-brXXL4JPUZwOi65qhKvNlHQHtr2QqFwSgHH8rmuvtW8QQ/s1600/s2.png'/></li>
<li><img alt='slide3' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4I_B2gvqemccUS0NsT5Qhwp01YsiaQ14JS_dIiz97ZOGfyB7aE22QzQeR6EzMlyHXM88_YfRD4k1GNpHevYpTjpyZlhdPXrwk6AlpysvYqmiMwqNd7yM_9ngY8GEEVEkY_VTlvxaLgQ/s1600/s3.png'/></li>
</ul>
<div class='contin'>Simple <b>shopping Cart</b> 
For Blogger!<br/>
<a href='#' title=''>Download Now!</a>
</div>   
</div>

Ukuran gambar dislide ini adalah 1000x526px.

Cara mem-posting artikel

Untuk memposting setiap barang yang anda tawarkan, cara seperti biasa anda menulis saja, namun tambahkan kode html berikut tepat dibawahnya,

<div class="simpleCart_shelfItem">
<table border="0">
  <tbody>
<tr>
    <td width="32%">Item ID </td>
    <td width="68%">:&nbsp;<b class="item_name">Item Name</b></td>
  </tr>
<tr>
    <td>Quantity</td>
    <td>: <input class="item_Quantity" type="text" value="1" /></td>
  </tr>
<tr>
    <td>Price </td>
    <td>: <span class="item_price">$12.00</span></td>
  </tr>
<tr>
    <td></td>
    <td><a class="item_add" href="javascript:;"> Add to Cart </a></td>
  </tr>
</tbody></table>
</div>

Yang harus anda rubah adalah nama item, dan harga. Begitu saja saya kira sudah jelas ya. Hehe jika da yang di tanyakan anda dapat berkomentar, untuk blogger template ini saya ucapkan terimaksih banyak pada http://simplecartjs.org , ini adalah situs hebat dibalik template ini, yang telah menciptakan javascript simpleCart.

Kios Empat Lima Blogger Template V.0.2 
Update : 22 May 2013
donwload