Template Blogger Ultimate Store

2 Mar 2012 | Permalink

Dalam kesempatan kali ini IdBlogDesign ingin berbagi template Ultimate Store yang dibuat khusus untuk bermain Amazon Affiliate agar lebih menyenangkan dan terlihat sedikit profesional. Template blogger tersebut menggunakan post snippet yang merupakan salah satu fitur terbaru dari blogger yang telah dimodifikasi sehingga terlihat sesuai dengan apa yang diinginkan.

Meskipun dalam metode post snippet ini menggunakan gabungan dari javascript, hasil post snippet yang dihasilkan tetap dibuat SEO Friendly sehingga Anda tidak perlu khawatir karena sudah diuji menggunakan Google Webmaster dan bekerja dengan baik. Selain itu juga mendukung rating dan review yang secara otomatis disetiap posting. Sedangkan dalam navigasi halaman, template blogger ini juga dilengkapi dengan breadcumbs.

Untuk desain template Ultimate Store ini masih mengandalkan kode css3, sehingga mungkin tidak akan terlihat seperti yang diharapkan jika menggunakan jenis browser yang tidak mendukung kode css3. Berikut beberapa keunggulan dan kekurangan template Ultimate Store:

Kelebihan
1. Skor untuk kecepatan halaman tunggu menurut Google Page Speed kurang lebih sekitar 91, meskipun sudah memasang iklan banner Amazon sebanyak 4 jenis tampilan.

2. Menggunakan metode Post Snippet yang telah dimodifikasi sehingga gambar produk dalam posting terlihat sesuai dengan ukuran yang diinginkan sehingga Anda tidak perlu lagi menggunakan script auto readmore dan yang lainnya. Untuk sekedar saran, alangkah baiknya ukuran gambar produk dibuat berukuran square(ex: 400x400,300x300,dsb).

3. Untuk preview hasil penelusuran Google atau mesin pencari yang lainnya sudah memenuhi persyaratan. Telah diuji coba dengan menggunakan Search Rich Snippets Testing Tool dari Google Web master.

4. Mendukung Breadcumbs, Rating dan Review secara otomatis disetiap posting.

5. Mempunyai dukungan penempatan ukuran widget yang bervariasi, antara lain berukuran 468x60 pada posisi header, 125x125 sebanyak 2 dan berukuran 300x250 diposisi sidebar dan pada posisi footer sebanyak 4 berukuran lebar 219.

Kelemahan
Sejauh ini template Ultimate Store masih mengalami masalah jika dibuka dengan menggunakan jenis browser yang tidak mendukung kode css3. Mungkin untuk kedepannya akan IdBlogDesign sempurnakan.

Untuk live demonya bisa dilihat disini, sedangkan untuk download template Ultimate Store tersebut disini

Semoga template Ultimate Store untuk blogger dapat bermanfaat bagi Anda yang berkenan mau mencoba, dan mohon maaf jika masih banyak kekurangan.

