Tampilkan postingan dengan label cara membuat blog. Tampilkan semua postingan
Tampilkan postingan dengan label cara membuat blog. Tampilkan semua postingan

Cara Membuat Web Toko Online Dengan Blogspot | Template Online Shop Blogger Checkout Email Responsive

Cara Membuat Toko Online Gratis Dengan Blogspot

Membuat Toko Online Gratis
Salam sobat blogger,  toko online menjadi media perantara antara penjual dan pembeli dalam transaksi online, dimana sebuah website toko online menjadi penentu keberhasilan penjualan produk. Untuk pemula dengan modal pas pasan mungkin akan berfikir 2 kali untuk membuat toko online ketika baru mau mencoba untuk berjualan online, karena tidak sedikit biaya yang harus di keluarkan jika sobat akan membuat sebuah website e commerce untuk online shop apalagi pengetahuan yang masih minim dalam web programing yang otomatis menjadi tergantung dengan pihak lain (penyedia jasa toko online).

Kabar baiknya jika sobat pengguna blogger.com atau blogspot.com yang merupakan layanan gratis dari google untuk pengguna layanan google. Blog yang sobat miliki dapat di jadikan toko online gratis selamamnya, jadi buat sobat pemula bisa mencoba jualan online dengan biaya free /gratis, cukup dengan modal komputer yang terkoneksi ke internet sobat sudah bisa menjual produk yang sobat miliki ke seluruh dunia.

Bagaimana caranya menjadikan blogspot menjadi toko online? tentunya kita harus memiliki template yang mendukung, walaupun pada dasarnya semua template juga bisa untuk menjual produk dengan media komunikasi telpon atau sms dengan memberikan nomer kontak yang bisa dihubungi, tetapi hal seperti ini menjadi kurang efektif dimana jika orderan / pesanan semakin banyak maka customer service akan kewalahan dalam melayani pembeli.

Berbeda jika sobat sudah menggunakan template blogger yang sudah mendukung shoping chart dengan checkout melalui email atau paypal, hal ini akan lebih efisien dengan semua pesanan pembeli dan alamat pembeli yang langsung terkirim melalui email, baik email ke penjual atau email invoice ke pembeli sehingga sobat tinggal menyiapkan barang yang sudah di pesan untuk dikirim kepada pembeli jika telah melakukan pembayaran.

Template Blogger  Responsive Untuk Online Shop Dengan Checkout Email

Pada kesempatan ini saya berbagi tampalte dari tukangtokoonline yang di share dan memang bekerja templatenya, terutama untuk notifikasi invoice email jika ada order masuk, sehingga pembeli akan terlayani dengan baik yang tentunya bisa menjadi modal kepercayaan untuk membeli produk lagi dari toko online kita di kemudian hari. Silakan sobat Download Template Toko Online dan Kelengkapan Template
Tampilan Template Online Shop Blogger Checkout Email Responsive

Setelah download template silakan pasang template pada blog sobat dan pasang semua kelengkapan templatenya, mulai dari checkout form, checkout note, icon display, promo produk dan tambahkan tamplate entri postingan pada menu Setelan >> Pos dan Komentar >> Tamplate Entri
Langkah selanjutnya silakan sobat masuk ke edit tamplate, kemudian cari text berikut ini, untuk yang berwarna kuning silakan sobat ganti dengan blog sobat masing masing. Untuk melihat demonya silakan sobat lihat Toko Online Tas Murah Berkualitas Disini
// Customize URL, links and Blogshop name
  data.shop_name = "Jual Tas Online";
  data.shop_url = "http://jualtasonlinemurahberkualitas.blogspot.com/";
  data.shop_thankyou = "http://jualtasonlinemurahberkualitas.blogspot.com/p/success.html";
  data.shop_sendFail = "http://jualtasonlinemurahberkualitas.blogspot.com/p/error.html";
  data.shop_email = "publisheronline1@gmail.com";

  // Currency to display in email invoice
  data.shop_currency = "Rp ";

  // Customize blogshop business preferences. Leave " - " (dash) if not required
  data.shop_bizname = "Tsaqila House";
  data.shop_bizaddress = "Bekasi - Jawabarat, Indonesia";
  data.shop_bizphone1 = "024-361 8321";
  data.shop_bizphone2 = "024-361 8321";
  data.shop_bizphone3 = "024-361 8321";

  // Customize blogshop banking preferences. Leave " - " (dash) if not required
  data.bank1 = "Bank BCA";
  data.bank1_acc_no = "1234 1234 1111 22";
  data.bank1_acc_name = "membuatcara.com";
 
  data.bank2 = "Bank Mandiri";
  data.bank2_acc_no = "1234 1234 1111 22"; 
  data.bank2_acc_name = "membuatcara.com";

  data.bank3 = "Bank BNI";
  data.bank3_acc_no = "1234 1234 1111 22"; 
  data.bank3_acc_name = "membuatcara.com";

