Selasa, 29 Mei 2012

Template Toko Online Blogspot Gratis

template toko online blogspot
Menggunakan Template Toko Online blogspot terkadang orang beranggapan bahwa pemilik toko online tersebut tidak serius dalam membuat toko online atau berbisnis online, kenapa demikian? Mungkin dilihat dari tampilan template yang serba biasa dan dengan fitur seadanya layaknya blog, di-samping itu juga banyaknya CMS gratis Toko Online yang bertebaran dan sangat mudah didapat di internet seperti Joomla dengan virtuemartnya, Prestashop, open chart, osCommerce, dan lain-lain.

Akhir-akhir ini banyak Template toko online blogspot berbayar maupun gratis yang di modifikasi layaknya template toko online berbasis CMS (website). Dengan designnya yang simple, user friendly, mudah di modifikasi dan kemudahan akses bagi pengunjung blog, maka banyak orang yang mulai tertarik dan menggunakan template toko online Blogspot. Apalagi fakta membuktikan bahwa sebagian orang Indonesia lebih senang bertransaksi jual beli  dengan SMS dan telepon di banding dengan sistem Keranjang belanja yang disediakan dalam toko online.
Salah satu keuntungan yang didapat dari template toko online blogspot ini adalah Domainnya gratis dan Unlimited Hosting maupun bandwith. Toko online yang menggunakan CMS tentunya harus didukung dengan Domain yang berbayar dan akan dipusingkan dengan space hosting dan bandwith yang penyediaannya cukup banyak merogoh kocek di setiap tahunnya. Bagaimana dengan Blogspot? Tentunya semuanya free dari yang punyanya yaitu Google.
Berikut ini adalah beberapa Template / thema toko online dengan blogspot yang gratis tinggal download saja:
Silahkan klik judul /caption gambar untuk download.
webstore toko online blogspot gratis
Webstore
toko online bekerja dirumah
Work at home mom
Baby Online shop
Baby Shop
Blogger Store
Blogger store zoomtemplate
Happy Shopping
Jual Beli
Shopping chart
Dari Template-template diatas, anda tinggal menambahkan untuk menunnya dan posting produk layaknya posting artikel pada blogspot.
-------------------------------------------------------------------
Kalau Template toko online blogspot dengan tampilan seperti gambar dibawah, anda cukup mengeluarkan uang Rp100.000 Rp.50.000 anda sudah memiliki 3 template dengan desain berbeda.


Untuk Melihat hasil toko online dengan menggunakan salah satu template diatas bisa dilihat DISINI.
Tidak hanya itu, anda juga akan mendapatkan tutorial cara membuat dan memodifikasi template diatas, sampai seperti toko online pada demo. Siapa-pun orangnya atau enggak mengerti bahasa pemograman, anda akan tetap bisa membuat toko online seperti pada demo.
 Apabila anda menginginkan ketiga template toko online di-atas, anda bisa memesannya dengan menghubungi saya melalui Call/SMS: 085715950615. 088211457172
---------------------------------------------------------------------------
Ups.. Hampir ketinggalan, dapatkan info cara membuat toko online dengan wordpress dan dapatkan theme atau templatenya disini
----------------------------------------------------------------------------
Jadi tunggu apalagi..dapatkan segera template toko online blogspot-nya.

Minggu, 27 Mei 2012

Membuat toko online blogspot

template toko online blogspot
Cara membuat toko online dengan blogspot pada saat ini sudah hampir mirip dengan toko online yang dibuat dengan sistem website seperti Joomla, Prestashop, openchart dll. Begitu juga template toko online blogspot yang beredar, hampir menghilangkan fungsi asli dibuatnya sebuah blog yaitu sebagai buku catatan harian, sehingga fungsi utama blog hampir lenyap dari pemikiran para blogger, seperti halnya yang sudah saya jelaskan pada artikel saya sebelumnya yaitu perbedaan antara website dengan weblog.