62 Komentar:

  1. thanks gan!
    ane baru buat nehh.. tolong dibantu gan cara pakai gmna yahh,, ane udh coba posting tapi thumbnails-nya (homepage) kok kagak nongol ya..!!!
    (mampir please)

    BalasHapus
    Balasan
    • hehe..kok aneh ya masta? saya udah coba di 2 blog baru aman-aman aja tu masta. Coba ganti dulu dengan tema minima standar bawaan blogger, terus untuk widget dihapus dulu semua atau Revert widget templates to default, setelah itu baru dipasang lagi template Ultimate Store-nya.

      Hapus
    • udh dicoba oomm, tapi tetap kagak mau nongol juga tumbnails nya.
      apa mungkin karena ane pengguna baru blogger ya.. jdi mumet bgt terasa!!! xiii..xii..

      btw, gmna seh oomm cara posting artikelnya yg benar (versi html nya), jgn2 ada kode yang ane lewatkan neh makanya images kagak bisa di convert menjadi thumbnails.. klo boleh ane di kirimi "email" contoh artikelnya dong oomm.. yg versi htmlnya!!!
      hiii..hii... :-D

      Hapus
    • hehe...saya juga baru belajar ngeblog kok masta. Biasanya saya posting dengan metode "edit html" masta, terus kalau buat gambar biasanya pakai kode <img src="Url Gambar" alt="Tag Gambar" width="Lebar Gambar" height="Tinggi Gambar" title="Judul Gambar" />

      Hapus
    • sama nih om, saya posting pake software AzonProfitMaster yg keluar di homepagenya cuma image stock, udah diganti2 juga templatenya ke standar, tapi tetap kayak gitu. ada saran gk ?

      Hapus
    • Maaf masta, kalau boleh tau alamat blognya apa ya? ehm...coba check judul post-nya dah dikasih belum masta, soalnya kalau belum dikasih biasanya thumbnail g mau nongol.hehe...

      Hapus
  2. kalo untuk hal depan, tampilkan jumlah posting kok tidak bisa lebih dari 7 ya ?! padahal pengaturan posting sudah saya pake 16 postingan ?! mohon pencerahannya ! makasih masta

    BalasHapus
    Balasan
    • hehe...coba dengan 2 langkah saja masta. cara 1 : dengan melalui menu settings - formatting - show at most terus cara ke 2 : masuk menu design - page elements - edit posting blog - configure blog posts - number of posts on main page. Semoga saja bisa masta, selamat mencoba.hehe...

      Hapus
    • tetep gak bisa...udah saya gonta-ganti tmplte juga gak bisa...kayaknya ada yang gak beres nih tmplte saya yang lama ?! ada saran masta ?!

      Hapus
    • Coba ganti dulu dengan tema default blogger, terus untuk widget dihapus dulu semua atau Revert widget templates to default, setelah itu baru dipasang lagi template Ultimate Store-nya.

      Hapus
  3. gan apa postingnya pakai auto, ato saya yang ga paham gimana postingnya. mohon pencerahan gan. thank's

    BalasHapus
    Balasan
    • Template ini dibuat untuk posting manual masta, tapi juga tidak menutup kemungkinan untuk versi auto tergantung kreasi masing2 aja. Kalau untuk cara posting wajar2 aja masta, biasanya saya pakai versi posting html, terus untuk gambar saya host di album picasaweb(ada baiknya ukuran gambar square, ex:300x300, 400x400,etc)

      Hapus
  4. templatenya maknyus mastah... langsung active breadcrumb-nya di google kira² 5 hari setelah ane pakai di blog ini: _specs-me.blogspot.com

    oia mastah cara membuat breadcrumb seperti ini gmna kemarin saya test² dengan template buatannya simplex design ga bisa. demo: _simplexcelebs.blogspot.com

    padahal saya samakan seperti kode breadcrumb template ini. mohon kiranya untuk mengajari :D

    bdw thanks

    BalasHapus
    Balasan
  5. Wah Thanks Berat Gan, Ijin Nyedot Gan...Pokoknya Sukses selalu Buat Agan Mastha Admin, O Iya Gan BTW Template Yg Ini Di Share Jg Donk

    http://kaffeepadmaschinekaufen.blogspot.com/

    Pas Browsing Gak Sengaja Nemu

    BalasHapus
    Balasan
  6. maaf om, mau tanya :D

    ini kok g muncul ya img nya. mohon penceerahan.

    Exp : pada home page

    http://ongkicakepbanget.blogspot.com/

    BalasHapus
    Balasan
    • Maaf masta, barusan saya check imagenya muncul tu masta. Template yang ini khusus image-nya harus dihost di picasaweb masta. Kalau mau pakai yang versi auto bisa kunjungi adsense-id.com/forums/forum.php aja masta, disana template yang ini ada yang modif buat versi auto. hehe...

      Hapus
    • hahaha iya.. ngikuti trik kk kk di atas tuh . . . siap lah... ane kesengsem ama itu theme :D mingkin ada recomended. ane siap nampung :)

      Hapus
  7. templatenya bagus bgt gan, makasih n sukses selalu...

    btw cara bikin 'customer review' n 'buy now' button seperti di demo, gimana gan? kok di ane gak ada ya? maklum msh newbie.. thx before

    http://bestultrabookstore.blogspot.com/

    BalasHapus
    Balasan
    • Coba pakai kode berikut ini masta :

      <div id="bottomlink">
      <a href="masukan url Anda" title="Customer Reviews" target="_blank" rel="nofollow" id="green">Customer Reviews</a> <a href="masukan url Anda" title="Buy Now" target="_blank" rel="nofollow" id="orange">Buy Now</a>
      </div>

      Hapus
    • woooohhooooo.... cuakep banget mastaaahhh.... makasih beud, gan! semoga sukses selalu untuk anda.

      Hapus
    • Sama-sama masta, mohon maaf jika template masih memiliki banyak kekurangan :)

      Hapus
  8. Gan... Klo solusi gambar tumbnail g nongol n cuman 2 post di home yg nongol juga gan gimana ya? padahal sudah di set 12 post...

    BTW untuk widget yg sidebarnya juga gan, kotak... Padahal header, post, dan footer udah membulat pojok"nya... Tapi sidebar tetap kotak... Gimana solusinya ya gan?

    Thanks n maaf kalimatnya belepotan... Nubi gan,,, sorry :)

    BalasHapus
    Balasan
    • Maaf masta, setelah saya check di blog masta, ternyata gambar posting tidak dihost dipicasaweb, sedangkan untuk membuat post thumbnailnya bekerja salah satu syaratnya gambar haruslah dihost dipicasaweb. Sedangkan untuk membuat border yang melengkung disidebar tinggal modifikasi bagian css sidebar menggunakan "border-radius". :)

      Hapus
    • Ane coba aja gan ntu, coba dari yang terberat / post panjang, sampai post pendek apa bisa kebaca gitu, ternyata salahnya di image hosting ya?
      Masalahnya punya ane ada blog ini : heldaupik.blogspot.com yang ane setting 5 post di home dengan readmore, yg nongol 1, padahal ane pake google picasa,,, ane post dari word, makalah panjang, jadi ane kira masalah berat jadi g nongol

      Klo masalah widget tadi,,, ane g ngerti maksud agan, tambah dimana, bisa lebih disederhanakan kata"nya? atau kasih ane contoh1, atau agan punya tutorialnya?
      :)

      Hapus
  9. untuk blog yang heldaupik tersebut mungkin pengaruh dari script2 tertentu dari templatenya masta. Pengaturan untuk menampilkan posting dihalaman utama ada 2 cara : 1. melalui menu settings 2. melalui menu design , apakah sudah fix masta?

    Untuk widget coba buka template, terus edit css dengan cara cari kode .sidebar2-left lalu tambahkan kode -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px; jadi hasilnya .sidebar2-left{width:125px;height:125px;overflow:hidden;float:right;padding:10px;margin:10px 0 0;border:1px solid #ccc;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}

    BalasHapus
    Balasan
    • Mantap gan... Berhasil...
      Tinggal Tumbnail aja yg belum ane benerin...
      Utak atik template dari agan dulu... BTW, thanks banget...
      :)
      Untuk blog ane yg satunya ntu g masalah ya gan klo artikelnya panjang" 30 halaman word? Kali aja berpengaruh dengan tampilan di home ane?
      Ane dah setting melalui menu blogger, klo lewat design lewat mana ya gan? yg "Expand Template Widget" ntu ya? sorry OOT :(

      Hapus
    • Untuk halaman saya rasa tidak masalah masta, cuman mungkin untuk load agak lama.

      Masuk menu design - edit layout - posting blog(edit) - Configure Blog Posts - Number of posts on main page.

      Hapus
    • Udah gan cara ntu... G berhasil :(
      Tapi thanks dulu semua pencerahannya tentang template ultimate store... Semua masalah teratasi... Mantap banget si agan...
      Sekarang ane tinggal hapus semua postingan percobaan ane tadi mpe habis n posting yang baru :)

      Hapus
  10. gan untuk setting produk di footernya itu gmana ya?

    BalasHapus
    Balasan
    • untuk bagian footer sebenarnya dibuat untuk widget masta, tapi kalau didemo cuman saya kasih kode text html banner(gambar, text dan kode referal). Jadi tergantung kreasi masing2 masta :)

      Hapus
  11. itu kalo pointer mousenya diarahin ke produk di footer kan ga keluar link url di kayar kiri bawah. cm keluar nama produk. tapi kalo di klik bisa masuk ke link amazon. itu caranya gimana gan? he..he.. maklum baru belajar... thx.

    BalasHapus
    Balasan
  12. Gan udah saya coba di produk yg di footer dan sukses. Tapi saya coba di posting dengan cara yang sama dan kode yang sama kok tidak bisa ya? selalu kembali ke defaultnya blogger. Solusinya gimana ya?

    BalasHapus
    Balasan
    • hehe...dicoba dulu masta :), mungkin ada kode yang sedikit terlewatkan.

      Sebagai saran, setelah melakukan posting dengan metode edit html jangan langsung beralih ke metode compose, biasanya kode akan berubah.

      Hapus
  13. Mastah gimana cara ganti favicon di template ini yah?

    BalasHapus
    Balasan
  14. Mastah bagaimana cara mem"Bold"kan tulisan dalam button costumer review dan buy now?

    BalasHapus
    Balasan
  15. terima kasih mastah nanti saya coba pada posting product selanjutnya :D

    BalasHapus
  16. gan mohon cek email masuknya ane ada pertanyaan disana. Thx ya sebelumnya

    BalasHapus
    Balasan
    • Maaf masta ke email yang mana ya?(soalnya kebanyakan email) he...

      Hapus
    • Sudah saya ganti bos cek http://newshotproduct.blogspot.com/ meta tag saya hilang... ada 4 blog meta tagnya jadi ludes.. saya cek di seocentro - meta tag analizis dan hasilnya "Found no title." dan meta tag des, keyword smeuanya... mohon cek. (meta tag di edit html masih tetep utuh)

      Hapus
    • maaf bos ini apa yang terjadi sih hari ini.. kok blog sobat master2 juga Meta Tagnya hilang....? termasuk punyanya si bos.. hari ini 4/4/12 dari pagi... kejadinaya

      Hapus
    • Maaf masta baru bisa balas. Menurut saya penulisan format meta tag pada template sudah benar. Atau mungkin permasalahan terletak pada platform blogger soalnya belakangan ini blogger mengadakan rombak habis-habisan untuk layanan blogger tersebut. Atau masta bisa coba check meta tag blog masta dengan layanan web meta analis yang lainnya. :)

      Hapus
    • Bos mau tanya lagi http://newshotproduct.blogspot.com/ ketika saya short link nya di bagian review dan buy now.. link kelihatan di status bar bawah.. nah yang punya agan klw saya short link review dan buy now kk gak kelihatan? gimana caranya gan?

      Hapus
  17. Thx bos.. ane pantau blognya terus.. trimakasih sudah mau berbagi templatenya... mudah2an agan bisa dapat rezeki yang halal.

    BalasHapus
  18. Mas bro supaya di halaman depan judulnya ngelink gimana? yg di contoh www.bloggerblur.com judul yg di home pada ngelink ke post. Tp ane coba bikin ishaverstore.com judulnya pada gak ngelink.. mohon solusinya ya mas bro.. trims

    BalasHapus
    Balasan
    • Coba masta cari kode yang mirip dengan yang ini:

      <b:includable id='post' var='post'>
      <div class='post hentry'>
      <a expr:name='data:post.id'/>
      <b:if cond='data:post.title'>
      <h3 class='post-title entry-title'>
      <b:if cond='data:post.link'>
      <a expr:href='data:post.link'><data:post.title/></a>
      <b:else/>
      <b:if cond='data:post.url'>
      <b:if cond='data:blog.url != data:post.url'>
      <data:post.title/>
      <b:else/>
      <data:post.title/>
      </b:if>
      <b:else/>
      <data:post.title/>
      </b:if>
      </b:if>
      </h3>
      </b:if>

      Terus masta ganti dengan kode berikut ini:

      <b:includable id='post' var='post'>
      <div class='post hentry'>
      <a expr:name='data:post.id'/>
      <b:if cond='data:post.link'>
      <h3 class='entry-title'>
      <a expr:href='data:post.link'><data:post.title/></a>
      </h3>
      <b:else/>
      <b:if cond='data:post.url'>
      <b:if cond='data:blog.url != data:post.url'>
      <h3 class='entry-title'>
      <a expr:href='data:post.url' expr:title='data:post.title' rel='bookmark'><data:post.title/></a>
      </h3>
      <b:else/>
      <h1 class='entry-title'>
      <data:post.title/>
      </h1>
      </b:if>
      </b:if>
      </b:if>

      Jangan lupa dibackup dulu ya masta, dan semoga berhasil :)

      Hapus
    • keren mas bro... suksesss...makasih banyak.. :)

      Hapus
  19. biar tulisan "posting lama" sama "beranda" yg di deket widget footer berubah jadi bahasa inggris gimana mas bro? ane dah ganti bahsa di blogspotnya pake bahasa inggris tetp aja gak berubah

    BalasHapus
    Balasan
    • hehe...sebenarnya kode navigasi halaman pada template sudah bersifat dinamis masta jadi mengikuti seting yang di bloggernya(seting bahasa template dan bahasa bloggernya). Coba masta otak-atik dulu, tapi jika sudah terpaksa g bisa, dikasarin aja masta.hehe... :) , caranya coba masta cari kode:

      <data:newerPageTitle/> , <data:olderPageTitle/> , <data:homeMsg/> pada baris pertama dan ganti sesuai dengan keinginan masta, bisa text bisa juga menggunakan gambar. Jangan lupa di backup dulu dan pada saat mencari kode di expand dulu. Semoga berhasil masta :)

      Hapus
  20. Mas admin untuk posting di home saya set 30 post. tapi kk yang muncul hanya 9 posting di home? cara seperti komentar diatas sudah saya coba kk tapi blm bisa?

    BalasHapus
    Balasan
    • Sebenarnya untuk tampilan jumlah posting, template tersebut tidak berpengaruh masta. :) Karena secara otomatis akan mengikuti seting pada:
      1. Settings › Posts and comments.
      2. Layout › Posting Blog › Main Page Options › Number of posts on main page.

      Jika mengalami error mungkin disebabkan oleh beberapa faktor antara lain: seting, modif, penggunaan script pada template sebelumnya dan mungkin juga disebabkan oleh tehnik posting secara otomatis.

      Solusi: Coba ganti dulu dengan template default blogger(minima-2006), terus untuk widget dihapus dulu semua dan juga lakukan revert widget templates to default, setelah itu baru dipasang lagi template Ultimate Store-nya. :)

      Hapus
  21. Mas bro, saya mau nanya lagi nih, masih buat yang http//:www.ishaverstore.com. kalau di site demo (http://www.bloggerblur.com/) pages-nya statis (contac us, privacy policy dll). Nah, saya minta kasih tau cara edit di blog saya yang menggunakan themes ini, supaya di pages-nya di isi sama label. masang-nya di sebelah home. (nangkep gak ya?).

    oh ia, dari pertama menggunakan themplate ini sampe sekarang,blog cukur jenggot saya itu dah ada yg beli cukurannya 2 buah..makasih mas bro buat themplatenya.

    BalasHapus
    Balasan
    • hehe...sedikit bingung saya nakep pertanyaannya mastah. :)

      Kalau yang dimaksud label adalah kategori posting, bisa saja dipasang pada sidebar dengan cara menambahkan widget dari blogger. Jika tampilannya kurang rapi bisa dilakukan edit css pada kode ".sidebar atau .sidebar2" dengan modifikasi padding atau margin. Kalau yang dimaksud lain, bisa dijelaskan lagi maksudnya soalnya sidikit bingung ma maksud pertanyaan masta, he..he...:)

      Selamat ya masta buat jualannya, semoga tambah laku. :)

      Hapus
  22. contoh blog ini mas=bloggersmartfren.blogspot.com, menu-menu yang di bawah head yang disebelah home dengan mudah bisa di ganti, nama dan link-nya.

    misalnya yang pilihan "netizen" itu mengarah ke label bloggersmartfren.blogspot.com/search/label/Blogger.

    Nah, unuk themplate Blogger Ultimate Store niatnya juga ingin seperti itu, soalnya lebih enak dilihat klo labelnya diletakkan menjadi pages, dari pada menggunakan widget dan di taruh di samping.

    maaf ya bos nanya terus..

    BalasHapus
    Balasan
    • hehe...maksudnya dibikin di navbar(menggatikan fungsi navbar halaman/pages) gitu ya masta? Maunya masta yang versi otomatis(jika ada kategori baru maka akan secara otomatis ditambahkan dalam navbar) atau versi manual(coding css dan link sendiri) ?

      Hapus
  23. owh itu namanya navbar... hehe maklum ndeso..Selama ini saya menggunakan cara manual pada theplate lain yang sudah tersedia navbar-nya, tinggal di ganti link-nya, tp di blog thempate ini saya bingung harus di taruh dimana, soalnya navbarnya masih kosong.

    Wah ada yang otomatis juga toh. Boleh masta kalau tidak sibuk di share tips ini, atau dijadikan postingan baru mengenai tips ini.

    BalasHapus
    Balasan

Update: Minta tolong usahakan komentar Anda tidak menggunakan live link untuk kebaikan bersama. :)