NB: Untuk mendapat notifikasi email secara langsung dan up to date silakan ganti data.email dengan email yang terkoneksi dengan smartphone android sobat, jadi ketika ada transaksi pembelian sobat langsung mendapat notifikasi email seperti mendapat sms.

Semoga bermanfaat.

Cara Membuat Website Gratis Cepat di Simple Site

Tutorial Gambar Membuat Website Gratis Cepat

Salam sobat blogger, membuat website hari ini sudah semakin mudah dengan banyaknya web hosting yang menyediakan layanan website builder. Website builder menjadikan pembuatan web / blog hanya di lakukan dalam beberapa langkah sederhana yang hampir semua orang bisa melakukannya, karena website builder lebih ke user interface di mana langkah langkahnya di visualisasikan.

Berikut ini tutorial pembuatan website menggunakan layanan dari simplesite.com.
Langkah pertama silakan sobat buka simplesite.com atau id.simplesite.com, Kemudian sobat diberikan pilihan jenis website yang akan dibuat, apakah blog pribadi atau bisnis.
Setelah itu sobat pilih warna tema untuk web sobat.
Kemudian pilih gambar untuk website sesuai kebutuhan
Berikutnya pilih background/ lata belakang website
Langkah selanjutnya, tambahkan judul situs lanjut simpan dan lanjutkan
Berikutnya buat nama pengguna, nama pengguna ini yang nantinya juga di pakai untuk melakukan login ulang ke situs simple site dot com setelah website jadi.
Berikutnya membuat sandi untuk login
Langkah selanjutnya masukan email sobat
Dan terakhir ceklist untuk persetujuan / aggreement
Situs sobat berhasil di buat, pilih sub domain simplesite untuk website gratis, atau sobat beli domain Tld yang di tawarkan di sana.
website jadi
website jadi 2




Cara Membuat Blogspot Menjadi Toko Online | Custom Domain Blogger Menjadi Website .com

Cara Membuat Blogspot Menjadi Toko Online


Blogspot merupakan salah satu produk google untuk membuat blog gratis dengan masa aktif selamanya. Walaupun namanya blogspot sebagai sub domainnya tapi cara membuatnya bukan berarti di blogspot.com tetapi untuk membuat sebuah situs blogspot sobat bisa membuatnya di blogger.com walaupun ketika sobat mengisi url dengan blogspot.com akan secara otomatis dialihkan ke google user untuk blogger.com.

Dari blogger.com sobat bisa login dengan account google untuk bisa masuk ke dashboard. Disana sobat bisa membuat blog baru baca tutorialnya Cara Membuat Blog Bisnis Online. Dalam pembuatannya terdapat langkah yang cukup penting dan sangat dominan untuk kelangsungan blog yang sobat akan buat yaitu pemilihan tamplate yang akan di gunakan sebagai tampilan default blogspot.

Cara Membuat Blogspot Menjadi Toko Online

Ketika sobat ingin belajar berjualan dengan toko online mungkin sobat bisa mencoba cara ini, karena tidak perlu mengeluarkan modal yang besar untuk membuatnya cukup modal komputer / PC yang terkoneksi internet dan sedikit banyak pengetahuan tentang web programing, bagaimana caranya?

Blogspot bisa dijadikan toko online dengan menggunakan tamplate yang di desain untuk memasang konten yang akan di jual layaknya toko online profesional yang memiliki Keranjang Belanja / Shopping Cart, sehingga produk yang akan dibeli bisa diproses secara online dari segi jumlah kuantitas barang dan total harga yang harus di bayarkan, berikut ini penampakan blog toko online yang saya pakai untuk jualan.
Cara Membuat Blogspot Menjadi Toko Online

  Template | Live Demo 

Langkah pertama adalah download dahulu tamplatenya, kemudian masuk ke Dashboard blogspot sobat dan pilih bagian tamplate kemudian klik di Cadangkan/Pulihkan, setelah itu upload file tamplate yang tadi telah kita download biasanya filenya berformat .xml
Cara Membuat Blogspot Menjadi Toko Online


