Bagaimana cara posting artikel di Blogger Store V.2 agar gambar produknya tidak melewati batas kotak list produknya? dan Bagaimana juga agar harga produk di template toko online Blogger Store V2 bisa terlihat langsung di halaman muka dengan terblog berwarna merah seperti di contoh demonya?
1. Pilih menu 'Posting artikel baru' pada blog anda kemudian klik tombol 'Insert Image' untuk memasukkan gambar ke postingan anda (tentunya gambar produk yang akan anda posting). Sebaiknya lakukan ini terlebih dahulu sebelum memberikan keterangan produk anda.
2. Bila gambar telah di-upload, selanjutnya klik tombol 'HTML' yang ada di posisi kanan atas halaman posting artikel anda (untuk tampilan blogger lama) atau di bagian kiri atas (untuk tampilan blogger baru).
3. Langkah selanjutnya setelah anda masuk pada bagian edit html postingan artikel anda adalah dengan melakukan enter 2 kali (gunanya untuk memisahkan antara kode gambar yang sudah ada dan kode yang akan anda paste seperti di bawah ini). Setelah itu, langsung paste saja code di bawah ini ke dalam baris paling atas halaman HTML postingan artikel anda seperti penjelasan no. 2 di atas (Ingat! Bukan halaman HTML template anda).
<div class="item_image">Tentunya pada saat anda pertama kali masuk pada halaman edit html artikel anda akan menemui code gambar yang sudah anda upload tadi seperti penjelasan no. 1 di atas, misalnya contohnya akan seperti ini setelah anda mem-paste kode di atas (ingat! Contoh kode pada paragraf kedua di bawah hanya contoh. jangan copy-paste ke blog anda karena sudah ada formatnya di blog anda sendiri) :
<img border="0" class="item_thumb" src="product_image.jpg" />
<span class="item_price">$00.00</span>
</div>
<div class="item_Description">
Isi dengan Penjelasan Produkmu DiSini
</div>
<div class="item_image"><div dir="ltr" style="text-align: left;" trbidi="on">
<img border="0" class="item_thumb" src="product_image.jpg" />
<span class="item_price">$00.00</span>
</div>
<div class="item_Description">
Isi dengan Penjelasan Produkmu DiSini
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGZOfgMiH4iLgoVkOLNI0JBMs-OZSRR0ac5APIBdsE2FP8AxaXnJ6p_orupDDnmtXDxz61BQAwtmzysqXngRp0z_sLmpkTxK71zy7I0Gcpp6pf5Cq8eMNAhoWZo9JrdLetsCE8fnQJTkYH/s1600/baju-merah-putih.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGZOfgMiH4iLgoVkOLNI0JBMs-OZSRR0ac5APIBdsE2FP8AxaXnJ6p_orupDDnmtXDxz61BQAwtmzysqXngRp0z_sLmpkTxK71zy7I0Gcpp6pf5Cq8eMNAhoWZo9JrdLetsCE8fnQJTkYH/s200/baju-merah-putih.jpg" width="200" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br /></div>
4. Agar tampilan template Blogger Store V2 anda sesuai dengan yang dicontohkan/demo sumber aslinya, maka langsung copy saja contoh kode berwarna oranye pada paragraf kedua di atas dan paste atau timpakan atau ganti pada kode berwarna oranya paling atas yang berada di paragraf pertama di atas, sehingga jadinya akan seperti ini setelah anda menghapus seluruh kode pada paragraf kedua di atas:
<div class="item_image">Jadi, Ingat! kode pada paragraf kedua di atas harus di hapus semua setelah kode berwarna oranyenya dipindahkan ke kode berwarna oranye yang ada pada paragraf pertama (
<img border="0" class="item_thumb" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGZOfgMiH4iLgoVkOLNI0JBMs-OZSRR0ac5APIBdsE2FP8AxaXnJ6p_orupDDnmtXDxz61BQAwtmzysqXngRp0z_sLmpkTxK71zy7I0Gcpp6pf5Cq8eMNAhoWZo9JrdLetsCE8fnQJTkYH/s200/baju-merah-putih.jpg" />
<span class="item_price">$00.00</span>
</div>
<div class="item_Description">
Isi dengan Penjelasan Produkmu DiSini
</div>
src="product_image.jpg'). 5. Terakhir, tinggal kembali ke halaman compose atau penulisan artikel dengan mengklik tombol 'Compose' yang berada di posisi kanan atas halaman posting artikel anda (untuk tampilan blogger lama) atau di bagian kiri atas (untuk tampilan blogger baru). Dan anda tentunya akan menemui halaman postingan anda hanya akan berisi gambar, harga dan tulisan "Isi dengan Penjelasan Produkmu DiSini". Tinggal mengganti harganya dan tulisan tersebut sesuai dengan penjelasan produk yang diinginkan lalu klik 'Publish' atau 'Publikasikan' jika sudah selesai.Kedengarannya prosesnya panjang kan? Tapi, ini hanya terlihat dari penjelasannya saja mengenai cara posting artikel di Blogger Store V.2 yang saya buat sangat detail agar anda mengerti, namun pada praktekkany sangat simpel sebenarnya.
Selanjutnya saya akan menjawab pertanyaan ringan mengenai masalah penggunaan Blogger Store V.2, yaitu Kenapa pada saat pertama kali memposting produk di tempalate Blogger Store V.2 slide gambar flash produknya yang berada di bagian atas tersembunyi atau tidak normal?
Jawabnya: Itu hanya karna anda masih memposting atau menampilkan produk kurang dari sepuluh gambar produk. Bila anda sudah memposting minimal 10 produk tampilannya akan menjadi normal lagi.
Saya rasa sekian dulu yang bisa saya sampaikan mengenai Blogger Store V.2 untuk kesempatan ini silahkan lanjutkan pembahasan Bag. II soal template blogger v2 ini di 'Mengatasi Masalah Blogger Store V2'. Dan mungkin anda berminat mengetahui postingan saya mengenai tekhnik seo : "Trik Blog SEO Friendly versi Google Panda"
0 Komentar untuk "Cara Posting di Blogger Store v.2"