Johny Blackstore, Template Toko Online Asal Jadi

Johny Blackstore, Template Toko Online Asal Jadi

T emplate ini adalah permintaan teman blogger via email, Abu Dzaky atau siapa ya? lupa saya namanya. Intinya dia meminta untuk dibua... 19.08.00

Template 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

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

Dalam membuat artikel baru, perhatikan struktur kode di bawah ini :

url-image.jpg

" rel="softFocus: true, position:'inside', smoothMove:2">url-image.jpg" />

$00.00

Description your product.............

Keterangan :
Warna merah : masukkan url gambar produk anda pada kedua kode warna merah diatas. Usahakan gambar yang Anda upload ukuran panjang dan lebar sama, misalnya 300 x 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 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 :

Ganti email warna merah diatas dengan email Anda (email 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) :
   

   
   

   Ganti dengan kode berikut :
   

   
   

   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 pada Edit HTML (jangan lupa untuk mencentang kotak expand widget templates) :
   

Keterangan :
Warna biru : ganti dengan alamat feed anda.

Widget Contact Online
Masukan kode berikut pada kotak HTML/Javascript

3. Ganti youryahoousername1 dan youryahoousername2 dengan ID yahoo Anda.
4. 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 :
   

   Reply

   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 melihat blog yang sudah memakai template ini. bisa dilihat disini :
Toko Madu Mulia Alam Nusantara
Johny Online Store

Sangat disarankan :

1. Baca tutorial pemasangan template ini sampai selesai.
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. Cari URL script ini di Edit HTML :
   

   http://jagad.googlecode.com/files/WojosimpleCart-IDR.js

   Setelah ketemu ganti dengan URL script berikut :
   

   https://masolis-javascript.googlecode.com/svn/trunk/blackstorecart-rupiah.js

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)

5 Cara mencari Pengiklan / Sponsor untuk Blog Anda

5 Cara mencari Pengiklan / Sponsor untuk Blog Anda

Menjual area iklan secara langung adalah strategi paling tepat untuk menghasilkan uang dari blog. Anda bisa menentukan sendiri harga dar... 11.49.00

Menjual area iklan secara langung adalah strategi paling tepat untuk menghasilkan uang dari blog. Anda bisa menentukan sendiri harga dari Space iklan yang di tawarkan dengan acuan, harga sebanding dengan jumlah dan kualias trafik blog anda saat itu.Tentunya semakin tinggi trafik maka peluang mendapatkan advertizer atau pengiklan akan semakin besar.

Kenapa harus Trafik..?? Itu merupakan acuan pengiklan saat memilih media promosi untuk memaksimalkan klik iklan pada banner mereka. Tentunya semakin banyak pengunjung unik di website anda,maka peluang klik iklan mereka akan semakin besar.Apa yang terjadi selanjutnya..?? Disinilah mereka akan tertarik mensponsori website atau blog anda dalam jangka waktu tertentu atas kesepakatan bersama. Berikut simak pandung 5 cara mencari pengiklan untuk website atau blog.

2 Syarat Mendapatkan pemasang iklan yang Potensial di blog :

1. Blog anda sudah memiliki Trafik.

Trafik dalam artian disini adalah rata-rata jumlah pengunjung harian di blog anda.Semakin banyak pengunjung, maka akan semakin baik.Kenapa..?? Sekali lagi Trafik adalah acuan utama para advertizer dalam menilai blog anda.

Berapa minimum pengunjung yang masuk kreteria..?? Kalau menurut saya pribadi tidak ada acuan khusus trafik sebuah blog untuk mendapatkan pengiklan,tapi alangkah baiknya kalau blog anda sudah mengantongi minimal 1.000 pengunjung unik setiap hari. Jika blog anda belum memenuhi kreteria tersebut,mulailah fokus membangun lalu lintas pengunjung dari sekarang agar peluang monetisasi blog anda semakin besar.

2. Desain web dan blog yang menarik.

Apakah desain web sangat berpengaruh di bisnis iklan..?? Tentu..!! tampilan website atau blog yang profesional akan lebih meyakinkan hati advertizer di luar syarat trafik di atas. Desain website yang enak di pandang mata ( Eye Catching ) akan membuat tampilan iklan menjadi lebih menarik.

