Posted by : jody baharizki Saturday, December 22, 2012

berikut adalah cara-cara menggunakan template blogger shop yang tampilanya seperti ini www.beckzstore.com

tampilan template bogger shop
(search di google utk download)

 demo  download   

jika anda baru meng-install template ini mungkin anda akan bingung karena, template ini masih harus di oprek sedikit script html nya.

tips & trick

1. posting minimal 8 product/gambar dagangan anda, ini dikarenakan slider akan bekerja normal setelah memiliki 8 gambar atau lebih

2. atur ukuran gambar anda width="150px" height="130px" (menyesuaikan)

3. setiap postingan berisi 1 gambar

dan setelah anda mengatasi slider, perlu juga memperhatikan label harga yang muncul pada gambar. Pada awal memposting label harga tidak keluar jika tidak diberi tambahan script. Berikut scriptnya


<div class="item_image">
<img border="0" class="item_thumb" src="disini gambarmu.jpg" />
<span class="item_price">$15.00</span>
</div>
<div class="item_Description">
Diskripsi anda disini
</div>

REMEMBER :
 cara meletakan script adalah sebagai berikut:

1. masuk menu post  upload lah gambar pada menu compose. (compose | html)

2. kemudian pindahlah ke menu html. akan muncul script hasil image anda. (warna biru adalah link gambar)

contoh:
    <div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-DnIvNZ3nvv0/UNXlz4JhULI/AAAAAAAAA0Q/FDIoyVTEo0A/s1600/Capture.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="197" src="http://3.bp.blogspot.com/-DnIvNZ3nvv0/UNXlz4JhULI/AAAAAAAAA0Q/FDIoyVTEo0A/s320/Capture.PNG" width="320" /></a></div>
<br />   


3. letakan script berwarna merah di bawah script yang sudah ada. (enter 3x  untuk membedakan/memisahkan script asli dengan script yang baru)

4. copy link image src yang ada di script upload gambar. (warna biru)

5. paste di script yang dibawah ->  <img border="0" class="item_thumb" src="hasil copy link image.jpg" /> 

6. script yang berwarna merah adalah script yang akan digunakan, delete script yang sebelumnya (script saat upload image)

7. klik save - publish

maka akan tampil label harga di gambar thumbnail anda.



 dan harga tersebut berfungsi saat kita klik add to chart pada web. semoga berhasil dan bermanfaat.


-@jodybaharizki-

{ 26 comments... read them below or Comment }

  1. cara mengubah $ menjadi Rp gimana mas?

    ReplyDelete
    Replies
    1. class="item_price">$15.00
      diganti
      class="item_price">Rp 130.000

      Delete
  2. klo upload produk lebih dari 8 gmn?misalnya 50 produk,soalnya saya upload sekaligus malah gambarnya saling numpuk.mohon bantuannya ya

    ReplyDelete
    Replies
    1. saling numpuknya gimana mas iwan ? kalo mau lebih lanjut bias email :)

      Delete
  3. untuk memperbaiki tampilan grid harus gimana ya? mohon bantuannya..
    blog saya : gemsmagasin.blogspot.com

    ReplyDelete
    Replies
    1. gemma yanha : blog anda sepertinya tidak bisa saya buka. apakah benar ?

      Delete
  4. Kenapa Post Commentx ga bisa di isi yah? Trus kalau membuat link di post ga bisa di klik. Mohon Bantuannya

    ReplyDelete
    Replies
    1. aroel eur : Bisa lihat alamat blog anda ? defaultnya sih comment berjalan normal, hanya saja untuk link blog tdk menyediakan

      Delete
    2. untuk menambah link berikan script html a href

      contoh : -a href="link kamu"- -/a-
      ( ganti - dengan < dan > )

      Delete
    3. Ni bro link blog saya
      www.annisagallery01.blogspot.com

      Delete
    4. saya barusan coba komen di blog anda. bisa bro +p asang link juga bisa

      Delete
  5. Gan, kok silde tidak bisa tampil ya, padahal saya sudah test posting sebanyak 8 posting. mohon bantuannya gan... ini alamatnya gan. http://jepunblog.blogspot.com/

    ReplyDelete
    Replies
    1. dear Yovan,
      silahkan dicoba untuk menambahkan satu postingan lagi. Dicoba bisa atau tidak ?

      Delete
  6. gan, KALO GAMBARNYA DIKLIK ADD TO CHART sama NAV nya kok MASIH KELIHATAN??
    Gimana cara biar ADD TO CHART dan NAV nya gak kelihatan ketika gambar diKLIK???
    tnks

    ReplyDelete
  7. THANKS ^_^ sangat membantu sekali ^_^

    ReplyDelete
  8. Bagus mas tutorialnya. Klo supaya garis border yang digambar di hilangkan bagaimana caranya ya ?

    ReplyDelete
  9. bisa kok normal semua, cm smpe saat ini sy blm bs edit pembayaran. pngennya pembayaran via Email dan pembayaran di cart kok nilai rupiahnya di singkat, gmn tuh scriptnya ini linknya www.belanjahellokitty.blogspot.com

    ReplyDelete
  10. mas mau nanya nih. Cara agar tombol "add to cart" tidak menutupi menu dropdown gimana ya ???
    ini link saya www.nikidistro.blogspot.com
    Terima Kasih

    ReplyDelete
  11. Makasih atas infonya silakan kunjungi web kami, http://sunthreesh0p.blogspot.co.id/ (masih dalam proses)

    ReplyDelete
  12. This comment has been removed by the author.

    ReplyDelete
  13. mas tampilan blog saya kok ndak sama seperti aslinya ya? dan gimana caranya mengasih more info lebih tepatnya agar more info itu berguna. terimakasih

    ReplyDelete
  14. Bang, biar abiz checkout nggak lari ke paypal tapi ke email form yang masuk ke email kita gimana caranya bang?

    ReplyDelete

Psang Iklan?

Psang Iklan?
Klik gambar diatas

Like Us!

Youtube

\
\

Labels

Powered by Blogger.

Total Pageviews

- Copyright © 2016 Jody Baharizki -@jodybaharizki- Powered by Blogger -