Jumat, 22 Juni 2012
Johny Crottube, Template Iseng Sambil Nunggu Jerman Vs Yunani
Daripada bengong sambil nunggu pertandingan bola nanti malam dan mumpung besok libur, mending ini saya bagi lagi satu template gratis buat Anda yang suka mengkoleksi video dari Youtube. Template ini serial dari template Johny Crott, kali ini saya buat untuk versi konten video dan hanya dari Youtube. Template ini berbeda dengan template video Youtube saya sebelumnya Johny Jazzytube, karena disini saya hanya memanipulasi gambar dari iframe youtube untuk dijadikan thumbnail di homepage, dan masih menggunakan ytimg.com tapi untuk template ini diletakkan di dalam postingan bukan di Edit HTML template. Untuk lebih jelasnya perhatikan gambar untuk membuat postingan video di bawah ini :
- Masuk ke Youtube dan pilih video favorit anda.
- Kemudian klik share seperti langkah nomer 1, lalu klik embed tunggu hingga kodenya muncul.
- Perhatikan kotak yang saya centang pada nomer 3 diatas, disini Anda hanya mencentang pilihan atau opsi yang paling atas (Show suggested videos when the video finishes) biarkan yang lain kosong.
- Setelah itu ambil kode iframe Youtube seperti pada nomer 4 diatas, paste ke dalam postingan pada posisi Edit HTML bukan compose. Untuk ukuran panjang dan lebar video terserah silahkan Anda pilih sendiri.
- Video dari Youtube sudah nampak di postingan jika Anda preview, tapi thumbnailnya belum akan kelihatan di Homepage. Untuk menampilkan thumbnail di halaman depan (homepage) anda harus menambahkan kode ini setelah kode iframe dari Youtube :<iframe width="640" height="360" src="http://www.youtube.com/embed/8Pjh0visgJI" frameborder="0" allowfullscreen></iframe><img border="0" height="0" width="0" src="http://i2.ytimg.com/vi/kode seri video/0.jpg" />
- Kode yang saya cetak tebal diatas adalah kode yang harus Anda tambahkan setelah kode Iframe Youtube. Perhatikan tulisan kode seri video (warna merah), anda isi dengan kode seri warna merah diatasnya (8Pjh0visgJI). Kode seri video dari Youtube ini berbeda-beda untuk tiap video, jadi jika Anda memasukkan video jangan lupa untuk mengganti juga kode seri-nya harus sama dengan kode diatasnya. Dan postingan untuk video itu akan nampak seperti gambar di bawah ini :
Perhatikan kedua kode pada gambar dengan background biru diatas.
Pada template ini saya tambahkan fitur untuk tampilan Grid dan List style, dibawah ini adalah screenshot untuk tampilan grid dan list syle :
Sekarang untuk menampilkan widget Video Category yang ada pada template ini. Yang Anda harus lakukan hanya membuka widget Video Category 1 dan 2 kemudian masukkan/ketik label di dalam kotak HTML/Javascript seperti gambar di bawah ini :
Dari gambar diatas jazz adalah label yang saya tampilkan pada video category 1, Anda ganti dengan label yang diinginkan, demikian juga dengan widget Video Category 2.
Untuk mengaktifkan reply pada kotak komentar, masuk ke Edit HTML jangan lupa untuk mencentang kotak Expand Widgets Templates kemudian cari kode berikut :
<a expr:href='"https://www.blogger.com/comment.g?blogID=1128587339572285487&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"); return false;'>Reply</a>
Template ini juga dilengkapi fitur related video di setiap postingan dan slider otomatis yang menampilkan postingan terbaru Anda. Template ini bisa digunakan juga untuk konten gallery gambar biasa, dan untuk video hanya khusus dari Youtube, tapi jika anda ingin menambahkan video selain Youtube harus membuat thumbnail manual dulu kemudian baru di upload saat buat postingan. Segitu dulu tutorial cara instalasi untuk template Johny Crottube kali ini. Jika ada yang mau ditanyakan silahkan tinggalkan pesan pada kotak komentar di bawah. Selamat mencoba dan semoga bermanfaat.
Label:
Template
Minggu, 17 Juni 2012
Johny Crott, Template Store Online for Bike Lover
I dedicated this template to Omiyan, he likes bicycle very much. He want to make an online store basic on his hobby. I would like to give him this template to make his bussiness more succeed and I hope he enjoy it. This template names Johny Crott, because there's so many oil that spread everywhere when he change his gear and wheel... hahahahaha
I added this template with Shopping Cart feature from wojodesign.com. I made this template more easy to navigated, there's no specific method to make a new post, you write and upload an image just like you did it in ordinary template, all you have to do is just start with this code :
<span class="item_price">$3,000.00</span>
You must change $3,000.00 with your own price, after that you can upload your image and write your description as usual, for better result I suggest you to upload an image first before you write an articles.
To change paypal email with yours, find this code in Edit HTML :
<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 = ["Name", "thumb_image" ,"Quantity_input" , "Total", "remove"];</script>
Change johnytemplate@gmail.com with your Paypal email, and in that codes above you can change how many tax rate and shipping flat rate that you want to provide to your customers.
I removed the order button in homepage, but you can find it in post page. You must make an order form in google docs or other site that similiar. Then you can copy into your static page, and then go to your edit HTML and change this URL page order http://johny-crott.blogspot.com/p/order.html in demo with yours :
And if you have any question leave your message in comment box below, good luck and happy blogging.<input class='order'onclick='window.location='http://johny-crott.blogspot.com/p/order.html''type='button' value='Order'/>
Wakakakakakakakaka.... somprettt, bener nggak sih Inggrisku
Label:
Template
Kamis, 14 Juni 2012
Bentuk Apresiasi Kepada Pengguna Template
Sebagai bentuk rasa terima kasih kepada teman-teman blogger yang telah sudi menggunakan template buatan saya, pada artikel kali ini saya akan menawarkan kepada Anda semua pengguna template dari Download Disini untuk mengirimkan alamat URL blog pada kotak komentar yang ada dibawah bukan dalam bentuk link hidup, yang nantinya akan saya jadikan showcase dan yang pasti blog Anda mendapatkan backlink permanent dari blog saya ini yang meskipun masih memakai domain blogspot.com tapi punya pagerank lumayan dan rangking Alexa yang lumayan juga untuk ukuran blog yang masih memakai blogspot.com.
Artikel ini adalah hasil usulan dari teman Faiz Naufal yang menyarankan agar saya membuat sebuah postingan khusus tentang blog-blog yang sudah menggunakan template dari Download Disini dan dijadikan sebagai showcase. Saya awalnya ragu apa iya template saya sudah banyak yang pakai? Tapi tidak ada salahnya juga sih, paling tidak dengan artikel ini saya jadi tahu seberapa besar respon teman-teman blogger terhadap template yang sudah saya buat. Andai saja template-template saya banyak diminati para blogger seperti template bikinan Kang Rohman, Pak Oom, dan digunakan oleh ribuan warga Indonesia bahkan di dunia. Waduh betapa senangnya.
Banyak yang tanya di email kenapa sih seneng banget bikin template blogger dan gratis lagi, lalu saya pikir apa sih yang menjadi alasan saya membuat template blogger? Apa saya mau cari tenar… sorry nggak lah yauw, apa saya minta bayaran nggak juga. Saya bikin template hanya untuk menyalurkan hobby saja, persis seperti saya juga hobby main game, main musik, pacaran, membaca buku di toilet bahkan hobby ngelus-ngelus jerawat dan jilat-jilat pantat... eh coklat. Lagipula selesai bikin template kan bisa dibuat postingan sekalian updates blog, soalnya maunya bikin tutorial blog tapi sudah banyak yang buat dan canggih-canggih lagi.
Walah malah ngelantur nggak karuan, lanjut........ Saya akan berikan satu contoh blog yang memakai salah satu template dari saya dan sudah memodifikasinya sehingga hasil akhirnya lebih bagus dari aslinya dan seperti inilah yang sebenernya saya harapkan dari teman-teman blogger semua, yaitu untuk memodifikasi template yang sudah ada dan dijadikan lebih menarik dengan menambahkan bermacam fitur pendukung.
Nama Blog : Madu Alam
Pemilik : Nggak tau
URL : http://tokomadumulia.blogspot.com/
Template asli : Johny Blackstore
Jika Anda tertarik, silahkan tinggalkan data seperti nama blog, nama pemilik, URL blog dan template asli seperti keterangan diatas pada kotak komentar. Nanti saya akan buat postingan khusus yang berisi hasil dari artikel ini (itu juga kalau ada yang kirim) yang berjudul showcase template Download Disini yang berjumlah 20 blog setelah saya saring berdasarkan pengamatan saya sendiri dan nggak boleh ada yang protes.
Syaratnya hanya satu, masih ada kredit link dari Creating Website yang di sebelah kanan (Template Created by Download Disini published by Mas Template). Kalau kredit yang disebelah kiri ada tiga itu nggak apa-apa diganti. Dan sebagai oleh-oleh untuk 20 blog yang saya tampikan pada showcase ini saya berikan satu template Gallery classic (Nggak usah kasih gambar) klik URL link ini :
Tambahan :
Waktunya seminggu dan teman-teman dipersilahkan memodifikasi template menjadi lebih menarik dalam jangka waktu itu.
Label:
Iseng
Selasa, 12 Juni 2012
2 Template Toko Online Semrawut (Tanpa Cart)
Kedua template ini memenuhi permintaan teman-teman blogger di kotak komentar, yang meminta agar membuat template Toko Online tanpa menggunakan fitur Shopping Cart. Template ini saya buat tadi malam sambil nonton bola dan baru jam 3 pagi tadi selesai. Harap maklum kalau hasilnya saya bilang semrawut karena buatnya sambil sakit gigi, hasilnya komposisi warna yang asal-asalan dan hanya modifikasi dari template saya sebelumnya. Yang penting sudah memenuhi permintaan dan mau dipakai syukur nggak dipakai ya nggak apa-apa.
Johny Ganteng Store
Johny Joss Mobile Phone
Tidak ada fitur khusus pada kedua template ini, slider yang saya pasang otomatis menampilkan postingan terbaru Anda. Untuk membuat sebuah postingan yang perlu Anda lakukan hanya menambahkan kode dibawah ini di awal setiap postingan pada posisi Edit HTML bukan compose:
<span class="item_price">Rp 1.000.000,00</span>
Ganti harga warna biru diatas dengan harga Anda tentunya dan setelah kode diatas, silahkan Anda menulis artikel atau deskripsi barang maupun upload gambar seperti biasanya. Kedua template ini juga saya tambahkan fitur tooltip image otomatis pada setiap gambar di homepage (arahkan mouse anda ke salah satu gambar). Dan untuk mengaktifkan fungsi reply pada kotak komentar cari ID blog masing-masing template ini dan ganti dengan ID blog Anda. Untuk Johny Ganteng Store ID blognya : 9133655087310583622 dan untuk Johny Joss Mobile Phone ID blognya : 6923142428765575685.
Jika Anda ingin mengupload gambar, disarankan untuk memilih gambar yang persegi panjang dengan ukuran pixel lebih besar lebih bagus, contoh seperti gambar dibawah ini :
Fitur shopping cart disini saya ganti dengan form order barang tombolnya sudah saya sediakan dibawah setiap post di homepage. Untuk membuat form order seperti pada demo kedua template ini, tentunya Anda harus membuatnya terlebih dahulu pada situs-situs layanan form online. Disini saya memakai Google Docs, karena layanan form ini buatan Google mungkin tidak terlalu menghambat dalam proses loading blog. Setelah Anda membuat form order, langkah selanjutnya adalah membuat halaman statis (pages), buka New Pages kemudian copy paste kode dari Docs Google (mana ya yang bener, Google Docs apa Docs Google...???) ke dalam postingan terserah mau dikasih judul apa. Untuk contohnya bisa diklik tombol order yang ada di bawah gambar.
Setelah halaman order Anda sudah jadi, arahkan link dari halaman statis order anda ke dalam link order yang ada di Edit HTML, caranya seperti dibawah ini :
- Untuk Johny Ganteng Store, cari kode ini di Edit HTML jangan lupa untuk centang Expand Widget Templates :
<input class='order' onclick='window.location='http://johny-gantengstore.blogspot.com/p/sample-page-no-image.html'' type='button' value='Order'/>
Ganti URL warna kuning diatas dengan URL halaman order yang sudah Anda buat. - Untuk Johny Joss Mobile Phone, cari kode berikut di Edit HTML jangan lupa untuk centang Expand Widget Templates :
<a class='item_add' href='http://johnyjoss.blogspot.com/p/sample-page-no-image.html'>Order</a>
Ganti URL warna kuning dengan URL halaman order Anda.
Sepertinya hanya itu yang perlu diperhatikan jika Anda ingin memakai satu diantara kedua template ini. Sebelumnya jangan menanyakan bagaimana cara menambahkan fitur Shopping cart pada template ini ya, karena template ini dibuat memenuhi permintaan beberapa teman blogger agar fitur shopping cart pada template toko online sebelumnya dihilangkan. Jadi jika ada diantara Anda yang ingin memakai template Toko Online dengan menggunakan Shopping Cart bisa memakai Johny Blackstore dan Johny Magstore. Selamat mencoba dan semoga bermanfaat.
Label:
Template
Rabu, 06 Juni 2012
3 Template Paling Sompret Sedunia
Artikel ini mungkin terlalu panjang, semoga teman-teman blogger tidak bosan membacanya. Tapi jika Anda memakai salah satu dari ketiga template ini mesti membacanya sampai selesai. Awalnya saya hanya mencoba untuk membuat readmore tanpa menggunakan Javascript, akhirnya jadilah dua template ini. Pada dua template awal di artikel ini saya menggunakan fitur Readmore dengan tidak meletakan kode Javascript di dalamnya, yang tentu saja karakternya jadi terbatas, yang pertama ukuran maksimum pixel untuk thumbnail hanya 72 x 72 px, Anda tentu saja bisa memperbesar ukuran ini dengan merubah width dan height kode CSS .post-thumbnail pada template ini tapi dengan konsekuensi gambarnya menjadi semakin kabur. Yang kedua adalah jumlah huruf untuk summary juga hanya dibatasi sampai 100 karakter dan ini fixed dari platform Blogger tidak bisa lagi untuk ditambah dan dikurangi. Jadi untuk kedua kasus diatas sengaja saya jelaskan dulu disini agar Anda tidak menanyakan lagi kedua hal tersebut.
Ketiga template ini sebenernya pengembangan dari template sebelumnya, Johny Classicsite. Karena terlalu sederhana dan minim sekali fitur yang saya pasang pada template itu, saya mencoba untuk memodifikasi kembali agar tampak lebih menarik. Untuk judul artikel ini jangan pernah menanyakan kenapa artikel ini saya kasih judul seperti itu, karena dari dulu memang saya tidak pernah perduli dengan judul yang penting isinya bung....!!
Johny Sompret
Template ini adalah paling sompret sedunia, karena bikinnya waktu pusing dan saya sering bilang sompret waktu bikin jadi namanya Johny Sompret (nggak nyambung blasssss....). Fitur yang terdapat pada template ini apa ya..? Bisa dilihat sendiri pada demo, untuk slider yang saya pasang otomatis menampilkan artikel terbaru. Jika anda ingin mengganti dengan tampilan per label Anda bisa baca petunjuknya di artikel Johny Blackstore template, karena slider yang saya pasang sama, cuma beda kode CSS saja.
Untuk mengaktifkan fungsi reply pada kotak komentar sama dengan template Johny Classicsite, caranya masuk ke Edit HTML jangan lupa untuk mencentang kotak Expand Widgets Templates kemudian cari kode berikut :
<a expr:href='"https://www.blogger.com/comment.g?blogID=119520779966455589&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"); return false;'>Reply</a>
Ganti blog ID warna merah diatas dengan ID blog anda yang terletak pada browser jika anda masuk ke dashbord, seperti gambar di bawah ini :
Black Beauty Template
Ini bukan template hitam, dan bukan juga mendekati hitam apalagi beauty. Fiturnya sama dengan template Johny Sompret cuma beda warna saja. Untuk fungsi reply yang harus Anda ganti blog ID warna merah pada template ini 5806754556786281613 (disimpan nomernya siapa tahu besok keluar angka ini), ganti dengan ID blog anda. Caranya sama seperti pada Johny Sompret
Johny Jazzytube (Only for Youtube)
Nah, kalau template ini agak serius bikinnya, karena berbeda dengan kedua template diatas. Template ini khusus untuk blog dengan konten video, dan itupun harus video dari Youtube. Template ini permintaan Antonio Rios dari Meksiko pada artikel Dua Template Gratis Untuk Pecinta Music dan Game.
Untuk menampilkan video Youtube ke dalam postingan, tentunya cari dulu video kesayangan Anda di Youtube. Setelah ketemu copy URL nya yang terletak di browser seperti gambar di bawah :
Atau anda juga bisa memperoleh URL ini dengan klik share di bagian bawah video, kemudian centang kotak kecil long link disampingnya, lalu copy URL pada kotak diatasnya, seperti gambar dibawah ini :
Setelah Anda copy URL Youtube tersebut, masuk ke new post posisikan pada Edit HTML (jangan compose), paste kemudian akhiri URL dengan kode endofvid (tanpa spasi). Untuk menambahkan teks pada postingan tersebut, awali dengan menggunakan kode [starttext] dan akhiri dengan kode [endtext]. Contoh akhir postingan seperti ini :
http://www.youtube.com/watch?v=K4Di2rvigVkendofvid
[starttext]Your description here..........[endtext]
Untuk menampilkan widget video per kategori, masuk ke layout >> add gadget pilih HTML/Javascript kemudian masukkan kode di bawah ini kedalamnya :
<script style="text/javascript">
var numposts = 3;
var showpostthumbnails = true;
var displaymore = true;
var displayseparator = true;
var showcommentnum = true;
var showpostdate = true;
var showpostsummary = true;
var numchars = 70;
</script>
<script src="/feeds/posts/default/-/sting?orderby=published&alt=json-in-script&callback=showlabelpostswiththumbs"></script>
Ganti kode warna merah sting dengan label yang ingin anda tampilkan pada sidebar. Dan untuk mengaktifkan reply pada kotak komentar, masuk ke Edit HTML (centang Expand Widget Templates) cari blog ID 3009056898743314712 ganti dengan blog ID anda.
Bingung mau nulis apa lagi, udah segitu aja dulu ya. Oya ketiga template diatas ringan loading semua apalagi yang Jazzytube nggak sampe 70kb cuma sekitar 67kb kalau nggak salah. Jika anda berminat silahkan download ketiga template diatas gratis tanpa dipungut biaya, paling cuma biaya koneksi internet aja, selamat mencoba dan semoga bermanfaat.
Label:
Template
Minggu, 03 Juni 2012
Johny Classicsite, Template Sederhana dengan Style Klasik
Satu lagi template simple yang akan saya bagikan kepada teman-teman blogger semua, template ini saya beri nama Johny Classicsite sesuai dengan tampilannya seperti template-template blogger klasik jaman dahulu kala. 90% template ini hanya menggunakan warna, silahkan dilihat pada kode CSS, yang saya pasang hanya tiga gambar dengan ukuran pixel yang kecil yaitu pada background template, bullet pada footer dan search button pada kotak pencari lainnya semua memakai permainan gradasi warna.
Yang jelas template ini sangat ringan, masalah SEO friendly saya tidak berani bilang karena patokan baku sebuah template dikatakan SEO Friendly tiap master blogger juga beda-beda. Tapi paling tidak semua meta tag deskripsi untuk sebuah template bisa dibilang SEO Friendly sudah saya pasang disini. Tidak ada tutorial khusus dalam pemasangan template ini, yang harus Anda lakukan adalah mengganti blog ID untuk mengaktifkan reply pada kotak komentar, caranya masuk ke Edit HTML jangan lupa untuk mencentang kotak Expand Widgets Templates kemudian cari kode berikut :
<a expr:href='"https://www.blogger.com/comment.g?blogID=1226831301029866842&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"); return false;'>Reply</a>
Fitur lain tidak ada yang sulit, untuk navigasi kedua dalam template ini adalah navigasi page list jadi jika Anda membuat halaman statis akan otomatis muncul disitu. Itu aja dulu, saya sudah menyiapkan satu lagi template baru untuk teman-teman blogger tapi buat besok aja, nanti kalau jadi satu sama artikel ini postingannya jadi sedikit. Udah ya mau kembali bekerja dulu, selamat mencoba dan semoga bermanfaat.
Label:
Template
Senin, 28 Mei 2012
Johny Magstore, Template Magazine untuk Toko Online
Template ini memenuhi permintaan dari beberapa teman blogger pada kotak komentar yang menginginkan ada tambahan untuk tampilan grid dan list style pada postingan di homepage. Saya membuat template toko online ini bukan karena banyak peminatnya tapi lebih karena memenuhi permintaan dari teman. Tanpa mereka juga blog saya ini tidak akan berkembang, untuk itu pada kesempatan ini saya pribadi mengucapkan terima kasih yang sebesar-besarnya kepada teman-teman blogger semua yang telah sudi mampir dan berkunjung ke blog saya ini, dan tak lupa juga untuk para pengguna template buatan saya, terima kasih sudah memberikan apresiasi yang begitu tinggi kepada saya. Kalau disuruh memilih, saya lebih suka membuat template biasa, karena disamping lebih mudah, tampilan bisa lebih variatif, beda sama template toko online yang tampilannya melulu berbentuk gallery produk. Terus terang untuk membuat template toko online diperlukan waktu yang lebih lama. Tapi saya jangan disuruh membuat atau convert template yang persis seperti situs-situs yang sudah jadi, maksudnya kemarin ada yang minta dibuatkan template yang seperti Mashable, kompas, dan lain-lain... ogah saya, serius
Sebenarnya template ini hanya modifikasi dari template toko online saya sebelumnya Johny Blackstore, tambahan fitur grid dan list disini saya memakai jQuery Cookies buatan Sebastian Sulinski dari SSD Tutorial (klik link untuk tutorial membuat grid and list view). Slider yang saya pakai disini juga masih sama hanya ukurannya lebih besar dan ada tambahan thumbnail untuk fungsi pagination.
Sebenarnya template ini hanya modifikasi dari template toko online saya sebelumnya Johny Blackstore, tambahan fitur grid dan list disini saya memakai jQuery Cookies buatan Sebastian Sulinski dari SSD Tutorial (klik link untuk tutorial membuat grid and list view). Slider yang saya pakai disini juga masih sama hanya ukurannya lebih besar dan ada tambahan thumbnail untuk fungsi pagination.
Fitur yang terdapat dalam template Johny Magstore :
- Shopping Cart dari wojodesign.com
- Grid and list view dari SSD Tutorial
- Simple Image Panner and Zoomer v1.1 dari Dynamicdrive
Dalam membuat postingan, perhatikan struktur kode di bawah ini :
Keterangan :<div class="product_image">
<div class="pancontainer" data-orient="center" data-canzoom="yes" style="width:150px; height:150px;">
<img border="0" class="item_thumb" src="product_image.jpg" /></div>
<span class="item_price">$00.00</span> </div>
<div class="product_describe">
Descriptions... </div>
Warna merah : masukkan url gambar produk anda pada kode warna merah diatas. Pilih gambar yang ukuran pixel nya sedang, antara 200 - 300 px.
Warna kuning : harga produk
Warna biru : deskripsi 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, terakhir save setting.
Shopping Cart
Fitur Shopping Cart masih menggunakan simplecart dari wojodesign.com. Dan hanya support untuk top currency, antara lain : Dollar, Poundsterling dan Euro. Untuk mengganti akun Paypal yang terdapat pada blog demo ini dengan akun Paypal Anda, cari kode dibawah ini :
Ganti email warna merah diatas dengan email Anda (email yang sudah didaftarkan di Paypal).<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>
Fitur Pendukung
Slider yang saya pasang pada template ini bekerja otomatis berdasarkan label yang Anda masukkan pada kotak HTML/Javascript. Perhatikan gambar di bawah ini :
Dari gambar diatas lihat kolom kotak merah, klik Edit pada widget featured content slider, setelah terbuka jendela baru masukkan atau ketik label yang ingin ditampilkan pada slider, lihat gambar di bawah ini :
Dari gambar diatas saya memasukkan label Electronic yang akan muncul pada slider, Anda bisa ganti sesuai keinginan. Untuk lebih jelasnya silahkan baca tutorial dalam membuat slider ini disini.
Dua navigasi pada template ini semuanya harus memasukkan manual, tidak seperti pada template sebelumnya terdapat satu navigasi khusus untuk halaman statis, meskipun begitu template ini sudah support dengan static page (halaman statis).
Untuk merubah simbol currency dari $ (dollar) menjadi Rp (rupiah) pada widget shopping cart :
- Cari URL script ini di Edit HTML :
http://kauman.googlecode.com/files/WojosimpleCart-USD.js
Setelah ketemu ganti dengan URL script berikut :http://kauman.googlecode.com/files/WojosimpleCart-Rupiah.js
- Langkah selanjutnya, masih pada Edit HTML ganti USD pada kode ini :
simpleCart.currency = USD;
menjadisimpleCart.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.
Disini sudah saya siapkan dua tombol dibawah gambar produk di homepage yaitu add to cart dan view detail, jika tidak ingin memakai shopping cart sebagai alat transaksi. Anda tinggal rubah tombol add to cart menjadi order dan arahkan ke direct link halaman formulir order yang sudah anda buat, misalnya seperti ini (contoh form ini dibuat menggunakan docs google). Jika anda menggunakan form order untuk transaksi penjualan, fitur shopping cart tidak terpakai, jadi hapus semua script CSS dan javascript untuk shopping cart pada template ini. Selamat mencoba dan semoga bermanfaat
Disini sudah saya siapkan dua tombol dibawah gambar produk di homepage yaitu add to cart dan view detail, jika tidak ingin memakai shopping cart sebagai alat transaksi. Anda tinggal rubah tombol add to cart menjadi order dan arahkan ke direct link halaman formulir order yang sudah anda buat, misalnya seperti ini (contoh form ini dibuat menggunakan docs google). Jika anda menggunakan form order untuk transaksi penjualan, fitur shopping cart tidak terpakai, jadi hapus semua script CSS dan javascript untuk shopping cart pada template ini. Selamat mencoba dan semoga bermanfaat
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 Johny Blackstore
Dua template Toko Online tanpa shopping cart
Label:
Template