Banyak keuntungan yang dapat peroleh ketika anda membuat toko online dengan blogspot, diantaranya adalah:
  1. Tidak memerlukan biaya Hosting, karena Hosting Blogspot gratis dari Blogger. 
  2. Begitu juga dengan domain, anda bisa mendapatkannya dengan Gratis, alamat url yang didapat adalah: http://namatokoanda.blogspot.com. Namun apabila anda mau merubahnya ke .com, .net, dll, anda dapat dengan mudah mensettingnya/merubahnya dan pengunjung tetap bisa mengakses apabila url yang digunakan adalah blogspot.
  3. Karena toko online di buat dengan blogspot, tentunya mesin pencari Google akan lebih memprioritaskan blog toko online anda.
Adapun keunggulan lainnya yang dimiliki Blogspot, anda bisa membaca artikel saya yang berjudul "7 Alasan Blogspot Penyedia blog gratis terbaik".

Tapi terkadang anda kesulitan dalam mengolah desain yang akan dijadikan template toko online blogspot, dan apabila anda salah satu orang yang kesulitan atau tidak ada waktu dalam membuat toko online dengan blogspot, saya dapat membantu anda dalam pembuatan-nya alias anda tinggal terima jadi saja, dengan Harga yang terbilang murah yaitu Rp 150.000, anda sudah bisa mempunyai Blog Toko Online yang cantik. Demonya bisa anda klik Button di bawah ini:



Demo Toko Online Blogspot
Sesuai dengan Demo Toko Online, anda fitur yang anda dapatkan adalah:
  1. Domain Blogspot (namatokoonlineanda.blogspot.com).
  2. Unlimited Hosting (dari Blogger).
  3. Gratis pembuatan Header Blog sesuai dengan tema blog toko online anda.
  4. 5 page halaman- menu blogspot. dan penginputan 10 produk pertama.
  5. Yahoo messenger dengan ikon animasi
  6. Link pengecekan No resi dari jasa pengiriman TIKI, JNE dan POS Indonesia
  7. Facebook like.
  8. Live Chat (pesan langsung-Cbox).
  9. Banner Pembayaran dan pengiriman.
  10. Statistik Pengunjung dengan animasi flash
  11. Produk populer
  12. Kategori produk
  13. dan lain-lain sesuai permintaan anda.
Setidaknya anda bisa memilih tiga template yang bisa dijadikan toko online anda, diantaranya:

membuat toko online dengan blogspot
Toko Online Butik Orange

Toko Online Fashion Ungu-Pink
Toko Online Komputer Biru

Apabila anda menginginkan ke tiga template tersebut (template saja), cukup dengan harga Rp100.000 anda sudah bisa mendapatkannya. Proses pengiriman-nya nanti melalui Email.

Ups.. anda tidak hanya mendapatkan ke-3 template saja.. tetapi anda akan mendapatkan file-file pendukung agar anda dengan mudah membuat, memodifikasi template toko online sesuai dengan produk yang akan anda pasarkan, diantaranya:
  1. Tutorial lengkap mulai dari membuat blog, install template, modifikasi, menerapkan widget, maintenance dan setting template toko online (khususnya template Fashion ungu-pink)
  2. Project file Header Fashion ungu pink dengan adobe photosghop.
  3. Icon animasi Yahoo messenger yang lucu-lucu, baik untuk yang online maupun yang offline.
  4. Script/kode HTML pendukung.
Apabila anda tertarik dengan layanan jasa pembuatan toko online dari saya dan atau ingin mendapatkan ke-3 template toko online blogspot beserta file pendukungnya, anda bisa menghubungi saya melalui:
Tlp/SMS: 085715950615, 088211457172

Email: buatblog89@yahoo.co.id
YM: buatblog89
Selanjutnya kami akan memberitahukan teknis selanjutnya.

Demikian Penjelasan dalam membuat toko online dengan blogspot, semoga kerja-sama saya dengan anda bisa terjalin dengan baik.

Jumat, 18 Mei 2012

Membuat menu drop down blogspot –Bagian2