Selain itu,tidak semua desain template yang anda pakai mampu menampung banner iklan.Untuk itu carilah Template Gratis yang memang terdapat fitur Space iklan untuk berbagai ukuran seperti 468 x 60px , 125 x 125px atau anda bisa menambahkannya sendiri dengan sedikit script Cara membuat banner iklan di blog.

3 Cara jitu Mendapatkan Pemasang Iklan di Blog.

1. Perjelas bahwa anda menerima Sponsor di Blog.

Poin pertama ini akan lebih memperjelas sekaligus menekankan bahwa di blog anda penerima pemasang iklan dengan tarif tertentu. Buatlah sebuah area banner penawaran Advertizer Here atau bisa juga Pasang Iklan Murah di posisi terntentu seperti Sidebar ,Header dan juga footer.

2. Buatlah halaman PASANG IKLAN di blog anda.

Setelah melakukan langkah diatas,yang harus anda lakukan selanjutnya adalah mengarahkan link banner ke sebuah halaman yang menjelaskan atau menguraikan step by step tata cara memasang iklan di blog anda. Hal ini akan mempermudah pengiklan dalam mencari informasi mengenai :

• Statistik blog : Kalkulasikan data trafik di blog anda untuk Satu hari dan juga total perbulannya.Jelaskan jumlah pengunjung dan juga Page view yang anda peroleh. Jangan lupa,gunakan data yang akurat dan bisa di pertanggung jawabkan seperti Google analytics.
• Pilihan spot area banner : Informasikan dengan detail spot banner yang anda sediakan sehingga mudah di ketahui oleh pemasang iklan. Misalkan saja anda menyediakan spot 125 x 125px , 300 x 250px dan masih banyak lagi.
• Penjelasan keuntungan advertizer : Jelaskan keuntungan apa saja yang mereka dapatkan jika memasang iklan di blog anda. Paparkan dengan jelas agar calon pemasang lebih tertarik dengan blog anda.
• Penjelasan Tarif Iklan : inilah point yang paling penting. Inilah hal yang paling dicari oleh pemasang iklan tentang tarif harga yang anda tentukan untuk promosi mereka. Jika anda kebingungan menentukan harga iklan, silahkan blogwalking di blog lain dengan perkiraan trafik yang sama dengan blog anda atau anda bisa menggunakan tarif rendah sebagai langkah awal monetize blog anda.
• Media pembayaran iklan : Berikan beberapa pilihan sarana untuk menerima pembayaran iklan seperti Paypal,Rekening Bank atau yang paling mudah Via Pulsa.
• Informasi Kontak : Jangan lupa mencantumkan nomor atau Form kontak yang bisa di hubungi baik itu No hp,Alamat email dan juga Form kontak. 

3. Mengikuti Program Adsense.

Program adsense merupakan sebuah bisnis periklanan Online dengan berbagai pilihan yang sangat cocok untuk ajang monetize blog. Google yang memiliki peran terhadap program adsense terbesar yaitu Google Adsense mampu memberikan angin segar bagi blogger di seluruh pelosok dunia dan bahkan sudah mampu mencetak banyak Milyarder muda. Pada tahun lalu tim google secara resmi mengumumkan bahwa Blog yang mempubliskasikan artikel berbahasa indonesia kini sudah bisa daftar google adsense,walaupun jauh sebelum peresmian sudah banyak yang berhasil mendaftar dan mendapatkan penghasilan melalui program tersebut dari blog berbahasa indonesia.

Ini bisa menjadi alternatif buat anda yang ingin mencari sponsor untuk blog.Google mampu membayar setiap klik yang di lakukan pengunjung dengan jumlah yang terbilang mahal. Namun terlepas dari hal itu, mendaftar di google adsense tidaklah mudah. Anda perlu memperhatikan beberapa TOS dari google agar bisa bergabung menjadi publisher mereka seperti :

• Konten no COPAS ( Tidak boleh terdapat konten Copy-Paste )
• Desain blog jelas dan tidak membingungkan ( Seperti posisi navigasi,sidebar dan footer )
• Konten tidak boleh mengandung unsur SARA,kekerasan,senajata dan lain-lain.
• Masih banyak lagi dan silahkan baca selengkapnya di TOS google.

