Cara Menambahkan Shopping Cart

Cara Menambahkan Shopping Cart Di Template Blogspot

Cara Menambahkan Shopping Cart  –  Sering saya mendapat pertanyaan dari temen-temen tentang bagaimana cara menambahkan shopping cart ke template blogspot? Dan untuk menjawab pertanyaan itu pada kesempatan posting kali ini saya akan coba menjawabnya dengan pembahasan cara menambahkan shopping cart ke template blogspot dengan checkout lewat paypal.

Tutorial cara menambahkan shopping cart ke template blogspot ini saya kutip dari tulisan teman blogger saya yang memiliki blog.kangismet.com. Dan untuk script shopping cartnya saya ambilkan dari simplecart yang di buat oleh thewoojogroup.com.

Kenapa kita menggunakan Simplecart.js ini? sebab script ini sangat cocok sekali untuk blogspot, dimana blogspot tidak menggunakan php dalam platformnya. Dan cara memasangnya pun cukup sederhana sekali.

Sebelum temen-temen membaca lebih lanjut panduan cara menambahkan shopping cart di template blogspot ini ada baiknya anda melihat dulu live demonya DISINI

Baca juga: Cara Pasang Facebook Pixel di Blogspot

Berikut panduan Cara Menambahkan Shopping Cart di Template Blogspot

Langkah 1.

Pastikan template yang anda pakai sudah memasang frame works jquery, jika belum simpan script berikut ini tepat di atas kode </head>

<script src=”http://yourjavascript.com/01135519565/jquery-cookie.js” type=”text/javascript”>// <![CDATA[
<br />
<script src=’https://cdn.rawgit.com/wojodesign/simplecart-js/email/simpleCart.js’ type=’text/javascript’/>

Note : Demi keamanan Sebaiknya 2 file Javascript di atas disimpan di hosting Anda sendiri. Anda bisa membaca artikel panduan penyimpanan file javascript, html atau CSS di hosting gratis dengan memakai server Github ini.

Langkah 2.

Pemasangan script checkout paypal dilakukan di atas kode </head> tadi. Berikut script yang dipasang.

<script type=’text/javascript’>
//<![CDATA[
simpleCart.email = ‘bisnis.aira@gmail.com‘;
simpleCart.checkoutTo = PayPal;
simpleCart.currency = USD;
simpleCart.cartHeaders = [‘name’,’thumb_image’,’Quantity_input’,’increment’, ‘decrement’,’Total’];
//]]>
</script>

Keterangan : Ganti alamat email dengan email akun paypal anda.

Penulisan Kode pada laman posting

Untuk Penulisan kode ketika melakukan posting produk perlu diperhatikan dengan seksama. Dan Cara penulisan kode untuk postingan adalah seperti ini:

<div class=”simpleCart_shelfItem”>
<img alt=”nama produk” class=”item_thumb” src=”http://url-gbr-produk.jpg”/>
<h2 class=”item_name”> Nama Produk </h2>
<p> <input value=”1″ class=”item_Quantity” type=”text”><br>
<span class=”item_price”>$35.99</span><br>
<a class=”item_add” href=”javascript:;”> Add to Cart </a></p>
</div>

Keterangan:
– Text warna merah adalah text yang bisa anda ganti dengan data produk anda.
– Perhatikan pula bahwa setiap objek seperti nama, gambar, dan harga ada di dalam class simpleCart_shelfItem.

Penulisan laman posting juga bisa dilakukan dengan cara seperti ini.

<img alt=”nama produk” src=”http://link-gbr-produk.jpg” />
<h3>Nama Produk</h3>
<span class=”price”>$50</span>
<a class=”add-to-cart” href=”#” onclick=”simpleCart.add(‘quantity=1’, ‘name=Nama Produk’,’price=50′,’thumb=http://link-gbr-produk.jpg’);return false;”>add to cart</a>

Keterangan :
text warna merah disesuaikan dengan data produk anda.

Beberapa kode HTML yang bisa anda gunakan di Laman atau Widget Checkout.

Beberapa kode berikut ini adalah cukup penting karena dipakai untuk membuat widget halaman checkout.
Sedangkan penempatannya bisa anda atur sendiri disesuaikan dengan kreasi anda.

// menampilkan jumlah pesanan (item)
<span class=’simpleCart_quantity’></span>// menampilkan detail pesanan
<span class=’simpleCart_items’></span>

// menghapus daftar belanja
<a class=’simpleCart_empty’ href=’javascript:;’>Empty Cart</a>

