| KOLOM TANPA GAMBAR | ||
| Kolom 1-1 | Kolom 1-2 | Gambar 1-3 |
| Kolom 2-1 | Kolom 2-2 | Gambar 2-3 |
| Kolom 3-1 | Kolom 3-2 | Gambar 3-3 |
| KOLOM DENGAN GAMBAR | ||
 Gambar 1 |
Gambar 2 |
Gambar 3 |
MENGGAMBAR BANYAK KOLOM DAN BARIS PADA BLOGGER
Berikut untuk menggambar menggunakan tabel pada blogger
Untuk membuat kolom baris liat contoh diatas
BoekaSHOP,Template Toko Online Blogger responsive GRATIS
 |
| BoekaSHOP Reponsive blogger Template |
Fitur-fitur di BoekaSHOP template :
- Keranjang belanja / Shopping cart.
- Responsive ads banner.
- Footer 4 kolom.
- Navigasi drop down.
- Full Responsive design.
Baca juga : Cara sukses berjualan via Instagram.
Panduan Instal BoekaSHOP :
1. Membuat posting produk di BoekaSHOP
Seperti biasa template toko online memang memiliki style posting
tersendiri yang akan membuat strukturnya sama dengan posting produk
lainnya.
<div class="product_image">
<a class="cloud-zoom" href="your-url-img" rel="softFocus: true, position:'inside', smoothMove:2"><img border="0" class="item_thumb" id="image3" src="your-url-img" /></a><br />
<span class="item_price">$50</span> </div>
<div class="product_describe">
Product description HERE....</div>
Keterangan :
- Untuk kode berwarna MERAH silahkan anda ganti dengan URL gambar produk anda. Kenapa ada 2..?? karna template ini memiliki fitur zoom di dalamnya.
- Untuk text kode berwarna kuning adalah harga produk dengan mata uang/Currency dollar.
- Tulisan berwarna Biru silahkan di ganti dengan deskripsi lengkap produk anda.
Petunjuk penting :
Agar anda mudah dalam membuat posting produk selanjutnya.Silahkan anda aktifkan fitur Post Template dengan cara :
- Klik menu Setting.
- pilih Post and Comment > Post template ( Template Entri ).
- Klik Add / Tambahkan dan pastekan kode posting di atas pada kolom kosong yang tersedia seperti gambar di bawah ini. Klik Save setting ( simpan setelan ).
Baca juga : Cara install dan mengganti template di blogger
Setting Shopping cart / Keranjang pembayaran.
Disini anda harus setting beberapa keperluan seperti Email paypal untuk
pembayaran pembeli nantinya.Untuk mengganti akun paypal,silahkan cari
kode seperti berikut ini di HTML :
simpleCart.email ="dinotemplate@gmail.com";
simpleCart.checkoutTo = PayPal;
simpleCart.currency = USD;
Keterangan :
- Silahkan ganti email yang berwarna merah dengan email paypal anda ( Email yang sudah terdaftar di Paypal ).
- Silahkan klik Simpan template ( save templates )
Menambahkan widget yahoo messenger di BoekaSHOP.
- Pilih menu Tataletak / Layout > pilih Tambahkan gadget ( add gadget ) > Pilih HTML/JavaScript.
- Pastekan kode YM berikut ini pada kolom yang tersedia.
<center>
<a href="ymsgr:sendIM?bukathemes">
<img src="http://opi.yahoo.com/online?u=bukathemes&m=g&t=14&l=us"/>
</a>
</center>
- Silahkan ganti kode warna merah dengan ID Yahoo messenger anda.
- Klik Simpan / Save.
Mungkin template toko online boekashop ini belum memasukin versi
sempurna dan harap memakluminya. Tunggu di update versi berikutnya dan
selamat mencoba dengan template baru ini.
Untuk menyimpan javascript biasanya kita gunakan googlecode, akan tetapi googlecode sebentar lagi akan ditutup dan rekomendasikan migrasi ke GitHub. Tutorial berikut akan mengupas cara menyimpan javascript pada github serta mempublish pada blog maupun web yang kita punya
Langkah 1
Jika sebelumnya belum mendaftar atau register di Github, maka register dahulu melalui halaman github.com
Jika sudah register dengan mengisi data username, email dan password, selanjutnya klik konfirmasi email yang dikirim oleh Github. (tidak di konfirmasi dulu juga bisa)
Langkah 2
Setelah login di halaman Github, dan memilih paket yang gratis atau free, lalu klik tanda + (plus) yang ada di pojok kanan atas sebelah username. Lalu pilih New repository.
Langkah 3
Isi nama repository, (nama tempat penyimpanan file) misal isi dengan Javascript, status biarkan Public dan klik Create repository.
Langkah 4
Pada halaman selanjutnya (yaitu halaman repository) klik setting
Langkah 5
Pada halaman selanjtnya, scroll ke bawah sampai bagian Github Pages, klik Automatic Page Generator, karena sebelum dapat menyimpan file kita harus membuat halaman terlebih dahulu
Langkah 6
Selanjutnya klik Continue to layouts. Isikan kode google analytics jika ingin halaman tersebut di track.
Langkah 7
Selanjutnya kita akan masuk ke halaman yang sudah dibuat sebelumnya, dan klik Publish page
Langkah 8
Setelah di klik publish page, kita akan kembali ke halaman repository (https://github.com/username/namarepository) Lalu klik tanda + (plus) yaitu untuk membuat file baru.
Langkah 9
Selanjutnya isikan nama file diakhiri dengan ekstensi .js, dan paste script yang kita miliki di bagian bawah. (Jika ingin menyimpan file css maka isi nama file diakhiri ekstensi .css)
Langkah 10
Jika sudah di paste scroll ke bawah dan klik Commit new file
Langkah 11
Setelah di klik Commit new file kita akan kembali ke halaman repository. Pada langkah ini proses menyimpan script sudah selesai, selanjutnya tinggal mengambil link dari file tersebut. Klik kanan file yang sudah di buat, lalu pilih copy link location.
Sehingga berdasar contoh di atas hasil link yang didapat seperti berikut https://github.com/bungdus/javascript/blob/gh-pages/relatedpost.js
bungdus adalah username
javascript adalah nama repository
Langkah 12
Buka halaman Rawgit.com. Pastekan link tadi seperti pada gambar dibawah ini, dan copy link pada kotak seperti pada gambar dibawah ini. Pilih saja Link yang saya beri kotak warna merah seperti gambar dibawah
link no 2 tersebut yang kita letakkan di blog maupun web yang kita punya
Demikian cara menyimpan javascript di Github, tidak hanya javascript tapi juga file-file lain yang bisa di simpan secara ekternal seperti css juga bisa di simpan di github..
Langkah 1
Jika sebelumnya belum mendaftar atau register di Github, maka register dahulu melalui halaman github.com
Jika sudah register dengan mengisi data username, email dan password, selanjutnya klik konfirmasi email yang dikirim oleh Github. (tidak di konfirmasi dulu juga bisa)
Langkah 2
Setelah login di halaman Github, dan memilih paket yang gratis atau free, lalu klik tanda + (plus) yang ada di pojok kanan atas sebelah username. Lalu pilih New repository.
Langkah 3
Isi nama repository, (nama tempat penyimpanan file) misal isi dengan Javascript, status biarkan Public dan klik Create repository.
Langkah 4
Pada halaman selanjutnya (yaitu halaman repository) klik setting
Langkah 5
Pada halaman selanjtnya, scroll ke bawah sampai bagian Github Pages, klik Automatic Page Generator, karena sebelum dapat menyimpan file kita harus membuat halaman terlebih dahulu
Langkah 6
Selanjutnya klik Continue to layouts. Isikan kode google analytics jika ingin halaman tersebut di track.
Langkah 7
Selanjutnya kita akan masuk ke halaman yang sudah dibuat sebelumnya, dan klik Publish page
Langkah 8
Setelah di klik publish page, kita akan kembali ke halaman repository (https://github.com/username/namarepository) Lalu klik tanda + (plus) yaitu untuk membuat file baru.
Langkah 9
Selanjutnya isikan nama file diakhiri dengan ekstensi .js, dan paste script yang kita miliki di bagian bawah. (Jika ingin menyimpan file css maka isi nama file diakhiri ekstensi .css)
Langkah 10
Jika sudah di paste scroll ke bawah dan klik Commit new file
Langkah 11
Setelah di klik Commit new file kita akan kembali ke halaman repository. Pada langkah ini proses menyimpan script sudah selesai, selanjutnya tinggal mengambil link dari file tersebut. Klik kanan file yang sudah di buat, lalu pilih copy link location.
Sehingga berdasar contoh di atas hasil link yang didapat seperti berikut https://github.com/bungdus/javascript/blob/gh-pages/relatedpost.js
bungdus adalah username
javascript adalah nama repository
Langkah 12
Buka halaman Rawgit.com. Pastekan link tadi seperti pada gambar dibawah ini, dan copy link pada kotak seperti pada gambar dibawah ini. Pilih saja Link yang saya beri kotak warna merah seperti gambar dibawah
link no 2 tersebut yang kita letakkan di blog maupun web yang kita punya
Demikian cara menyimpan javascript di Github, tidak hanya javascript tapi juga file-file lain yang bisa di simpan secara ekternal seperti css juga bisa di simpan di github..
Langganan:
Postingan (Atom)