Mungkin masih banyak yang harus saya jelaskan disini,tapi akan saya lanjut di lain waktu.Itulah beberapa Cara mencari pengiklan untuk blog yang memang banyak di lakukan oleh blogger lokal dan luar negeri . Jika anda mempunyai tips lain..!! silahkan share di form komentar di bawah ini.

Cara Memasang Widget Yahoo Messenger di Blog / Toko online

Cara Memasang Widget Yahoo Messenger di Blog / Toko online

Memasang widget yahoo messenger di blog atau web toko online punya kita memang berperan penting untuk membantu kita memberikan fast s... 11.25.00

Memasang widget yahoo messenger di blog atau web toko online punya kita memang berperan penting untuk membantu kita memberikan fast support kepada pengunjung maupun client atau calon pembeli di toko online anda . Widget YM dapat membantu kita berinteraksi/chat dengan sangat cepat dimana secara otomatis membuat situs anda terlihat lebih profesional dalam hal support.

Baca juga : Cara memasang widget live chatting di blog.

Persyaratan sebelum memasang widget Yahoo Messenger :

• Akun email di yahoo ( username connecting ke YM )
• Sudah menginstall aplikasi Yahoo messenger di laptop,pc atau Gadget.

Kalau persyaratan di atas sudah anda penuhi,berikut kita akan lanjut ke panduan membuat widget YM di blog atau bisa juga anda pasang di toko online.

Memasang widget YM di blogger :

• Loggin ke akun blogspot seperti biasa.
• pilih menu Tata Letak ( Layout ).

• Setelah itu pilih Tambahkan Gadget ( add gadget ) > Pilih HTML/Java Script.
• Pastekan kode berikut pada kolom yang tersedia.

bukablog

"> bukablog&m=g&t=14&l=us"/>

Keterangan :

• Untuk kode berwarna Merah adalah username Yahoo Messenger anda.
• yang berwarna Biru adalah style icon widget YM ( bisa anda atur sesuai selera )
• Klik SIMPAN ( Save ) .

Daftar icon status Widget Yahoo Messenger :

Anda bisa memilih salah satu dari sekian icon status di bawah ini sesuai selera dengan menggantikan kode t=14 di atas dengan kode icon di bawah ini.

Itulah tips singkat memasang widget YM dan selamat mencoba.

Setting Koneksi Internet Via Modem Wavecom Fastrack

Setting Koneksi Internet Via Modem Wavecom Fastrack

Kemarin 3 hari yang lalu, di tempat aku kerja dapat sebuah modem baru merk Wavecom Fastrack model M1306B, dari segi bentuk sih ... 08.41.00

Kemarin 3 hari yang lalu, di tempat aku kerja dapat sebuah modem baru merk Wavecom Fastrack model M1306B, dari segi bentuk sih sangat meyakinkan bahwa modem tersebut sangat tangguh dan handal untuk berinternet ria. Body metal casing dengan warna putih kombinasi dengan warna biru dengan antena eksternal yang bisa di bongkar pasang apalagi dengan melihat ukuran yang lumayan gede jika ditaruh dalam saku semakin meyakinkan bahwa modem tersebut benar-benar bagus. Modem tersebut juga dilengkapi dengan kabel ekstensi USB serta mini CD driver.

Karena penasaran, aku langsung install modem tersebut di kompi aku, e…. ternyata setelah aku install ternyata tidak ada tambahan program apapun yang terjadi hanya ada penambahan hardware baru Prolific USB-to-Serial Comm Port di Port (COM & LPT). Lha terus modemnya ? kok ngak ada tambahan hardware baru ! terus kalau di gunakan untuk interneten gimana ? setting dial up bagaimana ? Waduh…. alat ini bikin pusing aja, pikirku….!

Dari pada makin pusing, aku tanya saja pada eyang Google bagaimana cara setting koneksinya ? ternyata banyak jawaban yang diberikan oleh eyang malah bagaimana cara membuat SMS gateway dengan modem tersebut. Waduh….. makin ngak karuan aja !, kemudian aku cari spesifikasi data teknis modem tersebut dan ternyata memang benar bahwa modem Wavecom di dedikasikan untuk SMS Gateway.