Cara Membuat Blogspot Menjadi Toko Online
Setelah berhasil mengunggah tamplate, salin kode html berikut ini ke dalam Tamplate Entri di bagian Setelan >> Pos dan Komentar

<table border="1" style="width: 660px;">
<tbody>
<tr>
<th class="item_thumb" id="thumb" width="45%"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA16tGoTLvVvoVf0ZPO0a7DiARd2NILYjms1DSvNzp_0YHm5E3SL8oh-znyUybUC1JUWepSNtAEuRN9Fesixl65Yet9JezflCdEWxQOFc6wDPFeJtLG1kpvrLi0stuL4ym4EBdCT0ZXV_K/s1600/blue.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5610175970378217570" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA16tGoTLvVvoVf0ZPO0a7DiARd2NILYjms1DSvNzp_0YHm5E3SL8oh-znyUybUC1JUWepSNtAEuRN9Fesixl65Yet9JezflCdEWxQOFc6wDPFeJtLG1kpvrLi0stuL4ym4EBdCT0ZXV_K/s400/blue.gif" style="cursor: hand; cursor: pointer; display: block; height: 164px; margin: 0px auto 10px; text-align: center; width: 148px;" /></a></th>
<td><input class="item_add" type="button" value="Add to Cart" /></td>
</tr>
<tr>
<th><b>Item Name</b></th>
<td class="item_name">Product Name Goes here!</td>
</tr>
<tr>
<th><b>Price</b></th>
<td class="item_price">$99.99</td>
</tr>
<tr>
<th><b>Description</b></th>
<td class="item_Description">Your product description here!</td>
</tr>
<tr>
<th><b>Available Stock</b></th>
<td>Stock count here!</td>
</tr>
<tr>
<th><b>Misc</b></th>
<td>Place extra thumbs/images of product here</td>
</tr>
</tbody>
</table>

Kode Html di atas berfungsi untuk layout postingan seperti gambar berikut
Cara Membuat Blogspot Menjadi Toko Online
Silakan Sobat isi postingan sesuai dengan produk yang akan di jual, ganti gambar, nama, deskripsi dan harganya.

Langkah selanjuntnya ialah mengkonfigurasi Simple Cart menggunakan email Paypal
Sobat masuk ke tamplate seperti cara di atas kemudian pilih edit Html, kemudian cari kode berikut ini dan kemudian ganti di bagian emailnya dengan email sobat yang terdaftar di paypall

<script type='text/javascript'>
simpleCart.email = &quot;bloggermint@gmail.com&quot;;
simpleCart.checkoutTo = PayPal;

simpleCart.cartHeaders = [&quot;thumb_image&quot; , &quot;Quantity_input&quot; ,   &quot;Total&quot;, &quot;remove&quot; ];

</script>
<tr><th><b>Misc</b></th>
<td>Place extra thumbs/images of product here</td>
</tr>
</tbody>
</table>

Cara membuat blogspot di hp

Cara membuat blogspot di HP pada dasarnya sama dengan di PC atau Laptop, yang membedakan hanya pada tampilan untuk versi mobile biasanya tampilannya lebih di padatkan. Jika sobat menggunakan browser seperti mobile chrome atau opera mini tampilan mungkin sama persis dengan versi desktop dengan zoom in dan out untuk pemakaiannya, tapi jika menggunakan aplikasi blogger mobile ini akan terlihat lebih simple untuk posting atau edit content.

Buat para blogger menggunakan blogger versi mobile cukup membantu jika sobat sedang berada di perjalanan atau diluar kota. Versi mobile juga sangat mendukung untuk penulisan content seputar smart phone atau tablet ketika memerlukan screen shot layar dari gadget mobile.

Cara Membuat Blogspot Keren

Blogspot dikatakan keren cukup relatif, karena penilaian orang bisa jadi berbeda dari segimana bisa di bilang keren. Untuk para blogger sebuah blog bisa dikatakan keren misalnya jika pengunjungnya sudah ribuan perhari, yang menunjukan keunggulan situs blog dari segi konten dan optimasinya di mesin pencari. Bagaimana supaya blog memiliki performa yang baik dalam berkompetisi di rimba belantara internet salah satunya faktor kecepatan loading page, jadi jika pengunjung dengan bandwidt yang pas-pasan juga masih bisa membukanya.

Faktor lain untuk sebuah blog yaitu tamplate yang responsive mengingat sekarang banyak device yang di gunakan oleh user yang tentunya memiliki resolusi yang berbeda-beda, tamplate responsive memiliki kelebihan bisa menyesuaikan device yang membukanya.