Alhamdulillah, akhirnya artikel cara membuat menu dropdown di blogspot bagian 2 sudah selesai dan saya bisa berbagi dengan anda. Pada beberapa waktu yang lalu saya telah menulis artikel dropdown bagian ke-1. Menu dropdown Horizontal kali ini adalah dengan menggunakan kode CSS dan HTML yang simple sehingga mudah dalam pembuatan-nya tentunya dengan hasil yang memuaskan. Menu dropdown ini berfungsi ketika anda sudah mempunyai konten yang banyak dan ingin mempermudah pengunjung mengakses artikel atau page/halaman yang anda pilih sehingga lebih konten blog anda lebih terorganisir.

Langkah yang saya terangkan di-bawah hasilnya seperti pada demo:


Cara membuat menu drop down di blogspot adalah sebagai berikut:
  • Sign ke Blogger > Design > Page Elements 
  • Pilih dan tambahkan Gadget HTML/JavaScript yang berada di bawah Header blog anda dan tambahkan kode dibawah ini:
<div id='mbtnavbar'>
          <ul id='mbtnav'>
            <li>
              <a href='#'>Beranda</a>
            </li>
            <li>
              <a href='#'>Tentang saya</a>
           </li>
            <li>
              <a href='#'>Produk</a>
            </li>
      <li>
               <a href='#'>Kontak</a>

                <ul>
                    <li><a href='#'>Facebook</a></li>
                    <li><a href='#'>Twitter</a></li>
                    <li><a href='#'>Yahoo</a></li>
                  </ul>
            </li>

          </ul>
        </div>
Keterangan:
  1. Ganti tanda # dengan lamat url yang diinginkan
  2. Apabila ingin menambah menu anda tinggal menambahkan kode di-bawah sebelum kode </ul>
<li>
          <a href='#'>Tab Name</a>
        </li> 
  • Sekarang masuk ke Design > Edit HTML 
  • Untuk jaga-jaga apabila ada kesalahan, silahkan anda download dulu template anda sebagai back up. 
  • Cari kode ]]></b:skin> 
  • Tambahkan kode di-bawah tepat sebelum kode ]]></b:skin>

/*----- MBT Drop Down Menu ----*/


    #mbtnavbar {
        background: #000000;
        width: 880px;
        color: #FFF;
            margin: 0px;
            padding: 0;
            position: relative;
            border-top:0px solid #000000;
            height:35px;

    }


    #mbtnav {
        margin: 0;
        padding: 0;
    }
    #mbtnav ul {
        float: left;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    #mbtnav li {
        list-style: none;
        margin: 0;
        padding: 0;
            border-left:1px solid #DDD;
            border-right:1px solid #DDD;
            height:35px;
    }
    #mbtnav li a, #mbtnav li a:link, #mbtnav li a:visited {
        color: #000;
        display: block;
       font:normal 12px Helvetica, sans-serif;
       margin: 0;
        padding: 9px 12px 10px 12px;
            text-decoration: none;
          

    }
    #mbtnav li a:hover, #mbtnav li a:active {
        background: #809FFE;
        color: #FFF;
        display: block;
        text-decoration: none;
            margin: 0;
        padding: 9px 12px 10px 12px;
          
      
          
    }

    #mbtnav li {
        float: left;
        padding: 0;
    }
    #mbtnav li ul {
        z-index: 9999;
        position: absolute;
        left: -999em;
        height: auto;
        width: 160px;
        margin: 0;
        padding: 0;
    }
    #mbtnav li ul a {
        width: 140px;
    }
    #mbtnav li ul ul {
        margin: -25px 0 0 161px;
    }
    #mbtnav li:hover ul ul, #mbtnav li:hover ul ul ul, #mbtnav li.sfhover ul ul, #mbtnav li.sfhover ul ul ul {
        left: -999em;
    }
    #mbtnav li:hover ul, #mbtnav li li:hover ul, #mbtnav li li li:hover ul, #mbtnav li.sfhover ul, #mbtnav li li.sfhover ul, #mbtnav li li li.sfhover ul {
        left: auto;
    }
    #mbtnav li:hover, #mbtnav li.sfhover {
        position: static;
    }

    #mbtnav li li a, #mbtnav li li a:link, #mbtnav li li a:visited {
        background: #809FFE;
        width: 120px;
        color: #000;
        display: block;
        font:normal 12px Helvetica, sans-serif;
        margin: 0;
        padding: 9px 12px 10px 12px;
            text-decoration: none;
    z-index:9999;
    border-bottom:1px dotted #333;

      
    }
    #mbtnav li li a:hover, #mbtnavli li a:active {
        background: #2646A6;
        color: #FFF;
        display: block;
        margin: 0;
        padding: 9px 12px 10px 12px;
            text-decoration: none;
    }
