Melanjutkan materi "Meroketkan Omset Siswa", langkah kali ini adalah mengelola gambar, harga dan info produk. Kali ini coba langsung aku beri contoh bagaimana memasang banner produk di blog toko on-line.
Langkah 1.
Menyiapkan gambar dengan ukuran panjang 685 dan lebar 285, edit gambar ini bisa dilakukan dengan photoshop.
Langkah 2.
Mengunggah gambar, bisa di https://www.flickr.com/ kalau belom punya Account ya harus daftar dulu. Kalau sudah punya account langsung saja sign in. Upload gambar dan share gambar hingga dapat alamat gambar tersebut, contohnya seperti ini . Gambar baru
Langkah 3.
Login di blogger.com, pilih layout. akan tampil layout blog anda, di klik HTML/Java bagian banner. Masukkan koding berikut:
Langkah 3.
Login di blogger.com, pilih layout. akan tampil layout blog anda, di klik HTML/Java bagian banner. Masukkan koding berikut:
<div
class="slider-wrapper theme-pascal">
<div class="ribbon"></div>
<div id="slider" class="nivoSlider">
<a href="http://www.bukablog.com">
<img src="https://farm9.staticflickr.com/8694/16735692237_ea2b847778_o.png" alt="" /></a>
</div>
</div>
koding warna merah untuk menampilkan gambar di banner, jika anda ingin menambahkan gambar lagi di banner, tinggal copas koding yang berwarna merah tersebut diletakkan dibawahnya dan jangan lupa mengganti sumber gambarnya dengan copas alamat gambar yang sudah kita upload di flikr.com di koding yang berwarna merah tercetak miring.
langkah 4.
Menyimpan perubahan template dan lihat hasilnya
( bersambung...)
langkah 4.
Menyimpan perubahan template dan lihat hasilnya
( bersambung...)