Cara Membuat Blogspot Menjadi Website Domain TLD

Dalam dashboard blogger terdapat fasilitas untuk pengguna untuk mengubah domain hosted menjadi domain tld, Apa itu TLD (Top Level Domain)?
Top Level Domain Name adalah deretan kata dibelakang nama domain seperti:
.com  (dotcommercial)     = Komersil
.net   (dotnetwork)     = Network
.org   (dotorganization)     = Organisasi
.edu  (doteducation)     = Pendidikan
.gov  (dotgoverment)     = Pemerintahan
.mil (dotmilitary).     = Militer

Ada dua macam Top Level Domain, yaitu Global Top Level  Domain (gTLD) dan Country Code Top Level Domain (ccTLD).

gTLD adalah seperti yang diungkapkan diatas, seperti : .com, .net, dll.

ccTLD adalah TLD yang diperuntukkan untuk masing-masing negara,  seperti Indonesia dengan kode ID (co.id, net.id, or.id, web.id, ac.id, sch,id) atau Singapura dengan kode SG (com.sg, net.sg, dsb).

Top Level Domain ini secara umumnya sering di sebut dengan istilah ‘extension' domain.

Apa itu Second Level Domain (SLD)?

Second Level Domain Name (SLD) adalah nama domain yang sobat  daftarkan. Misalnya nama domain yang sobat daftarkan adalah  Syauqi-Hamada.com, maka Syauqi-hamada adalah SLD dan .comnya adalah TLD.


Caranya silakan sobat masuk ke dashboard blogger kemudian pilih setelan dasar seperti gambar berikut:
Cara Membuat Blogspot Menjadi Website
Silakan sobat isi pada domain pihak ketiga dengan domain yang sudah sobat beli dari penyedia layanan hosting. Dibagian server yang sobat daftarkan domainnya harus di setting DNSnya terlebih dahulu.
Cara Membuat Blogspot Menjadi Website

Semoga bermanfaat.

Cara Membuat Blog Dengan Blogger menggunakan Tamplate NewsPick Gratis

Salam, sobat blogger seperti yang pernah saya janjikan untuk memposting cara membuat blog di blogger.com, langsung saja berikut ini tutorial singkatnya:

Pertama, sebelum kita memulai membuat blog dengan blogger.com yang merupakan salah satu produk dari  Google Inc, maka kita harus mempunyai account google terlebih dahulu yaitu dengan membuat email dari produk google juga yaitu account@gmail.com atau lebih jelasnya baca : Cara Membuat Email Gmail, Yahoo dan Facebook

Setelah kita mempunyai account di gmail.com maka kita bisa masuk ke langkah selanjutnya yaitu membuat blog di blogger.com.
Caranya buka blogger.com di tab browser anda, kemudian login dengan account gmail yang tadi telah kita buat. Setelah masuk klik pada "Blog Baru" dan kemudian isikan yang di lingkari warna merah seperti gambar berikut, kemudian pilih tamplate default yang di berikan blogger.
Terakhir klik "Buat blog" dan blog sudah bisa di gunakan. Sebagai catatan ketika kita mengisi alamat blog yang kita inginkan sebaiknya mengikuti konten yang akan di posting dalam blog tersebut ini penting karena akan menambah nilai SEO di google page rank, catatan lainnya ketika kita mengisi alamat blog tidak tersedia maka kemungkinan alamat blog tersebut sudah ada yang membuatnya. Untuk mengakalinya kita bisa gunakan (-) sebagai pemisah katanya, contoh jika kita hendak membuat alamat: tempatwisata.blogspot.com tapi alamat tersebut tidak tersedia, maka bisa kita coba dengan alamat : tempat-wisata.blogspot.com.

Untuk pemilihan tamplate kita ambil sembarang tamplate karena nantinya tamplate ini akan kita ganti dengan tamplate modifikasi yang lebih seo frindly atau dengan tampilan yang lebih menarik dengan fitur - fitur yang tidak ada di template default yang sudah ada.

Pada langkah selanjutnya ketika kita menginginkan lebih terlihat profesional blognya, maka kita memerlukan customisasi pada blog seperti: memilih tamplate yang lebih mewakili konten blog, Bagaimana cara mengganti tamplate blog? Sebelumnya perlu di fahami bahwa perubahan atau mengganti template sebuah blog tidak akan menghapus konten yang sudah ada, namun tampilan konten sebelumnya akan mengikuti tamplate blog yang baru, jadi ketika hendak mengganti tamplate ada baiknya tamplate awal di back up terlebih dahulu. Caranya Login ke blogger anda, kemudian masuk ke template, Pilih Cadangkan / Pulihkan pada bagian kanan atas layar