Keterangan:
Silahkan Ganti kode yang saya tandai merah di-atas sesuai dengan keinginan anda.
  • Jangan Lupa Simpan pekerjaan anda
Demikaian Langkah-langkah dalam cara membuat menu drop down blogspot –Bagian2 kali ini. semoga  bermanfaat.

Rabu, 16 Mei 2012

7 Alasan Blogspot Penyedia blog gratis terbaik

Apakah anda salah seorang yang bingung dalam memilih penyedia blog gratis? mana yang akan dipilih untuk dijadikan blog. Manakah yang lebih Unggul dan apa keunggulan dari masing-masing penyedia blog gratis tersebut. Banyaknya penyedia blog pada akhir-akhir ini membuat kita harus memilih jenis penyedia blog apa yang akan kita pakai. Situs penyedia blog yang sering digunakan pengguna internet adalah blogspot dan Wordpress, disamping ke-2 layanan blog tadi ada juga layanan blog lain yang mulai banyak pemakainya yaitu Multiply yang baru-baru ini kantor pusatnya berpindah ke Indonesia dari tempat asalnya Amerika.

Kalau tanya kepada saya, dari ke-3 situs di-atas, mana penyedia blog terbaik?, maka tentu anda sendiri bisa menilai saya pilih yang mana? Karena anda sekarang membaca artikel ini di salah satu dari ketiga di-atas. he.., Yup.. tidak salah lagi namanya adalah Blogspot dari Blogger yang pemiliknya adalah Google. Karena sudah tau saya memilih Blogspot, sekarang saya akan paparkan kepada anda kenapa harus memilih blogspot daripada layanan blog lain. Artikel ini sifatnya bukan paksaan karena andalah sendiri yang akan menentukan mau pilih yang mana.

Keunggulan Blogspot: (sebagai perbandingan saya membandingkan dengan wordpress)
  1. Gratis, Blogspot dari Blogger adalah 100% gratis. Anda di-sini akan mendapatkan Domain, Hosting dan fitur blogspot secara Cuma-Cuma. Domain name yang didapat adalah nama sendiri yang berakhiran blogspot.com (contoh: http://kangroes.blogspot.com ) dan anda tidak usah pusing memikirkan lagi biaya untuk Hosting dan bandwith.
  2. Bekingnya Google, siapa yang tidak tau Google. Karena pemilik blogspot adalah Google tentu layanan-layanan dari google akan memprioritaskan blog dari blogspot dibanding dengan blog lain.
  3. kompatibilitas Blogspot terhadap dukungan Script, Blogger mendukung Script Web javascript dan Java Applet, sehingga anda bisa ber-kreasi maksimal untuk membuat fitur-fitur / plugin / widget dengan bebas. Coba bandingkan dengan wordpress yang hanya mengandalkan plugin bawaannya sendiri.
  4. Template/theme bisa domodifikasi. Blogspot menyediakan banyak theme bawaan yang bisa dimanfaatkan, tapi tidak hanya itu, anda juga bisa memodifikasinya baik dari sisi background, Font, warna, lebar blog, dll.
  5. Konektifitas/jalur Blogspot cepat. Kalau dilihat dari sisi traceroute yaitu Pengecekan Jalur-jalur Router yang dilewati dari source address/alamat asal sampai destination address/alamat tujuan) jelas Blogspot tidak melewati jalur internasional tidak seperti halnya Wordpress yang memakai jalur internasional karena semenjak blogspot dibeli oleh Google, server Blogspot berada pada jalur IIX / Lokal Indonesia
  6. Tingkat keamanan Blogspot lebih terjamin. Berdasarkan situs keamanan Packetstormsecurity.org, didapati bahwa Blogspot hanya mempunyai 1 kelemahan, sedangkan Wordpress terdapat 876 kelemahan dalam berup SQL Injection (pencurian data dengan me manipulasi perintah mysql) atau-pun XSS Scripting.
    Anda bisa baca di link berikut:
    http://packetstormsecurity.org/search/?q=wordpress
    http://packetstormsecurity.org/search/?q=blogspot
  7. Blogspot bisa digunakan untuk tujuan bisnis. Salah satunya Blogspot bisa di monetize (di-uangkan) dalam arti dijadikan mesin penghasil uang. Anda bisa menggunakan Google Adsense yang sudah disediakan di-dalam blogspot.