// checkout
<a class=’simpleCart_checkout’ href=’javascript:;’>Checkout</a>

// jumlah total
<span class=’simpleCart_total’></span>

Kostumisasi shopping cart

Dengan memanfaatkan inspect elemen pada browser, baik itu firefox maupun chrome, anda bisa mencontoh beberapa script CSS pada demo laman shopping cartnya.

Namun jika anda lebih mahir dengan CSS, bahkan hasilnya bisa jauh lebih bagus dan sesuai dengan keinginan desain yang bisa anda lakukan.

Baca juga: Tools Untuk Merubah Kode HTML untuk Di Taruh Di Postingan.

Nah panduan cara menambahkan shopping cart di template blogspot tersebut merupakan panduan yang sangat sederhana. Lebih jauh bisa dikembangkan sendiri, namun yang jelas. dasar-dasarnya adalah seperti itu. Semoga bermanfaat.

Sumber: blog.kangismet.com

Cara Pasang Facebook Pixel di Blogspot

Cara Pasang Facebook Pixel di Blogspot

Cara Pasang Facebook Pixel di Blogspot – Buat temen-temen yang sudah sering main facebook ads atau pernah belajar, pasti tidak asing lagi dengan istilah Pixel Audience (facebook pixcel). Yaitu teknik cara memunculkan iklan kepada pengunjung yang datang ke website kita dan sudah kita sisipkan kode facebook pixel.

Tapi sayangnya facebook pixel ini hanya bisa kita pasang di website jenis landing page, toko online, dan marketplace yang berbasis CMS.

Itu dulu…

Tapi sekarang anda gak perlu kawatir lagi sebab salah satau temen IM saya baru-baru ini sudah meluncurkan sebuah tools yang berbasis web yang fungsinya untuk retargeting pixel audience ini. Hebatnya tools yang dibuat mas Iqbal Maulana ini kita tidak perlu punya website, landingpage, atau yang lainya untuk melakukan semua itu. Untuk lebih detailnya silahkan lihat disini tools tersebut.

Baca juga: Tools Untuk Merubah Kode HTML untuk Di Taruh Di Postingan

Dan pada kesempatan kali ini saya ingin berbagi kepada temen-temen semua bagaimana cara pasang facebook pixel di blogspot. Sebab cara pasangnya berbeda dengan cara pasang di web yang berbasis wordpress (CMS) maka kita perlu merubah dulu kode facebook pixel dengan cara memparsenya terlebih dahulu, dan berikut tutorialnya.

Tutorial Cara Pasang Facebook di Blogspot

  1. Pertama-tama kita Ambil dulu Kode Pixel Facebooknya. Saya anggap teman-teman sudah punya pixel audience sebelumnya.
  2. Buka akun facebook, dan kunjungi Facebook Ads Manager Pixel
  3. Ambil kode pixel dengan cara, Pilih “Actions‘ (Tindakan) lalu “View Pixel Code” (Lihat Kode Piksel)cara pasang facebook pixel di blogspot
  4. Copy Kode Pixel ini, karena nanti akan kita parse terlebih dahulu sebelum diterapkan ke Blogspotcara pasang facebook pixel di blogspot

Cara Parse Kode Facebook Pixel

  1. Kunjungi situs blogcrowds/parsehtmlcara pasang facebook pixel di blogspot
  2. Paste kode Pixel yang tadi telah kamu copy tadi, kemudian pilih “Parse” maka hasilnya akan seperti inicara pasang facebook pixel di blogspot
  3. Copy kode Facebook Pixel hasil parse ini, dan kita akan memasukannya ke web Blogspot
  4. Masuk ke akun blogspot kamu seperti biasa
  5. Dan di dashboard pilih menu Template (tema), lalu Edit HTML seperti gambar berikut inicara pasang facebook pixcel di blogspot
  6. Kemudian Letakan kode Facebook pixel hasil parse tadi, sebelum kode </head>. Agar lebih mudah mencarinya kamu bisa gunakan kombinasi Ctrl+F dan isikan </head> lalu tekan Enter.cara pasang facebook pixcel di blogspot
  7. Jangan lupa klik “Simpan Tema” untuk menyimpan hasilnya seperti gambar diatas.