Cara Back up tamplate blogger

Setelah kita back up tamplate, tinggal kita unggah tamplate baru yang akan di gunakan, Caranya pilih pada telusuri untuk mencari tamplate yang akan di upload dengan format file berekstensi .xml. Sebagai contoh pada gambar di bawah ini kita upload tamplte Photo Gallery Dark.xml

Cara ganti tamplate blogger

Nah  bagi yang belum memiliki tamplate, berikut ini beberapa contoh tamplate yang bisa di gunakan untuk memodifikasi blog sobat sekalian:

Tamplate Blogger NewsPick

Tamplate Blogger Newspick

DEMO | Tamplate

Tamplate Blogger ProMagazine

Tamplate Blogger ProMagazine

DEMO | Tamplate

Tamplate Blogger Sorared

Tamplate Blogger Sorared

 DEMO | Tamplate

Silakan sobat lihat demonya terlebih dahulu kemudian pilih salah satu template untuk di download. Misalkan kita coba download tamplate Newspick, bisa di lihat tutorialnya seperti gambar berikut:
Setelah kita download, kemudian kita exstrak dan pilih salah satu dari file berekstensi .xml yang ada. Karena di sana ada dua file .xml yang satu untuk tamplate menggunakan fitur Image Slider dan satunya tidak ada Image Slidernya, silakan pilih sesuai kebutuhan sobat,


Tamplate NewsPick Blogger

Kemudian kita upload seperti langkah yang saya contohkan pada gambar diatas, setelah tamplate di unggah silakan lihat perubahan tampilan blog sobat. Jika upload tamplatenya maka tampilanya akan sama seperti DEMO templatenya dengan judul dan deskripsi blog yang berbeda. Langkah selanjutnya ?

Berikutnya silakan sobat masuk kebagian tamplate untuk mulai memodifikasi blog dengan mengubah / EDIT HTML. Untuk sobat blogger yang masih awam tentang HTML maka jangan panik dulu melihat kode-kode yang begitu banyak dan hampir sama atau bahkan bikin pusing
untuk sebagian orang. karena dalam tutorial ini akan saya coba langkahnya step by step, sehingga jika sobat sekalian mengikuti secara seksama dan dalam tempo yang sesingkat- singkatnya LHO itu kan text proklamasi  :), intinya kalau serius pasti bisa ok sob.

Edit HTML Tamplate
Lansung saja Klik Edit HTML
Langkah pertama kita mengganti gambar pada slider

Mengganti Gambar Pada Image Slider Tamplate NewsPick Blogger

  • Siapkan beberapa gambar atau alamat Url gambar sebagai pengganti gambar default yang sudah ada, gambar ini nantinya akan menjadi gambar yang mungkin merupakan isi dari artikel atau konten yang akan di posting di blog sobat sekalian, jadi pilihlah gambar yang sesuai dengan isi konten yang akan di posting. Ukuran gambar dengan dimensi minimal 615px × 300px.
  • Dengan menggunakan tombol Ctrl + F pada posisi kursor di text kode HTML, cari kode diantara :  
  •  Diantara kode tersebut terdapat 5 slider default, berikut ini saya ambil slide 1
<!-- Slide 1 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisERxeijBwzP_DUxRtdnY6AKM8-OfnIZ7b__wffuief6pNKXSBIwTD0x5f8_x4Hd2ZA_Sv2fis65Fl8WcYrcyw6ANFHTgfvG-8eXe46VWmYQ4bt6A0hLJHX_XdLmuuelTQCHwlhVDIU3M/s1600/1.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>This is default featured slide 1 title</a>
</h3>
<p>
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 1 Code End -->

Silakan sobat ganti kode yang berwarna merah dengan alamat url gambar yang akan tampil di image slider dalam slide yang pertama.
Untuk tanda # warna kuning adalah tempat menaruh url dari artikel postingan yang berkaitan dengan gambar yang ada dalam image slider yang pertama.
Untuk warna biru adalah tempat menaruh judul artikel dari postingan gambar slider yang pertama.
Untuk warna hijau silakan sobat ganti dengan deskripsi singkat dari artikel dengan gambar slider pertama
 
Demikian ulasan singkatnya, walaupun masih banyak yang perlu di jelaskan, mudah2an bisa di lanjutkan di postingan berikutnya. Kalau ada pertanyaan silakan dikolom komentar...