Saya rasa 7 alasan di atas sudah cukup untuk meyakinkan anda kenapa anda harus memilih blogspot dibanding layanan blog lain. Blogspot adalah penyedia blog gratis terbaik saat ini. Setuju? Semoga artikel ini bermanfaat.

Jumat, 11 Mei 2012

Widget Cek Resi TIKI JNE dan Pos Indonesia

cek nomor resi pengiriman tiki jne dan pos indonesia
JNE, TIKI, POS Indonesia
Artikel cara cek resi tiki, jne, pos Indonesia melalui widget Blogspot. Anda mempunyai Toko online dari blogspot, atau blog anda menawarkan barang yang cara pengiriman-nya menggunakan jasa pengiriman seperti JNE, TIKI atau POS Indonesia. Setiap pengiriman barang dengan menggunakan Jasa kirim tersebut tentunya klien menginginkan atau meminta informasi Tracking No atau yang populer dengan nama kode nomor resi, nomor resi ini berguna berguna untuk melacak sampai sejauh mana proses barang pesanan sampai. Nah untuk memudahkan pemilik blog atau website dan untuk memudahkan klien mengecek-nya sendiri, pada kesempatan ini saya akan berbagi informasi sebuah widget/gadget untuk pengecekan kode nomor resi jasa pengiriman TIKI, JNE dan POS Indonesia.
Widget ini memudahkan anda maupun klien agar tidak susah-susah masuk ke situs resmi ketiga jasa kirim tersebut ketika mau mengecek melalui nomor resi.
Cara membuat widget cek nomor resi TIKI, JNE dan pos Indonesia, cukup mudah, anda tinggal copy kode di-bawah dan paste pada widget/gadget HTML blog sobat:

Kode Tracking/nomor resi JNE:

    <img style="width: 126px; height: 67px;" src="http://i.imgur.com/JzyLE.png" alt="" title="" />

    <form action="http://www.jne.co.id/index.php" method="get" name="input" target="_new2">
    <input type="hidden" name="mib" value="tracking.detail" />
    JNE: <input name="awb" type="text" />
    <input type="submit" value="Submit" /></form>

Tampilan dari kode cek no resi JNE diatas akan seperti ini:





JNE:


Kode Tracking/nomor resi TIKI:
    <img style="width: 126px; height: 67px;" src="http://i.imgur.com/Wlfnn.jpg" alt="" title="" />
    <form method="post" action="http://www.tiki-online.com/tracking/track_single" name="input" target="_blank">TIKI:<input id="TxtCon" name="TxtCon" type="text">
    <input id="button" name="button" value="Submit" type="submit"></form>

