Professional Documents
Culture Documents
emplate ini adalah permintaan teman blogger via email, Abu Dzaky atau siapa ya? lupa saya namanya.
Intinya dia meminta untuk dibuatkan sebuah template untuk jualan online. Sebenarnya saya tidak begitu bisa untuk
membuat template toko online, disamping kesibukan saya di dunia nyata yang belakangan ini banyak menyita waktu
juga karena keterbatasan kemampuan saya dalam membuat shopping cart untuk memudahkan transaksi online via
Paypal. Template ini namanya Johny Blackstore, nggak cocok ya...? hehehehe. Bodo amat... yang penting ada
store nya
1.
2.
3.
Posting Artikel
Shopping cart yang saya gunakan disini adalah simplecart made in wojodesign.com. Sudah saya masukkan
currency IDR atau rupiah pada script tersebut tapi tetap saja tidak bisa digunakan untuk transaksi langsung via
paypal, karena Paypal belum menerima rupiah sebagai alat pembayaran. Jadi jika Anda ingin memakai template ini
untuk jualan online, barangnya dinilai pakai dollar aja ya...??. Sekarang saya akan menjelaskan instalasi template
dan beberapa fitur yang terdapat pada template ini :
Posting
Artikel
your
product.............
</div>
Keterangan
Warna merah : masukkan url gambar produk anda pada kedua kode warna merah diatas. Usahakan gambar yang
Anda
upload
ukuran
panjang
dan
Warna kuning :
Warna biru :
lebar
sama,
misalnya
harga
deskripsi
300
300
px
produk
dari
produk
Kode diatas adalah kode yang harus anda awali dalam membuat postingan terbaru, dan untuk memudahkan agar
Anda tidak berulang kali copy paste kode tersebut sewaktu membuat artikel terbaru, masukkan kode tersebut pada
kolom post template. Masuk ke setting, pilih posts and comments >> post template. Klik add, setelah itu
masukkan kode diatas pada kotak kosong seperti gambar dibawah, terakhirsave setting.
Shopping Cart
Fitur Shopping Cart disini digunakan untuk memudahkan pengelola toko online dalam transaksi via Paypal. Tapi
karena Paypal belum menerima pembayaran Rupiah, jadi setting untuk currency masih dalam dollar. Untuk
mengganti akun Paypal yang terdapat pada blog demo ini dengan akun Paypal Anda, cari kode dibawah ini :
<script type='text/javascript'>
simpleCart.email = "johnytemplate@gmail.com";
simpleCart.checkoutTo = PayPal;
simpleCart.currency = USD;
simpleCart.taxRate = 0.02;
simpleCart.shippingFlatRate = 3.25;
simpleCart.shippingQuantityRate = 1.00;
simpleCart.cartHeaders = ["thumb_image" , "Quantity_input" ,
"Total", "remove" ];
</script>
Ganti
dengan
Anda
yang
sudah
didaftarkan
di
Paypal)
Fitur Pendukung
1.
Slider yang saya pasang disini bekerja otomatis, menampilkan artikel terbaru anda dengan jumlah 8
postingan. Jika Anda ingin menampilkan per kategori atau label, cari kode ini pada Edit HTML(jangan lupa
centang expand widget templates) :
<script>
document.write(" <script src=\"/feeds/posts/default?max-results="
+numposts+"&orderby=published&alt=json-inscript&callback=showrecentposts\"><\/script>");
</script>
Ganti dengan kode berikut :
<script>
document.write(" <script src=\"/feeds/posts/default/-/your label?maxresults="+numposts+"&orderby=published&alt=json-inscript&callback=showrecentposts\"><\/script>");
</script>
Ganti kode warna biru dengan label yang ingin Anda tampilkan pada slider.
2.
Untuk mengganti email berlangganan yang ada di bawah navigasi, cari kode dibawah ini padaEdit
HTML (jangan lupa untuk mencentang kotak expand widget templates) :
Keterangan
Widget
Contact
Online
Template ini menggunakan model kotak komentar yang sudah dimodifikasi, untuk mengaktifkan fungsi reply
anda harus cari kode dibawah ini pada Edit HTML, sekali lagi jangan lupa untuk centang kotak expand
widget templates :
<a expr:href='"https://www.blogger.com/comment.g?
blogID=2440873145683465163&postID=" + data:post.id +
"&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D
%22%23" + data:comment.anchorName + "%22%3E" +
data:comment.author + "%3C%2F%61%3E#form"'
onclick='javascript:window.open(this.href, "bloggerPopup",
"toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500&
quot;); return false;'>Reply</a>
Warna merah pada kode diatas adalah ID blog demo, Anda harus ganti dengan ID blog anda yang terletak
pada browser jika anda masuk ke dashbord, seperti gambar di bawah ini :
5.
Widget popular post thumbnail, setting seperti pada gambar dibawah ini :
Yang perlu diperhatikan adalah centang hanya thumbnail, biarkan kotak snippet kosong tidak perlu
dicentang. Judul dan jumlah post yang ingin ditampilkan terserah Anda. Untuk lebih jelasnya silahkan
baca tutorialnya disini.
Fitur yang lain saya kira mudah, seperti memasang Yahoo Messenger dan lain-lain. Template ini juga dilengkapi
dengan efek zooming pada gambar jika Anda mengarahkan cursor pada gambar, gambar itu akan otomatis
membesar sesuai dengan letak cursor. Mungkin hanya itu yang perlu saya jelaskan mengenai template ini, seperti
biasa jika ada yang kurang jelas silahkan tinggalkan komentar Anda pada kotak komentar yang ada di bawah.
Selamat
mencoba
dan
semoga
bermanfaat.
Showcase
Jika
Anda
ingin
Toko
melihat
blog
yang
Madu
Johny
sudah
memakai
Mulia
template
ini.
bisa
dilihat
Alam
disini
Nusantara
Online
Store
Sangat disarankan :
1.
2.
I suggest to upload gambar produk dengan ukuran panjang dan lebar sama, misalnya 300 x 300 px.
3.
Agar hasil akhir dalam penggunaan template ini maksimal dan tata letak post teratur, judul post jangan
terlalu panjang, karena akan menggeser gambar ke bawah.
4.
Untuk mempercepat loading, simpan javascript yang ada pada template ini di tempat penyimpanan Google
Code Anda. Bagi yang belum bisa cara menyimpan di Google Code bisa dibaca disini tutorialnya.
Update
Untuk merubah simbol currency dari $ (dollar) menjadi Rp (rupiah) pada shopping cart :
1.
2.
Langkah selanjutnya, masih pada Edit HTML ganti USD pada kode ini :
simpleCart.currency = USD;
menjadi
simpleCart.currency = IDR;
Terakhir save templates, dan currency anda akan berubah menjadi rupiah. Tapi perlu diingat disini, itu hanya
sekedar penggantian currency saja, tidak bisa untuk melakukan checkout atau pembayaran langsung lewat Paypal.
Karena Paypal belum menerima Rupiah sebagai alat pembayaran.
Updates :
Dari beberapa komentar yang masuk, ada yang menginginkan untuk menampilkan nama barang yang ada di
shopping cart, untuk itu silahkan di download ulang template ini sudah saya updates dengan menampilkan nama
barang (lihat demo)
Template
toko
online
terbaru
Johny
Magstore
Demo | Download
Update
Templates
My Google Code was banned again, there's so many script that I put in there can't be opened. But I already fixed it
with the updates ones, you can re-download this template or you can change some script below
Click this link and read subtitle "Update Template" in that post for the latest updates of Javascript
41
Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via ema