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
- Skor untuk kecepatan halaman tunggu menurut Google Page Speed kurang lebih sekitar 91, meskipun sudah memasang iklan banner Amazon sebanyak 4 jenis tampilan.
- 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).
- 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.
- Mendukung Breadcumbs, Rating dan Review secara otomatis disetiap posting.
- 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.
Live Demo:
http://www.bloggerblur.com/
Download
http://ibd.googlecode.com/files/Ultimate-Store.rar
Semoga template Ultimate Store untuk blogger dapat bermanfaat bagi Anda yang berkenan mau mencoba, dan mohon maaf jika masih banyak kekurangan.
thanks gan!
BalasHapusane baru buat nehh.. tolong dibantu gan cara pakai gmna yahh,, ane udh coba posting tapi thumbnails-nya (homepage) kok kagak nongol ya..!!!
(mampir please)
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.
Hapusudh dicoba oomm, tapi tetap kagak mau nongol juga tumbnails nya.
Hapusapa 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
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" />
Hapussama 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 ?
HapusMaaf 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...
Hapuskalo 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
BalasHapushehe...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...
Hapustetep gak bisa...udah saya gonta-ganti tmplte juga gak bisa...kayaknya ada yang gak beres nih tmplte saya yang lama ?! ada saran masta ?!
HapusCoba 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.
Hapusgan apa postingnya pakai auto, ato saya yang ga paham gimana postingnya. mohon pencerahan gan. thank's
BalasHapusTemplate 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)
Hapustemplatenya maknyus mastah... langsung active breadcrumb-nya di google kira² 5 hari setelah ane pakai di blog ini: _specs-me.blogspot.com
BalasHapusoia 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
Untuk Membuat Breadcrumbs Blogger Yang Valid bisa lihat disini masta. he..
HapusWah Thanks Berat Gan, Ijin Nyedot Gan...Pokoknya Sukses selalu Buat Agan Mastha Admin, O Iya Gan BTW Template Yg Ini Di Share Jg Donk
BalasHapushttp://kaffeepadmaschinekaufen.blogspot.com/
Pas Browsing Gak Sengaja Nemu
hehe...siap masta, kapan2 saya benerin dulu, terus langsung saya share masta.
Hapusmaaf om, mau tanya :D
BalasHapusini kok g muncul ya img nya. mohon penceerahan.
Exp : pada home page
http://ongkicakepbanget.blogspot.com/
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...
Hapushahaha iya.. ngikuti trik kk kk di atas tuh . . . siap lah... ane kesengsem ama itu theme :D mingkin ada recomended. ane siap nampung :)
Hapustemplatenya bagus bgt gan, makasih n sukses selalu...
BalasHapusbtw 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/
Coba pakai kode berikut ini masta :
Hapus<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>
woooohhooooo.... cuakep banget mastaaahhh.... makasih beud, gan! semoga sukses selalu untuk anda.
HapusSama-sama masta, mohon maaf jika template masih memiliki banyak kekurangan :)
HapusGan... Klo solusi gambar tumbnail g nongol n cuman 2 post di home yg nongol juga gan gimana ya? padahal sudah di set 12 post...
BalasHapusBTW 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 :)
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". :)
HapusAne coba aja gan ntu, coba dari yang terberat / post panjang, sampai post pendek apa bisa kebaca gitu, ternyata salahnya di image hosting ya?
HapusMasalahnya 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?
:)
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?
BalasHapusUntuk 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;}
Mantap gan... Berhasil...
HapusTinggal 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 :(
Untuk halaman saya rasa tidak masalah masta, cuman mungkin untuk load agak lama.
HapusMasuk menu design - edit layout - posting blog(edit) - Configure Blog Posts - Number of posts on main page.
Udah gan cara ntu... G berhasil :(
HapusTapi 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 :)
gan untuk setting produk di footernya itu gmana ya?
BalasHapusuntuk 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 :)
Hapusitu 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.
BalasHapusTutorial menyembunyikan kode referal di status bar browser udah saya pos di blog ini masta, coba dicari dulu. :)
Hapussudah saya coba gan, tapi kode htmlnya kembali ke defaultnya. apanya ya yang salah?
HapusGan 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?
BalasHapushehe...dicoba dulu masta :), mungkin ada kode yang sedikit terlewatkan.
HapusSebagai saran, setelah melakukan posting dengan metode edit html jangan langsung beralih ke metode compose, biasanya kode akan berubah.
Mastah gimana cara ganti favicon di template ini yah?
BalasHapusMasuk ke akun blogger, terus pilih Design - Page Elements - Favicon - Edit, semoga berhasil :) hehe...
HapusMastah bagaimana cara mem"Bold"kan tulisan dalam button costumer review dan buy now?
BalasHapusCoba dengan kode ini mastah:
Hapus<b>Costumer Review</b> atau menambahkan kode font-weight:bold; pada css button-nya. :)
terima kasih mastah nanti saya coba pada posting product selanjutnya :D
BalasHapusgan mohon cek email masuknya ane ada pertanyaan disana. Thx ya sebelumnya
BalasHapusMaaf masta ke email yang mana ya?(soalnya kebanyakan email) he...
HapusSudah 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)
Hapusmaaf 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
HapusMaaf 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. :)
HapusBos 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?
HapusThx bos.. ane pantau blognya terus.. trimakasih sudah mau berbagi templatenya... mudah2an agan bisa dapat rezeki yang halal.
BalasHapusMas 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
BalasHapusCoba masta cari kode yang mirip dengan yang ini:
Hapus<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 :)
keren mas bro... suksesss...makasih banyak.. :)
Hapusbiar 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
BalasHapushehe...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:
Hapus<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 :)
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?
BalasHapusSebenarnya untuk tampilan jumlah posting, template tersebut tidak berpengaruh masta. :) Karena secara otomatis akan mengikuti seting pada:
Hapus1. 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. :)
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?).
BalasHapusoh 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.
hehe...sedikit bingung saya nakep pertanyaannya mastah. :)
HapusKalau 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. :)
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.
BalasHapusmisalnya 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..
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) ?
Hapusowh 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.
BalasHapusWah ada yang otomatis juga toh. Boleh masta kalau tidak sibuk di share tips ini, atau dijadikan postingan baru mengenai tips ini.
Ok masta, kapan-kapan kalau ada waktu luang saya post dimari. :)
Hapusmaav gan, new bie banget ni soal ginian, kl berkenan, misal kita mau posting, scrip yang perlu ditulis apa aja? dari image sampai button yang di bawah itu.
BalasHapusmakasih atas jawabanya :)
untuk cara posting biasa2 aja gan, cuman persyaratannya url gambar harus dihost dari blogger/picasaweb agar fungsi thumbnails berfungsi. Kalau untuk tehnik pembuatan button buy dan review tehniknya hampir sama seperti pada posting di https://idblogdesign.com/2012/03/melindungi-kode-referal-anda.html
Hapustrus cara buat footer itu gmn???
Hapusmasukin gambarnya itu
Pilih Tata Letak - Tambah Gadget - HTML/JavaScript, terus masukin kode url gambar. ex: <a href="Url yang dituju" title="Nama atau keterangan"><img src="url gambar" alt="Judul Gambar"></a>
Hapusgan mohon pencerahan blogger saya yang tipe baru gambarnya muncul cuman 2 gak bisa banyak. Saya sudah atur di setelan jumlah post di halaman depan 50 tapi muncul cuman 2 doank. Tolong bantu gan supaya bisa banyak
BalasHapussaya udah coba yang ini tapi gak ada tuh di blogger yang tipe baru
1. Settings › Posts and comments.
2. Layout › Posting Blog › Main Page Options › Number of posts on main page.
hehe...blognya main auto ya gan? ni template kurang cocok soalnya buat auto2an coz emang dibuat untuk manual gan. :)
Hapusgan.. mo tnya cara bikin postingan manual amazon di blogspot gimana ya, Ane dah cari2 tp koq ga nemu2..kl nemu-pun bingung cara praktek-nya :( .
BalasHapusAne mo pake template agan neh yg ultimate, bagaimana biar kayak agan lah minimal tampilannya dan kalo di buka per psotingan juga ada tombol amazonnya..
Jadi dlm postingan ada reviewsnya, gambarnya plus tombol amazon :).. hehe
tlng dunk gan :) ..
kl bisa bikin artikel tutorial bikin postingan amazon di blogspot...
thx b4
Untuk posting artikel biasa-biasa aja gan kayak posting blog pada blogger biasanya, tapi kalau saya biasanya pakai posting metode html, untuk gambar saya host dengan picasaweb dengan contoh penulisan, sbb:
Hapus<img src="Url Gambar" alt="judul gambar" width="lebar gambar" height="tinggi gambar" title="judul gambar"/>
Sedangkan untuk penulisan kode referal produk amazon, sbb:
<a href="url affliasi produk Anda dari amazon" title="judul affliasi produk" target="_blank" class="kode css tombol">Produk, Reviews, atau yang lainnya</a>
nb:
- kode affliasi didapat dari akun amazon Anda.
- untuk class tombol harus membuat kode css terlebih dahulu, kalau pada demo saya menggunakan class "green" dan class "orange"
OOic... jadi gambar, misal:laptop di amazon, kita download dulu, kemudian sesuikan ukuran menjadi 300x300, masukin di picasa.
Hapus*saya cb praktekin dulu dikit2 hehe...*
Kalo masalah spesifikasi dan customer review, tinggal copa aja ya gan?...
oic..saya lupa..cara posting metode html gima ya gan...biar plg tdk spt agan lah ( spt toko amazon standar )
Hapusmaturnuwun..
Biasanya ukuran produk di amazon udah 300x300 gan, hehe... dicoba dulu kayak komentar saya yang sebelumnya. :)
Hapustemplate-nya maknyus kang, udh donlot neh.
BalasHapusbtw mau nanya neh:
- tombol "Details"-nya gak bisa diganti warnanya ya? klo bisa gmn caranya?
- klo mau ganti warna border posting (garis bingkai terluar dari semua daftar posting)di kode mna ya?
- klo mau memunculkan "Contact Us",
"Privacy Policy", "Terms and Conditions" gmn caranya ya? soalnya yg nongol di samping kiri "SEARCH" cuma "Beranda" aja neh.
Maaf klo pertanyaannya banyak soalnya newbie neh kang hehehe...
Trims bgt sebelumnya dan sukses selalu kang :D
hehe...untuk tombol details-nya bisa juga dirubah kang,coba cari class .more pada cssnya. untuk warna border posting bisa dicari pada kode class .post{....border}, kalau untuk halaman contact us dan sebagainya bisa buat dulu laman atau pages dengan langkah masuk akun blogger-laman-laman baru-laman kosong, nanti secara otomatis akan tertampil di bagian navbar kang. :)
HapusPuji Tuhan, udh bisa kang.
Hapuscuma klo krusor di arahkan ke tombol "Detail" warna oranye-nya masih ngendon kayake udah satu hati kale yo hehehe...
* gimana tuh kang?
terus pas utak-atik warna border dan tombol "Detail" tuh, lah kok warna isi/tulisan postingan ikut berubah yo? pdhl aku postingnya gak pake warna lain tp pake warna standar (hitam) lho mengingat backgroundnya putih.
* gmn jg tuh kang?
pencerahan soal navbar sip dikopi rojer hehehe...
yg rada bingung pas pasang widget fb n twitter di sidebar,
* klo dikasih judul warnanya kok tetap hitam agak putih/abu2 gitu yo kang?
terakhir:
* klo mau ngasih bulet standar bentuk kotak mini kyak di microsoftword aja deh warna biru, gmn caranya yo? soale pas dikasih bulet tombol bikinan sendiri gak sinkron2 neh. harap maklumin aku yo hehehe...
ups udh puanjang neh komenku dan ceritanya nanya-nya borongan neh, maklum yo kikikikikikkk...
klo berkenan/ada waktu senggang buat nengok monggo cek selengkapnya di distroans.blogspot.com
sebelumnya super tengkyu pencerahannya, maaf bgt ngerepotin. moga sampean sekeluarga sehat, lancar rezeki dan senantiasa makin hepi yo... :)
SALUT BANGET ma KARYA TEMPLATE SAMPEAN ini juga KESUDIAN SAMPEAN MELAYANI KOMENTAR2 SOBAT2. pokoke God bless you deh kang :)
1. Untuk permasalahan tombol details, yang harus disesuaikan warnanya adalah kode class .more a:link,.more a:visited,.more a:active dan .more a:hover
Hapus2. Sedangkan pada tombol search pada kode class .button, .button:hover, dan .button:active,.button:visited
3. Untuk warna background usahakan menggunakan 6 digit, contoh : #ffffff jangan #fff untuk menghidari error pada jenis browser tertentu.
Yang dimaksud tombol bullet di msword tu list-style atau bukan mas? hehe...
point 1 n 2 dicopy rojerrr, point 3 yaps gitu maksudnya. so, kalau pasang tampilan list artikel/produk terus mau dipasang bullet, yg sederhana aja kayak bentuk kotak mini msword spt jg dipake di idBlogDesain tuh, cuma warnanya orange atow apa gtu.
Hapus* gmn caranya yo?
soale klo dipasang bullet pake tombol bikinan sendiri gak bisa sinkron2 neh alias bulletnya gak bisa lurus2 dgn judul tiap list-nya, sering terlalu ke atas atow mlah menyatu-tumpuk dgn judul list-nya. meski coba diubah2 lg padingnya tp bulletnya tetap gak mau bergerak.
klo gak salah rasio pading di footer ultimate store yg sampean bagi neh yaitu 0, 0, 15, -15 dan 1.5em. gmn tuh caranya? hehehe...
sekali lagi super tengkyu sebelumnya yo kang hehehe...
List-stylenya mau digunakan dibagian mana mas? dan untuk bagian footer id atau class-nya apa ya mas?
Hapuspenginnya satu di sidebar widget, satunya di footer. bulletnya di sebelah kiri setiap item (judul) list-nya. bisa di list posting terbaru atau index berita deh hehehe :D
Hapushehe...intinya gini mas, untuk buat list style tinggal buat class atau id seperti berikut ini pada cssnya:
Hapus.ul{list-style:none;padding:0;margin:0;}
.li{margin:0 0 0 15px;padding:2px 0;}
atau bisa dimodif lagi dan tentunya disesuaikan dengan id atau class sebelumnya, misal saya gunakan pada id footer maka menjadi:
#footer .ul{list-style:none;padding:0;margin:0;}
#footer .li{margin:0 0 0 15px;padding:2px 0;}
Mas... tolongin dong, cara postingnya gimana ya biar persis bloggerblur.com? Ada gak contoh posting artikel yang berbentuk .txt seperti yg ada pada template azonminisite?
BalasHapusMaaf mas, komentarnya tadi kefilter spam jadi baru dipublish. Kapan-kapan saya buatin contohnya mas. :)
HapusTerima kasih. Ditunggu ya!
HapusOk mas :)
HapusMas. caranya biar semua blog backgroudnya putih gimana ya ??
BalasHapushttp://www.bloggerblur.com/
itu iklan yang dibawah backgound nya bisa putih.
tapi kalo yang di download ketika di berik iklan terlihat semi abu2. .
mohon bantuanya mas ^_^
Coba mas cari id #topfooter-wrapper{....}, lalu untuk backgroundnya silahkan disesuaikan sendiri menurut selera mas :)
Hapusyap sudah mas. . tapi ndak paham mau di bawa kemana . . hehe
Hapusyang di ganti untuk warna biar putih sama seperti blog ini yang
#topfooter-wrapper{border:1px solid #ccc;background:#fff;
atau lainya mas ?
udah mas. .keren jadine
Hapus#FFFFFF <- itu kuncinya. .trims ^_^
hehe...gini aja mas, mas cari kode #topfooter-wrapper{border:1px solid #ccc;background:#fff;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ededed));background:-moz-linear-gradient(top,#fff,#ededed);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#ededed');padding:0;margin:10px 0 10px 0;color:#666;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}
Hapuslalu ganti dengan kode
#topfooter-wrapper{border:1px solid #ccc;background:#fff;padding:0;margin:10px 0 10px 0;color:#666;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}
Semoga berhasil mas. :)
yap sukses pak. . ^_^ bisa putih
Hapus. .
pak hari ini mau nambah gadget yang di kolom 2 kecil ,
kalo di tumpuk kok ndak keliatan ya yang kedua.
http://www.bloggerblur.com/
itu di bawah gadget amzon plg n play. . di bawah ada gadget yang besar.
tapi kalo gadget yang kecil numpuk 2,
yang bagian bawah tidak terlihat.
caranya biar bisa terlihat 2 sap atas bawah sblm gadget yang besar gimana ya pak ??
^_^
yang kmaren sukses pak jadi putih
BalasHapushari ini mau nambah gadget kecil di
www.bloggerblur.com
itu di bagian samping web ada gadget amazon plug n play ,
di bawah nya ada gadget yg lebih besar (visit us) itu.
tapi ketika mau nambah gadget yagn kecil menjadi 2 sap atas dan bawah
yang bawah kok tidak terlihat ya pak ketika di preview ??
tapi di design template bisa ada 2 . .
caranya biar bisa tampil menjadi 2 gimana ya pak ?
Hi Bro,
BalasHapusMohon bantuan :)
Lihat imej di bawah...
http://i.cubeupload.com/d2OL1v.jpg
Thank you :)
mastah mo nanya bagaimana menampilkan widget banner pada postingan. sperti di demo ultimate store. sy klik salah 1 posting disitu widgetnya bannernya jadi nongol. tetapi di homepage seperti default... hatur nuwun mastah...
BalasHapusmas tempaltenya kok gak bisa dipakai ya...?
BalasHapusWe were unable to save your template
Please correct the error below, and submit your template again.
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: Content is not allowed in prolog.
thanks
Coba pakai antarmuka blogger lawas aja mas pasti bisa :), hal tersebut disebabkan karena kode widget header saya hapus dan saya ganti dengan kode html manual sehingga untuk antarmuka blogger yang baru tidak kompatibel. :)
Hapuspak . .maksimal postingan saya untuk pertama bisa 12 postingan sama seperti di demo nya.
BalasHapusuntuk bebraapa kali postingan yang muncul cuman 4 postingan saja.
untuk setingan masi tetep yang 12 postingan. .
itu gimana ya pak biar bisa muncul 12 postingan lagi. mohon bantuannya ^_^
Cara postingnya gimana ya mastah? newbie...
BalasHapusmungkin ada contoh postingan html nya mastah atau mungkin tutorial...
trm..
bener2 mantabz....
BalasHapushari ini ane banyak blajar dari blog ente.
templatenya juga mantabz n buat koleksi.
menta izin buat pakenya ya bro...
gbu
Dengan senang hati mas. GBU too :)
Hapusmas, cara menambah bar navigasi seperi contact us, privacy policy tu dmna ya? saya bingung lihat scriptnya...
BalasHapusPada komentar sebelumnya sudah dibahas mas, coba dibaca dulu. Jika kurang jelas mungkin bisa saya bantu. :)
HapusI want to use this template on Blogs Daddy's sub domain, is this against TOS of blogger??
BalasHapusI have used the template for my blog on bloggerblur.com for almost 2 years and until now still safe. So for the Blogger TOS, you own the judge ... :) (Google Translate)
Hapusnice template, i would like to use this theme in my blogspot
BalasHapusThank you for trying our free blogger templates. :) (Google Translate)
Hapusitu kalo yang di footer gimana caranya ya mas? bisa ada produknya. pakai widgetkah? atau pakai apa?
BalasHapusiya mas, itu pakai widget. ex: <a href="Url yang dituju" title="Nama atau keterangan"><img src="url gambar" alt="Judul Gambar"></a>
HapusMas manualnya untuk posting yang lengkap nya dong biar yang baru seperti sy bisa coba.
BalasHapuspunya ane ko ga muncul,,
BalasHapuscuman ada judul doang,, gambarnya ngumpet dimana gan???
tolong donk...
coba lihat kalo ga percaya http://amazon-androidstore.blogspot.com/
hehe...host imagenya harus di picasaweb gan.:)
Hapusijin repost..
BalasHapusTemplate Blogger Toko Online Ultimate Store
Dengan senang hati mastah. :)
Hapuswidget yang disedebar kok tidak ada yang mncul mas bos?
BalasHapusgimana caranya ya?
Widget apa ya mas? jika tidak keberatan mungkin bisa diinformasikan templatenya dipakai di alamat mana, biar saya check langsung. :)
HapusSaya cobak pakek di alamat ini mas
Hapushttp://plazamodem.blogspot.com/
widget disamping yang kasih tulisan cominsoon dan Total Pageviews sama dibawahnya.
itu cara merubahnya dimana?
maaf banyak tanya nih
makasih sebelumnya
Masuk menu tata letak pada blogger mas, ada 2 widget/gadget bersebelahan, nah yang itu mas edit atau hapus atau ganti dengan widget yang lainnya.
Hapussatu lagi mas, kalau menghilangkan garis pinggir di widget dua kolom itu gimana ya?
HapusMas cari kode css .sidebar2-left{...}.sidebar2-right{...} dan hapus kode berikut " border:1px solid #c3e3fc "
Hapuskenapa judul postingnya ke potong mas punya saya apa ada kesalahan posting? http://bestcanoneosx.blogspot.com/
BalasHapusHal tersebut disebabkan oleh jumlah karakter post yang dibatasi mas. Tetapi pada demo sudah disesuaikan, mungkin template yang ada didemo kapan2 akan saya publish untuk memperbaiki bug pada template sebelumnya. :)
Hapusuntuk merubah jumlah karakter biar bisa panjang di mana script nya?
HapusCoba mas cari dan modifikasi kode css .post h3{...}
BalasHapusada tiga .post h3 yang mana? , modifikasinya ganti jadi gimana?
HapusYang berhubungan dengan height, terserah mas mau modif jadi seperti apa. :)
Hapussaya udah rubah buat title posnya mas seperti yang di sini http://shoppzoner.blogspot.com.
HapusTanya lg Mas kl buat page Privacy Policy kok tampilnya gak full gimana solusinya mas? buat page lainnya juga sama gak full napa ?
hehe...mas copas kode css yang di blog demo ya? kalau iya itu penyebabnya mas, soalnya struktur template dan cssnya sudah dibuat beda. Untuk solusinya mas samakan kode css untuk static page dengan kode css single page. :)
Hapus