Kode Tracking/nomor resi POS:
    <img style="width: 126px; height: 67px;" src="http://i.imgur.com/K0oO2.jpg" alt="" title="" />
    <form method="get" action="http://www.posindonesia.co.id/home/modules/mod_search/tmpl/libs/lacakk1121m4np05.php" name="input" target="_blank">POS:<input name="barcode" type="text">
    <input value="Submit" type="submit"></form>

Bagaimana mudah bukan cara membuatnya? Mudah-mudahan dengan menggunakan blog widget cara cek no resi pengiriman tiki, jne dan pos Indonesia anda dan klien anda semakin mudah dan bisnis semakin lancar...

Kamis, 03 Mei 2012

Membuat tulisan berkedip di blog

Dari artikel Facebook like sekarang beralih membahas cara membuat tulisan berkedip di blog atau kata lain tulisan kelap-kelip. Biasanya tulisan yang di buat menjadi berkedip adalah tulisan yang dianggap penting dan diharapkan dibaca oleh pengunjung. dengan fungsi berkedip atau kelap kelip maka konsentrasi pengunjung yang sedang membaca isi blog anda akan lebih memfokuskan kepada isi yang di buat berkedip tersebut.

Cara membuat tulisan berkedip di blog sangat mudah sekali, anda hanya menambahkan Blink di awal dan di akhir sebuah tulisan yang akan anda di buat kelap-kelip. contohnya tulisan berkedip seperti di-bawah ini:






TULISAN BERKEDIP


Jadi ketika anda menulis sebuah artikel dan slah satu tulisan anda akan dijadikan berkedip maka tambahkan kode <blink> diawal tulisan yang akan dibuat berkedip dan tambahkan kode </blink> di akhir tulisan tersebut. lengkapnya adalah:
<blink>TULISAN BERKEDIP</blink>
Yang perlu anda perhatikan:
  • Pada saat menulisakan kode tersebut, posisi penulisan harus berada pada bagian Edit HTML yang letaknya di sebelah tulisan compose.
  • Silahkan ganti TULISAN BERKEDIP sesuai dengan tulisan yang akan dibuat berkedip.
Nah selesai sudah artikel singkat ini.. semoga Artikel cara membuat tulisan berkedip di blog kali ini bisa anda menfaatkan.

Selasa, 01 Mei 2012

Membuat facebook like dan send button di blogger blog

membuat facebook like
Pada artikel sebelum membuat facebook like dan send button di blogger ini di tulis, saya sudah membuat artikel seputar facebook satu diantaranya adalah Cara menghubungkan twitter ke facebook, fungsi facebook kali ini terletak setelah posting blog anda atau bisa juga setelah judul posting blog, Pengunjung yang tertarik dengan isi blog anda akan dengan mudah untuk meng-like lewat facebook dan menshare ke yang lain dengan menggunakan tombol facebook share.
Untuk melihat contoh hasilnya, anda bisa melihat pada artikel contoh (demo) jasa pembuatan blog Kangroes Versi-2 disini.

Cara pembuatan facebook like dan send button adalah sebagai berikut:
  • Log in ke blogger anda
  • Pilih design > Edit HTML
  • Back up dulu data template anda untuk jaga-jaga.
  • Centang Expand widgets templates box
  • Cari kode berikut: <data:post.body/>, anda bisa menekan tombol F3
  • Apabila anda ingin meletakan plugin facebook like dan share button dibawah judul postingan maka tempatkan kode dibawah sebelum kode <data:post.body/>, dan apabila ingin meletakannya setelah akhir postingan maka letakan setelah kode <data:post.body/>.
    Kode nya adalah:
    <div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" send="true" layout="button_count" width="450" show_faces="false" font=""></fb:like>
  • Jangan lupa save pekerjaan anda.
Artikel facebook lain yang pernah saya tulis adalah:
  1. Membuat facebook di blog
  2. Cara Membuat Widget Melayang Facebook Like Box
  3. Cara membuat share box di blogspot
  4. Cara memasang Gadget Facebook
Demikian artikel seputar facebook kali ini. semoga membuat facebook like dan send button di blogger blog bermanfaat buat blog anda.