Lantas… bagaimana cara agar modem Wavecom dapat digunakan untuk internet ?

Dari pertanyaan diatas baiklah, akan aku jelaskan langkah-langkah singkat setting koneksi internet via modem Wavecom Fastrack. Sebagai bahan infomasi setting ini aku gunakan untuk system operasi Windows  XP sedangkan untuk Windows 7 harap menyesuaikan.

1.    Instalasi Driver Wavecom

Pastikan Wavecom Fastrack sudah di install dengan benar dan koneksikan modem tersebut dengan kompi anda. Jika anda belum mempunyai driver dapat download disini (format ISO).

2.    Instalasi Modem

Untuk kesamaan langkah, disini aku menggunakan layout classic view untuk control panel. Jika anda masih berada di layout category view maka pindah dengan mengklik switch to classic view.

Pada Control Panel  => Phone and Modem Option klik tab Modem

Jika anda pertama kali memasuki menu ini, maka tampilan diatas tidak muncul dan anda akan diminta new location silahkan isikan untuk country/region set pada Indonesia dan area code tulis angka 62 sehingga akan muncul gambar diatas.

Pada tab modem tekan tombol add, maka akan muncul tampilan berikut :

Tekan tombol Next hingga muncul tampilan berikut :

Pada bagian manufacture, pilih Standart Modem Types sedangkan pada bagian models, pilih Standart 56000 bps Modem kemudian tekan tombol Next, maka muncul tampilan berikut :

Pilih port number yang sesuai dengan port Prolific USB-to-Serial Comm Port (jika tidak muncul port yang sesuai anda dapat tekan tombol Back maka anda akan di bawa kembali kelangkah sebelumnya kemudian tekan tombol Next kembali sampai port yang sesuai ditampilkan). Pada kompi saya port Prolific USB-to-Serial Comm Port berada pada COM12 lihat pada gambar device manager.

Jika anda sudah memilih port tekan tombol Next hingga muncul informasi bahwa install modem anda telah selesai kemudian tekan tombol Finish. Sehingga pada Phone and Modem Option di tab modem akan mucul tambahan modem baru yaitu Standart 56000 bps Modem seperti pada gambar.

Sampai langkah ini modem belum dapat digunakan, masih terdapat beberapa tahapan lagi yaitu setting modem dan setting dial up

3.    Setting Modem

Setelah Standart 56000 bps Modem berhasil di install (gambar diatas), masih dalam menu Phone and Modem  pada langkah diatas, pilih Standart 56000 bps medem  kemudian tekan tombol Properties kemudian pilih tab Advance.

Pada extra setting ketik : at+cgdcont=1,”IP”,”3gprs”

Disini aku menggunkan provider 3 (three) dengan paket quota 1.2 GB per bulan. Untuk provider lain harap menyesuaikan :

XL : at+cgdcont=1,”IP”,”www.xlgprs.net”
Telkomsel Flash : at+cgdcont=1,”IP”,”flash”
Telkomsel Volume (12/kb) : at+cgdcont=1,”IP”,”telkomsel”
Indosat : at+cgdcont=1,”IP”,”indosatgprs”
Axis (NTS) : AT+cgdcont=1,”ip”,”AXIS”
Mentari : at+cgdcont=1,”ip”,”satelindogprs.com”

Selanjutnya agar modem dapat dikenali oleh kompi anda maka pada tab Diagnostik tekan tombol Query Modem hingga seperti gambar

Query akan melakukan proses komunikasi dengan modem, jika koneksi berhasil, maka modem dan kompi anda akan dapat berkomunikasi.

4.    Setting Dial Up Modem
Buka Control Panel :

• Network Connections
• Klik Create a new connection
• New connection Wizard
• Pilih Connect to the internet
• Pilih Set up my connection manually
• Pilih Connect using a dial-up modem
• Pilih Modem yang sudah diinstall
• Tulis ISP Name : three  (provider lain harap menyesuaikan)
• Ketikan Phone number : *99#
• Isikan Username dan Password sesuai dengan settingan Operator anda.

User name : 3data
Password : 3data
khusus untuk 3 (three) paket data, provider lain harap menyesuaikan

Selamat berinternet bro…