Cara menguji apakah Kode Facebook Pixel berhasil dipasang

  1. Silahkan Install Addon (Exstensions) dengan cara klik link ini FB Pixel Helper pada browser Google Chrome 

    cara pasang facebook pixel di blogspot 5

  2. Isikan  di kotak pencarian “Facebook Pixel Helper” lalu tekan enter jika belum muncuk Exstensionsya. Jika sudah klik tombol “+TAMBAHKAN KE CROME“, maka akan muncul popup seperti ini.cara pasang facebook pixel di blogspot 5
  3. Klik Add extension, maka jika berhasil logo Facebook Pixel Helper akan muncul di pojok kanan atas browser anda seperti gambar di bawah ini,cara pasang facebook pixel di blogspot 5
  4. Lalu untuk mengetahui apakah facebook pixel sudah terpasang atau belum di website blogspot anda. Silahkan buka situs blogger yang tadi telah dipasang Facebook Pixel Audience, jika berhasil nanti akan muncul informasi di sudut kanan atas browser/bar.cara pasang facebook pixel di blogspot 5

Baca juga: Cara Buat Toko Online Keren Gratis

Nah temen-temen …Itulah Tutorial Cara Pasang Facebook Pixel di Blogspot, sangat mudah sekali bukan jika kita tahu caranya. Semoga bisa bermanfaat untuk teman-teman, jika ada pertanyaan silakan komentar ya!

Tools Untuk Merubah Kode HTML

Tools Untuk Merubah Kode HTML untuk Di Taruh Di Postingan.

Tools Untuk Merubah Kode HTML – Hallo temen-temen jumpa lagi dengan saya…udah lama saya gak nulis artikel nih, maklum lagi ada kesibukan untuk persiapan lounching produk baru saya. Dan alhamdhulillah sekarang sudah resmi lounching di marketplace ratakan.com. Produk baru saya tersebut membahas tentang cara pembuatan toko online gratis menggunakan blogspot.

tools untuk merubah kode html

Temen-temen pasti sudah ya blogger (blogspot) adalah milik google, jadi jika kita membuat web, toko online, atau blog akan mudah sekali di index oleh google. Ya iyalah sebab anak kandung pasti di dahulukan toh hehe. Dan keuntungan lainya adalah kita tidak perlu beli domain dan sewa hosting membuat website disana, semua di sediakan gratis oleh Google…enak sekali bukan.

Baca juga: Cara Buat Toko Online Keren Gratis

Nah jika temen-temen kepengen punya toko online sendiri tapi tidak ada modal panduan ini sangat cocok sekali untuk anda. Silahkan cek di sini untuk detail produk saya tersebut: 1 Hari Mahir Buat Toko Online Sendiri.

Ok kita kembali ke topik utama pada posting kali ini yaitu cara pasang script tools untuk merubah kode HTML yang bisa kita taruh di postingan kita. Script ini sangat membantu sekali untuk saya ketika saya ingin memasukkan kode HTML di dalam postingan saya agar bisa di download oleh pengunjung yang membacanya. Baiklah mari kita lihat bagaimana sih bentuk scriptnya.

Cara Pasang Tools Untuk Merubah Kode HTML

Adapun cara pemasangan tool untuk merubah kode HTML apabila ingin taruh di halaman posting blog anda, caranya copy script di bawah ini dan masukkan kode tersebut didalam kolom posting dalam mode HTML (bukan di Compose):

