Cara Posting di Blogger Store v.2

Inabuy.com - Sebenarnya sih ada banyak yang menjelaskan tentang Toko Online ala Blogger yang tercanggih ini (menurut saya), tapi kebanyakan hanya menjelaskan soal cara install dan fasilitas downloadnya saja. Untuk itu, khusus pada artikel saya kali akan membahas soal cara posting produk di Blogger Store V.2 agar sesuai dengan contoh demo yang ada di sumber tempalatenya (javatemplates.com) yang intinya agar pada saat anda posting produk anda melalui template Blogger Store V.2 ini gambarnya tidak melebihi batas border thumbnailnya atau bahasa sederhanya yaitu gambar produk postingannya otomatis sesuai dengan kotak yang tersedia seperti contoh demonstrasinya. Selain itu tentu anda bertanya bagaimana caranya agar harga produk yang dari gambar produk yang anda posting bisa terlihat seperti pada contohnya? Tentunya akan saya jawab juga beserta permasalahan lainnya menyangkut Blogger Store V2 ini. Karenanya ada beberapa pertanyaan yang akan saya jawab mengenai Blogger Store V2 ini yang tidak terjawab di kolom komentar blog o.om.com :

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">
<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>

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) :

<div class="item_image">
<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 dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-M7C0FyHUntE/Tu9VuGFiM7I/AAAAAAAAAW8/ArjOj4sSp4U/s1600/baju-merah-putih.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="http://2.bp.blogspot.com/-M7C0FyHUntE/Tu9VuGFiM7I/AAAAAAAAAW8/ArjOj4sSp4U/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">
<img border="0" class="item_thumb" src="http://2.bp.blogspot.com/-M7C0FyHUntE/Tu9VuGFiM7I/AAAAAAAAAW8/ArjOj4sSp4U/s200/baju-merah-putih.jpg" />
<span class="item_price">$00.00</span>
</div>
<div class="item_Description">
Isi dengan Penjelasan Produkmu DiSini
</div> 

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 (

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"