<script type=”text/javascript”>function convert(){var ele1 = document.getElementById(“somewhere”);var replaced;replaced = ele1.value;replaced = replaced.replace(/&/ig, “&amp;”);replaced = replaced.replace(/</ig, “&lt;”);replaced = replaced.replace(/>/ig, “&gt;”);replaced = replaced.replace(/”/ig, “&quot;”);replaced = replaced.replace(/&#177;/ig, “&plusmn;”);replaced = replaced.replace(/&#169;/ig, “&copy;”);replaced = replaced.replace(/&#174;/ig, “&reg;”);replaced = replaced.replace(/ya’ll/ig, “ya’ll”);ele1.value = replaced;}</script><br /> <table border=”0″ cellpadding=”0″ cellspacing=”0″ style=”width: 400px;”><tbody> <tr> <td valign=”top” width=”400″><textarea cols=”50″ id=”somewhere” rows=”15″ style=”background: none repeat scroll 0% 0% rgb(248, 248, 248); border: 2px solid rgb(204, 204, 204);”></textarea><input onclick=”convert();” type=”button” value=”Parse Script” /> <a href=”http://mas-andes.blogspot.com/2012/11/memasukan-html-di-postingan.html” target=”_blank” title=”Get This Widget”><button>Get This Widget</button></a></td> </tr> </tbody></table>

Dan hasilnya akan nampak seperti ini.

Sedang untuk memasang tools tersebut di widget caranya  login ke dashboard admin Anda kemudian cari menu Tata Letak » Tambah Widget » HTML/Javascript (paste kode tersebut, kemudian klik Save) untuk blogspot. Dan untuk wordpress cari menu Appearance lalu pilih menu Widget =>Add Widget, kemudian anda pilih widget “Text” drag n drop dimana widget tersebut ingin di letakkan, lalu paste kode script tools tersebut di widget tersebut klik “Save” selesai!

Baca juga: Cara Membuat Subdomain di cPanel

Untuk merubah kode HTML yang mau kita masukkan ke dalam artikel kita, cukup copy kode HTML tersebut lalu paste di kolom tools itu, lalu klik “Parse Script” maka kode HTML tersebut akan berubah menjadi kode-kode yang siap anda masukkan dalam postingan anda.

Itulah sobat cara pasang tools untuk merubah kode HTML yang ingin kita taruh dalam postingan kita.cukup mudah bukan, selamat mencoba.

Cara Membuat Subdomain di cPanel

Cara Membuat Subdomain di cPanel

Cara Membuat Subdomain di cPanel – Apa itu subdomain? subdomain adalah sebuah domain yang berada dibawah domain utama website kita. Bahasa mudahnya adalah domain yang ngesup ke domaian utama kita. Suatu misal domain utama kita adalah www.namadomainanda.com maka subdomain nantinya akan menjadi www.namasubdomain.namadomainanda.com.

Dengan subdomain ini maka anda bisa mengirit dengan tanpa perlu menyewa domain baru lagi ke pihak
server. Dan tujuan membuat subdomain ini adalah jika anda ingin mengembangkan website utama anda dengan
membuat website yang masih memiliki topik pembahasan yang kategorinya masih satu kategori dengan website
utama anda.

Baca juga: Cara Memulai Bisnis Online Tanpa Modal

Anda dapat membuat subdomain melalui cPanel Anda. Berikut adalah tutorialnya.

  1. Masuk ke halaman utama cPanel Anda, pilih kategori Domain kemudian klik menu Subdomains.

    Cara Membuat Sub-domain di cPanel

  2. Maka akan terbuka halaman pembuatan subdomain seperti berikut ini

    Cara Membuat Sub-domain di cPanel

  3. Masukkan alamat subdomain yang Anda inginkan di kolom “Subdomain“. Kemudian Anda juga dapat memilih domain utama mana yang Anda gunakan apabila memiliki lebih dari satu domain pada akun Anda di kolom “Domain“. Masukkan path direktori tempat penyimpanan file subdomain Anda pada kolom isian Document Root, kolom path direktori akan terisi automatis namun anda juga dapat melakukan penyesuaian tempat penyimpanan file websitenya. Klik tombol Create untuk melanjutkan

    Cara Membuat Sub-domain di cPanel

  4. Selesai! Notifikasi diatas akan Anda terima apabila sub-domain telah berhasil dibuat. Klik Go Back untuk kembali ke halaman sebelumnya.

    Cara Membuat Sub-domain di cPanel

  5. Sub-domain yang baru saja Anda buat dapat Anda lihat pada gambar diatas. Klik teks berwarna biru pada kolom Document Root untuk mengakses File Manager. Di File Manager inilah Anda dapat mengatur file yang ada pada sub-domain Anda.

Baca juga: Alasan Bergabung Dengan Bisnis ABE

Note: beberapa subdomain digunakan oleh sistem yaitu : mail, www, ftp, cpanel, whm, webmail, webdisk.anda dapat menggunakan subdomain lain selain subdomain tersebut.

Cara Memulai Bisnis Online Tanpa Modal

Cara Memulai Bisnis Online Tanpa Modal

Cara Memulai Bisnis Online Tanpa Modal – sebetulnya tidak ada yang tidak pakai modal sih, Cuma modal yang dibutuhkan untuk memulai bisnis online itu relatif lebih kecil di banding jika kita ingin memulai bisnis offline. Semua bisnis pasti membutuhkan modal ya walaupun itu hanya modal pikiran dan tenaga hehe.

Tapi untuk temen-temen yang memang sangat minim modalnya dan kepengen sekali bisa memulai bisnis online. Saya ada solusinya nih…yang penting untuk memulai bisnis ini anda hanya perlu ketekunan dan fokus saja. Lalu bagaimana cara memulai bisnis online tanpa modal ini pak parno?

Jawabanya adalah dengan menjadi affiliate marketer dari marketplace. Sekarang sudah banyak sekali marketplace yang bermunculan di internet, baik itu yang menjual produk fisik seperti bukalapak, tokopedia, atau yang menjual produk digital seperti ratakan.com dan idaff.com.

Baca juga: Alasan Bergabung dengan bisnis ABE

untuk daftar di marketplace tersebut juga tidak di pungut biaya alias GRATIS!. Temen-temen cukup registrasi disana dan akan resmi menjadi affiliate di marketplace tersebut. Baiklah sebagai contoh cara daftarnya saya akan share disini bagaimana cara daftar sebagai affiliate di ratakan.

Kenapa saya merekomendasikan ratakan.com sebagai tempat awal untuk anda memulai bisnis online? Sebab produk-produk yang dijual disana memang sangat bagus-bagus dan berkualitas dan layak untuk kita promosikan. Disamping itu komisi yang diberikan pun cukup lumayan yaitu berkisar antara 50-75% per transaksi. Ok kita langsung daftar di ratakan yuk, agar anda segera bisa memulai bisnis tanpa modalnya.

Cara Daftar Di Ratakan.com untuk Memulai Bisnis Tanpa Modal

  1. Pertama buka situ Ratakan.com

    Cara Memulai Bisnis Online Tanpa Modal

  2. Kemudian klik menu “Daftar” maka anda akan dibawa ke halaman pendaftaran di ratakan seperti gambar berikut ini.

    Cara Memulai Bisnis Online Tanpa Modal

  3. Selanjutnya isi semua kolom pendaftaran diatas, jangan lupa beri centang pada pilihan I’m not a robot lalu klik tombol “Selanjutnya

    Cara Memulai Bisnis Online Tanpa Modal

  4. Selanjutnya silahkan cek email anda dan klik link konfirmasi yang di kirimkan oleh pihak ratakan seperti gambar di atas.

    Cara Memulai Bisnis Online Tanpa Modal

  5. Jika sukses selanjutnya anda bisa login ke member area ratakan dengan memasukan Username/email dan password yang sudah anda gunakan untuk mendaftar tadi.

    Cara Memulai Bisnis Online Tanpa Modal

  6. Dan itulah tampilan member area anda, Anda bisa klik selanjutnya untuk melihat halaman selanjutnya

    Cara Memulai Bisnis Online Tanpa Modal

  7. Dan karena tujuan pembahasan utama di artikel ini adalah cara memulai bisnis online tanpa modal, maka langkah yang harus anda lakukan adalah mengambil link affiliasi anda dengan cara klik Menu Affiliasi lalu Alat Promosi

    Cara Memulai Bisnis Online Tanpa Modal

  8. Klik salah satu link produk yang ingin anda promosikan, maka akan muncul link affiliasi anda seperti yang di tunjuk anak panah. Copy link yang saya beri tanda kotak, salah satunya aja ya, yang satu biasanya untuk link affiliasi utama dan yang satu adalah untuk link yang langsung mengarah ke tombol Order.

    Cara Memulai Bisnis Online Tanpa Modal

  9. Anda juga menggunakan Banner untuk mempromosikan produk tersebut. Selesai..

Langkah selanjutnya adalah mempromosikan link affiliasi anda ke sosial media, atau lewat iklan gratis, dan lain sebagainya. Agar link anda tidak terlihat sebagai link affiliasi maka anda sebaiknya menyembunyikan link affiliasi tersebut dengan cara menyingkatnya. Sebagai contohnya saya akan menyingkatnya dengan menggunakan situs penyingkat URL bit.ly. Caranya…

  1. Buka situs bit.ly

    Cara Memulai Bisnis Online Tanpa Modal

  2. Pastekan link affiliasi yang sudah anda copy dari member area ratakan tadi di kolom yang disedikan, kemudian klik “SHORTEN

    Cara Memulai Bisnis Online Tanpa Modal

  3. Klik tombol Copy, dan itulah link yang bisa anda gunakan untuk promosi. Sekarang link affiliasi anda sudah tidak terlihat lagi sebagai link affiliasi kan?

Baca juga: Kerja Sambil Bisnis Mengapa tidak?

Itulah sobat sekalian pembahasan kita kali ini tentang cara memulai bisnis online tanpa modal yang bisa anda mulai sekarang juga. Bisnis ini bisa anda jadikan sebagai bisnis sampingan dulu, jika nanti hasilnya udah stabil dan maka anda bisa memulai dengan bisnis yang lainya.

Selamat mencoba memulai bisnis tanpa modal ini, semoga sukses menyertai anda, jika ada pertanyaan silahkan kirimkan lewat kolom komentar.